/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/app.scss?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */ @charset "UTF-8"; @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-500: oklch(63.7% 0.237 25.331); --spacing: 0.25rem; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-bold: 700; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .start { inset-inline-start: var(--spacing); } .\!end { inset-inline-end: var(--spacing) !important; } .end { inset-inline-end: var(--spacing); } .-left-12 { left: calc(var(--spacing) * -12); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-8 { grid-column: span 8 / span 8; } .col-span-12 { grid-column: span 12 / span 12; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .\!m-0 { margin: calc(var(--spacing) * 0) !important; } .m-0 { margin: calc(var(--spacing) * 0); } .mx-auto { margin-inline: auto; } .-my-3 { margin-block: calc(var(--spacing) * -3); } .\!-ms-4 { margin-inline-start: calc(var(--spacing) * -4) !important; } .\!ms-0 { margin-inline-start: calc(var(--spacing) * 0) !important; } .ms-4 { margin-inline-start: calc(var(--spacing) * 4); } .ms-8 { margin-inline-start: calc(var(--spacing) * 8); } .\!me-3 { margin-inline-end: calc(var(--spacing) * 3) !important; } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .me-8 { margin-inline-end: calc(var(--spacing) * 8); } .-mt-\[0\.25rem\] { margin-top: calc(0.25rem * -1); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .\!mb-0 { margin-bottom: calc(var(--spacing) * 0) !important; } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .table-cell { display: table-cell; } .table-row { display: table-row; } .h-\[250px\] { height: 250px; } .h-full { height: 100%; } .max-h-\[216px\] { max-height: 216px; } .min-h-\[40px\] { min-height: 40px; } .w-1 { width: calc(var(--spacing) * 1); } .w-3 { width: calc(var(--spacing) * 3); } .w-\[250px\] { width: 250px; } .w-full { width: 100%; } .max-w-\[300px\] { max-width: 300px; } .min-w-0 { min-width: calc(var(--spacing) * 0); } .flex-1 { flex: 1; } .flex-shrink { flex-shrink: 1; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .shrink-1 { flex-shrink: 1; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .grow-1 { flex-grow: 1; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .columns-3 { columns: 3; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-\[1\.5rem\] { gap: 1.5rem; } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: 0.25rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-xl { border-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-t-1 { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .bg-red-500 { background-color: var(--color-red-500); } .\!p-8 { padding: calc(var(--spacing) * 8) !important; } .p-4 { padding: calc(var(--spacing) * 4); } .p-8 { padding: calc(var(--spacing) * 8); } .\!px-4 { padding-inline: calc(var(--spacing) * 4) !important; } .px-8 { padding-inline: calc(var(--spacing) * 8); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-\[1\.5rem\] { padding-block: 1.5rem; } .ps-8 { padding-inline-start: calc(var(--spacing) * 8); } .pe-8 { padding-inline-end: calc(var(--spacing) * 8); } .pe-18 { padding-inline-end: calc(var(--spacing) * 18); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .text-center { text-align: center; } .align-middle { vertical-align: middle; } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .\!text-\[2\.5rem\] { font-size: 2.5rem !important; } .text-\[1\.25rem\] { font-size: 1.25rem; } .leading-\[1\.6em\] { --tw-leading: 1.6em; line-height: 1.6em; } .leading-\[2\.5\] { --tw-leading: 2.5; line-height: 2.5; } .\!font-normal { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .text-nowrap { text-wrap: nowrap; } .break-all { word-break: break-all; } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .\!filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .select-all { -webkit-user-select: all; user-select: all; } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:col-span-3 { @media (width >= 64rem) { grid-column: span 3 / span 3; } } .lg\:col-span-9 { @media (width >= 64rem) { grid-column: span 9 / span 9; } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } } @layer base { video, audio, mark, time, summary, section, ruby, output, nav, menu, hgroup, header, footer, figcaption, figure, embed, details, canvas, aside, article, td, th, tr, thead, tfoot, tbody, caption, table, legend, label, form, fieldset, li, ul, ol, dd, dt, dl, center, i, u, b, var, tt, sup, sub, strong, strike, small, samp, s, q, kbd, ins, img, em, dfn, del, code, cite, big, address, acronym, abbr, a, pre, blockquote, p, h6, h5, h4, h3, h2, h1, iframe, object, applet, span, div, body, html { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } blockquote { quotes: none; } blockquote:before { content: ""; content: none; } blockquote:after { content: ""; content: none; } q { quotes: none; } q:before { content: ""; content: none; } q:after { content: ""; content: none; } ol { list-style: none; } ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } article { display: block; } aside { display: block; } details { display: block; } figure { display: block; } figcaption { display: block; } footer { display: block; } header { display: block; } hgroup { display: block; } menu { display: block; } nav { display: block; } section { display: block; } * { box-sizing: border-box; } * html .clearfix { height: 1%; } .clearfix { display: inline-block; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; text-decoration: none; } abbr[title] { cursor: help; border-bottom: 1px dotted #777; text-decoration: none; } html[xmlns] .clearfix { display: block; } } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX { animation-duration: 0.75s; } .animated.flipOutY { animation-duration: 0.75s; } .animated.bounceIn { animation-duration: 0.75s; } .animated.bounceOut { animation-duration: 0.75s; } .animated.flip { backface-visibility: visible; animation-name: flip; } @keyframes bounce { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 20% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 53% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from { opacity: 1; } 50% { opacity: 1; } to { opacity: 1; } 25% { opacity: 0; } 75% { opacity: 0; } } .flash { animation-name: flash; } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 0, 0); } 10% { transform: translate3d(-10px, 0, 0); } 30% { transform: translate3d(-10px, 0, 0); } 50% { transform: translate3d(-10px, 0, 0); } 70% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(-10px, 0, 0); } 20% { transform: translate3d(10px, 0, 0); } 40% { transform: translate3d(10px, 0, 0); } 60% { transform: translate3d(10px, 0, 0); } 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 50% { transform: translateX(0); } 0.5% { transform: translateX(-6px) rotateY(-9deg); } 1.5% { transform: translateX(5px) rotateY(7deg); } 2.5% { transform: translateX(-3px) rotateY(-5deg); } 3.5% { transform: translateX(2px) rotateY(3deg); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 50% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 70% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 60% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from { transform: none; } to { transform: none; } 0.1% { transform: none; } 1.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 2.3% { transform: skewX(6.25deg) skewY(6.25deg); } 3.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 4.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 5.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 6.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 7.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 20% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(1.1, 1.1, 1.1); } 40% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(0.9, 0.9, 0.9); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(0.97, 0.97, 0.97); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: scale3d(1, 1, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -10px, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 5px, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: none; } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInRight { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(10px, 0, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(-5px, 0, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -5px, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40% { opacity: 1; transform: translate3d(0, -20px, 0); } 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40% { opacity: 1; transform: translate3d(0, 20px, 0); } 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .spin { animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; } @keyframes spin-center { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } } .spin-center { animation-name: spin-center; animation-duration: 1500ms; animation-timing-function: linear; } .md-editor .toolbar { background: #f5f5f5; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #e5e5e5; border-bottom: none; margin-left: 0; padding: 5px 5px 5px 0; } .md-editor .toolbar button[disabled] { background: #fff !important; border-color: #e5e5e5 !important; color: #858585 !important; } .md-editor textarea { border-top-left-radius: 0; border-top-right-radius: 0; } .md-editor .preview { width: 100%; background: #fff; border: 1px solid #e5e5e5; padding: 10px 15px; border-radius: 0 0 3px 3px; font-size: 12px; line-height: normal; color: #000; outline: none; resize: none; transition: all 0.15s linear; } .md-editor .header-selection h1 { font-size: 20px !important; font-weight: bold !important; color: #000 !important; text-transform: none !important; } .md-editor .header-selection h2 { font-size: 18px !important; font-weight: bold !important; color: #000 !important; text-transform: none !important; } .md-editor .header-selection h3 { font-size: 14px !important; font-weight: bold !important; color: #000 !important; text-transform: none !important; } .md-editor .dropdown.open .dropdown-toggle i { transform: none; transition: none; } .md-editor .dropdown.open .dropdown-toggle button i { transform: none; transition: none; } .md-editor .dropdown-menu li { cursor: pointer; } @media (prefers-color-scheme: light) { :root { --pxl-action-color-hover: var(--pxl-action-shade-02); --pxl-color-main-background-rgb: 255, 255, 255; --pxl-color-panel-hover: var(--pxl-primary-tint-01); --pxl-color-panel-focus: var(--pxl-primary-tint-02); --pxl-color-panel-active: var(--pxl-primary-tint-03); --pxl-shadow-small: 0 2px 4px rgba(black, 0.1); --pxl-shadow-normal: 0 1px 4px rgba(black, 0.25); --pxl-natural-background-hover-rgba: 'rgba(11,17,45,0.1)'; --pxl-color-main: var(--pxl-primary-tint-10); --pxl-color-primary-background: var(--pxl-primary-tint-03); --pxl-color-primary-background-hover: var(--pxl-primary-tint-05); --pxl-color-primary-reverse: var(--pxl-primary-tint-10); --pxl-color-tag-background: var(--pxl-primary-tint-00); --pxl-color-tag-background-hover: var(--pxl-primary-tint-01); --pxl-color-tag-action-hover: var(--pxl-primary-tint-03); --pxl-color-yellow-text: var(--pxl-warning-contrast); --pxl-color-shaded-card-backgroud: var(--pxl-primary-tint-00); --pxl-shaded-card-tags: inherit; --pxl-databricks-fill: black; --pxl-snowflake-fill: #29b5e8; } [data-theme=dark] { --pxl-action-color-hover: var(--pxl-action-tint-08); --pxl-color-main-background-rgb: 19, 21, 30; --pxl-color-panel-hover: var(--pxl-primary-tint-02); --pxl-color-panel-focus: var(--pxl-primary-tint-03); --pxl-color-panel-active: var(--pxl-primary-tint-04); --pxl-shadow-small: 0 2px 4px rgba(black, 0.4); --pxl-shadow-normal: 0 1px 4px rgba(black, 0.55); --pxl-natural-background-hover-rgba: 'rgba(255,255,255,0.1)'; --pxl-color-main: var(--pxl-primary-tint-09); --pxl-color-primary-background: var(--pxl-primary-tint-02); --pxl-color-primary-background-hover: var(--pxl-primary-tint-04); --pxl-color-primary-reverse: var(--pxl-primary-tint-09); --pxl-color-tag-background: var(--pxl-primary-tint-01); --pxl-color-tag-background-hover: var(--pxl-primary-tint-02); --pxl-color-tag-action-hover: var(--pxl-primary-tint-03); --pxl-color-yellow-text: var(--pxl-warning-tint-10); --pxl-color-shaded-card-backgroud: var(--pxl-primary-tint-01); --pxl-shaded-card-tags: var(--pxl-primary-tint-02); --pxl-databricks-fill: var(--pxl-primary-tint-10); --pxl-snowflake-fill: var(--pxl-primary-tint-10); } } @media (prefers-color-scheme: dark) { :root { --pxl-action-color-hover: var(--pxl-action-tint-08); --pxl-color-main-background-rgb: 19, 21, 30; --pxl-color-panel-hover: var(--pxl-primary-tint-02); --pxl-color-panel-focus: var(--pxl-primary-tint-03); --pxl-color-panel-active: var(--pxl-primary-tint-04); --pxl-shadow-small: 0 2px 4px rgba(black, 0.4); --pxl-shadow-normal: 0 1px 4px rgba(black, 0.55); --pxl-natural-background-hover-rgba: 'rgba(255,255,255,0.1)'; --pxl-color-main: var(--pxl-primary-tint-09); --pxl-color-primary-background: var(--pxl-primary-tint-02); --pxl-color-primary-background-hover: var(--pxl-primary-tint-04); --pxl-color-primary-reverse: var(--pxl-primary-tint-09); --pxl-color-tag-background: var(--pxl-primary-tint-01); --pxl-color-tag-background-hover: var(--pxl-primary-tint-02); --pxl-color-tag-action-hover: var(--pxl-primary-tint-03); --pxl-color-yellow-text: var(--pxl-warning-tint-10); --pxl-color-shaded-card-backgroud: var(--pxl-primary-tint-01); --pxl-shaded-card-tags: var(--pxl-primary-tint-02); --pxl-databricks-fill: var(--pxl-primary-tint-10); --pxl-snowflake-fill: var(--pxl-primary-tint-10); } [data-theme=light] { --pxl-action-color-hover: var(--pxl-action-shade-02); --pxl-color-main-background-rgb: 255, 255, 255; --pxl-color-panel-hover: var(--pxl-primary-tint-01); --pxl-color-panel-focus: var(--pxl-primary-tint-02); --pxl-color-panel-active: var(--pxl-primary-tint-03); --pxl-shadow-small: 0 2px 4px rgba(black, 0.1); --pxl-shadow-normal: 0 1px 4px rgba(black, 0.25); --pxl-natural-background-hover-rgba: 'rgba(11,17,45,0.1)'; --pxl-color-main: var(--pxl-primary-tint-10); --pxl-color-primary-background: var(--pxl-primary-tint-03); --pxl-color-primary-background-hover: var(--pxl-primary-tint-05); --pxl-color-primary-reverse: var(--pxl-primary-tint-10); --pxl-color-tag-background: var(--pxl-primary-tint-00); --pxl-color-tag-background-hover: var(--pxl-primary-tint-01); --pxl-color-tag-action-hover: var(--pxl-primary-tint-03); --pxl-color-yellow-text: var(--pxl-warning-contrast); --pxl-color-shaded-card-backgroud: var(--pxl-primary-tint-00); --pxl-shaded-card-tags: inherit; --pxl-databricks-fill: black; --pxl-snowflake-fill: #29b5e8; } } .showdown-documentation table thead tr th, .dp-layout--section.dp-layout--aside .nl-form .nl-form--paragraph .dp-menu > .dp-menu--button, .dp-layout--section.dp-layout--aside .nl-form .nl-form--topic .dp-menu > .dp-menu--button, .dp-layout--section.dp-layout--aside .nl-form .nl-form--sentence .dp-menu > .dp-menu--button, .dp-api .swagger-ui .info .main .title small pre, .dp-workflow--column .dp-workflow--value, add-datasource .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-button .dp-button--value, add-project .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-button .dp-button--value, #config-builder .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-button .dp-button--value, .dp-typography--expand-collapse, .dp-toggle .dp-toggle--label .dp-toggle--value, .dp-textfield .dp-textfield--label, .dp-filefield.dp-filefield--outline .dp-filefield--value, .dp-filefield .dp-filefield--input + .dp-filefield--label .dp-filefield--display-text, .dp-filefield .dp-filefield--input + .dp-filefield--placeholder .dp-filefield--display-text, .dp-table thead .dp-table--row .dp-table--cell, .dp-table tbody .dp-table--row .dp-table--cell .dp-table--value, .dp-table .dp-table--cell.dp-table--nowrap [class^=dp-typography-], .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1.dp-typography--gray, .dp-table tbody .dp-table--row .dp-table--cell .showdown-documentation.dp-typography--gray, .dp-table thead .dp-table--row .dp-table--cell .dp-button .dp-button--value, .dp-table tbody .dp-table--row .dp-table--cell .dp-button .dp-button--value, #user-file-uploads .dp-table thead .dp-table--row .dp-table--cell file-input .dp-filefield--wrapper .dp-filefield .dp-filefield--input + .dp-filefield--label .dp-filefield--display-text + .dp-filefield--value, #user-file-uploads .dp-table tbody .dp-table--row .dp-table--cell file-input .dp-filefield--wrapper .dp-filefield .dp-filefield--input + .dp-filefield--label .dp-filefield--display-text + .dp-filefield--value, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell .dp-table--content .dp-typography-body-1, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell .dp-tree--value .dp-typography-body-1, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell .dp-table--content .dp-typography-body-1, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell .dp-tree--value .dp-typography-body-1, .dp-slider .ngx-slider .ngx-slider-bubble, .dp-menu--button.dp-button.dp-button--nobackground, .dp-menu--button.dp-button:not(.dp-button--multiline) .dp-button--value, .dp-menu--list .dp-menu--item > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), .dp-menu--list .dp-menu--item > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, .dp-menu.dp-menu--with-label .dp-menu--label, typeahead-container.dropdown-menu .dp-menu--item > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), typeahead-container.dropdown-menu .dp-menu--item > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu button > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), typeahead-container.dropdown-menu button > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), typeahead-container.dropdown-menu button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), typeahead-container.dropdown-menu button.dp-button.dp-button--nobackground, typeahead-container.dropdown-menu button.dp-button:not(.dp-button--multiline) .dp-button--value, typeahead-container.dropdown-menu button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu button > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu button > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu button.dp-button.dp-button--nobackground, ngb-typeahead-window.dropdown-menu button.dp-button:not(.dp-button--multiline) .dp-button--value, .dp-list.dp-list--button .dp-list--item .dp-list--value, .dp-list.dp-list--button .dp-list--item .dp-list--sub, .dp-list.dp-list--columns .dp-list--item .dp-list--value .dp-list--value-auto, .dp-list.dp-list--columns .dp-list--item .dp-list--sub .dp-list--value-auto, .dp-label .dp-label--value, .dp-label.dp-label--with-ellipsis .dp-label--value, .dp-facet .dp-facet--list .dp-list .dp-list--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, .dp-chip .dp-chip--text { text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden; } .showdown-documentation, .showdown-documentation a, .showdown-documentation button, .nl-form .dp-menu .dp-menu--list .dp-menu--button .dp-button--value, .dp-typography-display-1, .dp-typography-display-2, .dp-typography-display-3, .dp-typography-display-4, .dp-typography-list-1, .dp-typography-list-2, .dp-typography-list-3, .dp-typography-body-1, .dp-typography-body-2, .dp-typography-snippet pre code.code-break, .dp-typography-snippet pre .code.code-break, .dp-typography-snippet .pre code.code-break, .dp-typography-snippet .pre .code.code-break, .dp-blockquote, .dp-tooltip .dp-tooltip--value, ngb-tooltip-window .dp-tooltip--value, .dp-tooltip ngb-tooltip-window .tooltip-inner, ngb-tooltip-window .dp-tooltip .tooltip-inner, ngb-tooltip-window .tooltip-inner, .dp-textfield.dp-textfield--directory .dp-textfield--input [class^=dp-typography--], .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--block .dp-button--value.showdown-documentation, #report-types .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--description .dp-button--value, .dp-radio .dp-radio--input + .dp-radio--label .dp-radio--value, .dp-message .dp-message--list .dp-message--item .dp-message--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--button .dp-button--value span, mention-list ul li a.mention-item, mention-list ul.dropdown-menu li a.mention-item, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button ngb-typeahead-window.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-list .dp-list--item .dp-list--value, .dp-dialog .dp-dialog--content .dp-dialog--title, .dp-dialog .dp-dialog--content .dp-dialog--text, .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, .dp-card .dp-card--content .dp-card--title, .dp-card .dp-card--content .dp-card--title-sm, .dp-card .dp-card--content .dp-card--text, .dp-button.dp-button--inline, .dp-list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-menu--list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-menu--list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-menu--list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-table .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-table .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-menu--list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-menu--list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-menu--list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-table .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-table .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value span { display: block; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; white-space: normal !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .showdown-documentation, .showdown-documentation a, .showdown-documentation button, .nl-form .dp-menu .dp-menu--list .dp-menu--button .dp-button--value, .dp-typography--inline, .dp-typography-display--inline, .dp-typography-display-1--inline, .dp-typography-display-2--inline, .dp-typography-display-3--inline, .dp-typography-display-4--inline, .dp-typography-list--inline, .dp-typography-list-1--inline, .dp-typography-list-2--inline, .dp-typography-list-3--inline, .dp-typography-body--inline, .dp-typography-body-1--inline, .dp-typography-body-2--inline, .dp-typography-snippet pre code.code-break, .dp-typography-snippet pre .code.code-break, .dp-typography-snippet .pre code.code-break, .dp-typography-snippet .pre .code.code-break, .dp-textfield.dp-textfield--directory .dp-textfield--input [class^=dp-typography--], .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--block .dp-button--value.showdown-documentation, #report-types .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--description .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button ngb-typeahead-window.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-dialog .dp-dialog--content .dp-dialog--title, .dp-card .dp-card--content .dp-card--title, .dp-card .dp-card--content .dp-card--title-sm, .dp-button.dp-button--inline { word-break: break-all; } } @supports (-ms-ime-align: auto) { .showdown-documentation, .showdown-documentation a, .showdown-documentation button, .nl-form .dp-menu .dp-menu--list .dp-menu--button .dp-button--value, .dp-typography--inline, .dp-typography-display--inline, .dp-typography-display-1--inline, .dp-typography-display-2--inline, .dp-typography-display-3--inline, .dp-typography-display-4--inline, .dp-typography-list--inline, .dp-typography-list-1--inline, .dp-typography-list-2--inline, .dp-typography-list-3--inline, .dp-typography-body--inline, .dp-typography-body-1--inline, .dp-typography-body-2--inline, .dp-typography-snippet pre code.code-break, .dp-typography-snippet pre .code.code-break, .dp-typography-snippet .pre code.code-break, .dp-typography-snippet .pre .code.code-break, .dp-textfield.dp-textfield--directory .dp-textfield--input [class^=dp-typography--], .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--block .dp-button--value.showdown-documentation, #report-types .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--description .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button ngb-typeahead-window.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-dialog .dp-dialog--content .dp-dialog--title, .dp-card .dp-card--content .dp-card--title, .dp-card .dp-card--content .dp-card--title-sm, .dp-button.dp-button--inline { word-break: break-all; } } .nl-form:before, .nl-form .nl-form--nested:before, add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper:before, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper:before, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper:before, add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner:before, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner:before, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner:before, add-datasource .dp-layout .dp-layout--body .header-relative .dp-list.dp-list--collapse .dp-list--item:before, add-project .dp-layout .dp-layout--body .header-relative .dp-list.dp-list--collapse .dp-list--item:before, #config-builder .dp-layout .dp-layout--body .header-relative .dp-list.dp-list--collapse .dp-list--item:before, #tag-builder.dp-layout--wrapper:before, #tag-builder.dp-layout--wrapper .dp-layout--inner:before, .dp-textfield.dp-textfield--directory .dp-textfield--input:before, .dp-table--bar:before, .dp-table--actions:before, .dp-list.dp-list--icon-set.dp-list--icon .dp-list--item:before, .dp-list.dp-list--horizontal:before, .dp-list--flex---breakpoints:before, .dp-facet .dp-facet--list:before, .dp-editor--base .dp-editor--head:before, .dp-editor--base .dp-editor--body:before, .dp-editor.dp-editor--showdown .dp-editor--bar:before, chart-legend ul:before, .dp-layout--bar:before, .dp-layout--bar.dp-layout--bar-inner:before, .dp-layout--hr:before, .dp-layout .dp-layout--head:before, .dp-layout .dp-layout--body:before, .dp-layout .dp-layout--foot:before, .dp-layout--connection .dp-layout .dp-layout--body:before, .dp-layout--aside:before, .dp-layout--element .dp-layout--element---actions:before, datasource-list:before, project-list:before { display: table; content: ""; } .nl-form:after, .nl-form .nl-form--nested:after, add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper:after, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper:after, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper:after, add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner:after, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner:after, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner:after, add-datasource .dp-layout .dp-layout--body .header-relative .dp-list.dp-list--collapse .dp-list--item:after, add-project .dp-layout .dp-layout--body .header-relative .dp-list.dp-list--collapse .dp-list--item:after, #config-builder .dp-layout .dp-layout--body .header-relative .dp-list.dp-list--collapse .dp-list--item:after, #tag-builder.dp-layout--wrapper:after, #tag-builder.dp-layout--wrapper .dp-layout--inner:after, .dp-textfield.dp-textfield--directory .dp-textfield--input:after, .dp-table--bar:after, .dp-table--actions:after, .dp-list.dp-list--icon-set.dp-list--icon .dp-list--item:after, .dp-list.dp-list--horizontal:after, .dp-list--flex---breakpoints:after, .dp-facet .dp-facet--list:after, .dp-editor--base .dp-editor--head:after, .dp-editor--base .dp-editor--body:after, .dp-editor.dp-editor--showdown .dp-editor--bar:after, chart-legend ul:after, .dp-layout--bar:after, .dp-layout--bar.dp-layout--bar-inner:after, .dp-layout--hr:after, .dp-layout .dp-layout--head:after, .dp-layout .dp-layout--body:after, .dp-layout .dp-layout--foot:after, .dp-layout--connection .dp-layout .dp-layout--body:after, .dp-layout--aside:after, .dp-layout--element .dp-layout--element---actions:after, datasource-list:after, project-list:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } @media only screen and (max-width: 1366px) { .console-view .partial-container .page-content { min-width: 1170px; } } @media only screen and (max-width: 1200px) { .search { width: 160px; } } @media only screen and (max-height: 500px) { .left-nav { overflow: auto !important; } .left-nav .add-wrapper { position: relative; } } @media only screen and (max-width: 1080px) { .dp-layout--section .dp-layout--withaside .dp-layout--bar .dp-toggle.dp-toggle--absolute { display: block; position: relative; left: auto; transform: none; margin-bottom: 24px; } } @media only screen and (max-width: 962px) { .dp-layout--bar .dp-toggle.dp-toggle--absolute { display: block; position: relative; left: auto; transform: none; margin-bottom: 24px; } } @media only screen and (max-width: 1350px) { #policies-view .header-relative.dp-layout--menu { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.15), 0 8px 10px -5px rgba(0, 0, 0, 0.05); } #policies-view .header-relative.dp-layout--menu.dp-layout--collapsed { box-shadow: none; } } @media only screen and (max-width: 950px) { #policies-view .header-relative.dp-layout--menu.dp-layout--collapsed { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.15), 0 8px 10px -5px rgba(0, 0, 0, 0.05); } } @layer base { html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { box-sizing: border-box; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } [hidden] { display: none !important; } .show { display: block; } } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/ html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } /*! Ionicons, v4.6.3 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original.*/ @font-face { font-family: "Ionicons"; src: url('ionicons.eot?v=4.6.3'); src: url('ionicons.eot?v=4.6.3#iefix') format("embedded-opentype"), url('ionicons.woff2?v=4.6.3') format("woff2"), url('ionicons.woff?v=4.6.3') format("woff"), url('ionicons.ttf?v=4.6.3') format("truetype"), url('ionicons.svg?v=4.6.3#Ionicons') format("svg"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-ios-add:before, .ion-ios-add-circle:before, .ion-ios-add-circle-outline:before, .ion-ios-airplane:before, .ion-ios-alarm:before, .ion-ios-albums:before, .ion-ios-alert:before, .ion-ios-american-football:before, .ion-ios-analytics:before, .ion-ios-aperture:before, .ion-ios-apps:before, .ion-ios-appstore:before, .ion-ios-archive:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-dropdown:before, .ion-ios-arrow-dropdown-circle:before, .ion-ios-arrow-dropleft:before, .ion-ios-arrow-dropleft-circle:before, .ion-ios-arrow-dropright:before, .ion-ios-arrow-dropright-circle:before, .ion-ios-arrow-dropup:before, .ion-ios-arrow-dropup-circle:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-round-back:before, .ion-ios-arrow-round-down:before, .ion-ios-arrow-round-forward:before, .ion-ios-arrow-round-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-attach:before, .ion-ios-backspace:before, .ion-ios-barcode:before, .ion-ios-baseball:before, .ion-ios-basket:before, .ion-ios-basketball:before, .ion-ios-battery-charging:before, .ion-ios-battery-dead:before, .ion-ios-battery-full:before, .ion-ios-beaker:before, .ion-ios-bed:before, .ion-ios-beer:before, .ion-ios-bicycle:before, .ion-ios-bluetooth:before, .ion-ios-boat:before, .ion-ios-body:before, .ion-ios-bonfire:before, .ion-ios-book:before, .ion-ios-bookmark:before, .ion-ios-bookmarks:before, .ion-ios-bowtie:before, .ion-ios-briefcase:before, .ion-ios-browsers:before, .ion-ios-brush:before, .ion-ios-bug:before, .ion-ios-build:before, .ion-ios-bulb:before, .ion-ios-bus:before, .ion-ios-business:before, .ion-ios-cafe:before, .ion-ios-calculator:before, .ion-ios-calendar:before, .ion-ios-call:before, .ion-ios-camera:before, .ion-ios-car:before, .ion-ios-card:before, .ion-ios-cart:before, .ion-ios-cash:before, .ion-ios-cellular:before, .ion-ios-chatboxes:before, .ion-ios-chatbubbles:before, .ion-ios-checkbox:before, .ion-ios-checkbox-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-circle:before, .ion-ios-checkmark-circle-outline:before, .ion-ios-clipboard:before, .ion-ios-clock:before, .ion-ios-close:before, .ion-ios-close-circle:before, .ion-ios-close-circle-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-circle:before, .ion-ios-cloud-done:before, .ion-ios-cloud-download:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-code:before, .ion-ios-code-download:before, .ion-ios-code-working:before, .ion-ios-cog:before, .ion-ios-color-fill:before, .ion-ios-color-filter:before, .ion-ios-color-palette:before, .ion-ios-color-wand:before, .ion-ios-compass:before, .ion-ios-construct:before, .ion-ios-contact:before, .ion-ios-contacts:before, .ion-ios-contract:before, .ion-ios-contrast:before, .ion-ios-copy:before, .ion-ios-create:before, .ion-ios-crop:before, .ion-ios-cube:before, .ion-ios-cut:before, .ion-ios-desktop:before, .ion-ios-disc:before, .ion-ios-document:before, .ion-ios-done-all:before, .ion-ios-download:before, .ion-ios-easel:before, .ion-ios-egg:before, .ion-ios-exit:before, .ion-ios-expand:before, .ion-ios-eye:before, .ion-ios-eye-off:before, .ion-ios-fastforward:before, .ion-ios-female:before, .ion-ios-filing:before, .ion-ios-film:before, .ion-ios-finger-print:before, .ion-ios-fitness:before, .ion-ios-flag:before, .ion-ios-flame:before, .ion-ios-flash:before, .ion-ios-flash-off:before, .ion-ios-flashlight:before, .ion-ios-flask:before, .ion-ios-flower:before, .ion-ios-folder:before, .ion-ios-folder-open:before, .ion-ios-football:before, .ion-ios-funnel:before, .ion-ios-gift:before, .ion-ios-git-branch:before, .ion-ios-git-commit:before, .ion-ios-git-compare:before, .ion-ios-git-merge:before, .ion-ios-git-network:before, .ion-ios-git-pull-request:before, .ion-ios-glasses:before, .ion-ios-globe:before, .ion-ios-grid:before, .ion-ios-hammer:before, .ion-ios-hand:before, .ion-ios-happy:before, .ion-ios-headset:before, .ion-ios-heart:before, .ion-ios-heart-dislike:before, .ion-ios-heart-empty:before, .ion-ios-heart-half:before, .ion-ios-help:before, .ion-ios-help-buoy:before, .ion-ios-help-circle:before, .ion-ios-help-circle-outline:before, .ion-ios-home:before, .ion-ios-hourglass:before, .ion-ios-ice-cream:before, .ion-ios-image:before, .ion-ios-images:before, .ion-ios-infinite:before, .ion-ios-information:before, .ion-ios-information-circle:before, .ion-ios-information-circle-outline:before, .ion-ios-jet:before, .ion-ios-journal:before, .ion-ios-key:before, .ion-ios-keypad:before, .ion-ios-laptop:before, .ion-ios-leaf:before, .ion-ios-link:before, .ion-ios-list:before, .ion-ios-list-box:before, .ion-ios-locate:before, .ion-ios-lock:before, .ion-ios-log-in:before, .ion-ios-log-out:before, .ion-ios-magnet:before, .ion-ios-mail:before, .ion-ios-mail-open:before, .ion-ios-mail-unread:before, .ion-ios-male:before, .ion-ios-man:before, .ion-ios-map:before, .ion-ios-medal:before, .ion-ios-medical:before, .ion-ios-medkit:before, .ion-ios-megaphone:before, .ion-ios-menu:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-microphone:before, .ion-ios-moon:before, .ion-ios-more:before, .ion-ios-move:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-notifications:before, .ion-ios-notifications-off:before, .ion-ios-notifications-outline:before, .ion-ios-nuclear:before, .ion-ios-nutrition:before, .ion-ios-open:before, .ion-ios-options:before, .ion-ios-outlet:before, .ion-ios-paper:before, .ion-ios-paper-plane:before, .ion-ios-partly-sunny:before, .ion-ios-pause:before, .ion-ios-paw:before, .ion-ios-people:before, .ion-ios-person:before, .ion-ios-person-add:before, .ion-ios-phone-landscape:before, .ion-ios-phone-portrait:before, .ion-ios-photos:before, .ion-ios-pie:before, .ion-ios-pin:before, .ion-ios-pint:before, .ion-ios-pizza:before, .ion-ios-planet:before, .ion-ios-play:before, .ion-ios-play-circle:before, .ion-ios-podium:before, .ion-ios-power:before, .ion-ios-pricetag:before, .ion-ios-pricetags:before, .ion-ios-print:before, .ion-ios-pulse:before, .ion-ios-qr-scanner:before, .ion-ios-quote:before, .ion-ios-radio:before, .ion-ios-radio-button-off:before, .ion-ios-radio-button-on:before, .ion-ios-rainy:before, .ion-ios-recording:before, .ion-ios-redo:before, .ion-ios-refresh:before, .ion-ios-refresh-circle:before, .ion-ios-remove:before, .ion-ios-remove-circle:before, .ion-ios-remove-circle-outline:before, .ion-ios-reorder:before, .ion-ios-repeat:before, .ion-ios-resize:before, .ion-ios-restaurant:before, .ion-ios-return-left:before, .ion-ios-return-right:before, .ion-ios-reverse-camera:before, .ion-ios-rewind:before, .ion-ios-ribbon:before, .ion-ios-rocket:before, .ion-ios-rose:before, .ion-ios-sad:before, .ion-ios-save:before, .ion-ios-school:before, .ion-ios-search:before, .ion-ios-send:before, .ion-ios-settings:before, .ion-ios-share:before, .ion-ios-share-alt:before, .ion-ios-shirt:before, .ion-ios-shuffle:before, .ion-ios-skip-backward:before, .ion-ios-skip-forward:before, .ion-ios-snow:before, .ion-ios-speedometer:before, .ion-ios-square:before, .ion-ios-square-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stats:before, .ion-ios-stopwatch:before, .ion-ios-subway:before, .ion-ios-sunny:before, .ion-ios-swap:before, .ion-ios-switch:before, .ion-ios-sync:before, .ion-ios-tablet-landscape:before, .ion-ios-tablet-portrait:before, .ion-ios-tennisball:before, .ion-ios-text:before, .ion-ios-thermometer:before, .ion-ios-thumbs-down:before, .ion-ios-thumbs-up:before, .ion-ios-thunderstorm:before, .ion-ios-time:before, .ion-ios-timer:before, .ion-ios-today:before, .ion-ios-train:before, .ion-ios-transgender:before, .ion-ios-trash:before, .ion-ios-trending-down:before, .ion-ios-trending-up:before, .ion-ios-trophy:before, .ion-ios-tv:before, .ion-ios-umbrella:before, .ion-ios-undo:before, .ion-ios-unlock:before, .ion-ios-videocam:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-volume-mute:before, .ion-ios-volume-off:before, .ion-ios-walk:before, .ion-ios-wallet:before, .ion-ios-warning:before, .ion-ios-watch:before, .ion-ios-water:before, .ion-ios-wifi:before, .ion-ios-wine:before, .ion-ios-woman:before, .ion-logo-android:before, .ion-logo-angular:before, .ion-logo-apple:before, .ion-logo-bitbucket:before, .ion-logo-bitcoin:before, .ion-logo-buffer:before, .ion-logo-chrome:before, .ion-logo-closed-captioning:before, .ion-logo-codepen:before, .ion-logo-css3:before, .ion-logo-designernews:before, .ion-logo-dribbble:before, .ion-logo-dropbox:before, .ion-logo-euro:before, .ion-logo-facebook:before, .ion-logo-flickr:before, .ion-logo-foursquare:before, .ion-logo-freebsd-devil:before, .ion-logo-game-controller-a:before, .ion-logo-game-controller-b:before, .ion-logo-github:before, .ion-logo-google:before, .ion-logo-googleplus:before, .ion-logo-hackernews:before, .ion-logo-html5:before, .ion-logo-instagram:before, .ion-logo-ionic:before, .ion-logo-ionitron:before, .ion-logo-javascript:before, .ion-logo-linkedin:before, .ion-logo-markdown:before, .ion-logo-model-s:before, .ion-logo-no-smoking:before, .ion-logo-nodejs:before, .ion-logo-npm:before, .ion-logo-octocat:before, .ion-logo-pinterest:before, .ion-logo-playstation:before, .ion-logo-polymer:before, .ion-logo-python:before, .ion-logo-reddit:before, .ion-logo-rss:before, .ion-logo-sass:before, .ion-logo-skype:before, .ion-logo-slack:before, .ion-logo-snapchat:before, .ion-logo-steam:before, .ion-logo-tumblr:before, .ion-logo-tux:before, .ion-logo-twitch:before, .ion-logo-twitter:before, .ion-logo-usd:before, .ion-logo-vimeo:before, .ion-logo-vk:before, .ion-logo-whatsapp:before, .ion-logo-windows:before, .ion-logo-wordpress:before, .ion-logo-xbox:before, .ion-logo-xing:before, .ion-logo-yahoo:before, .ion-logo-yen:before, .ion-logo-youtube:before, .ion-md-add:before, .ion-md-add-circle:before, .ion-md-add-circle-outline:before, .ion-md-airplane:before, .ion-md-alarm:before, .ion-md-albums:before, .ion-md-alert:before, .ion-md-american-football:before, .ion-md-analytics:before, .ion-md-aperture:before, .ion-md-apps:before, .ion-md-appstore:before, .ion-md-archive:before, .ion-md-arrow-back:before, .ion-md-arrow-down:before, .ion-md-arrow-dropdown:before, .ion-md-arrow-dropdown-circle:before, .ion-md-arrow-dropleft:before, .ion-md-arrow-dropleft-circle:before, .ion-md-arrow-dropright:before, .ion-md-arrow-dropright-circle:before, .ion-md-arrow-dropup:before, .ion-md-arrow-dropup-circle:before, .ion-md-arrow-forward:before, .ion-md-arrow-round-back:before, .ion-md-arrow-round-down:before, .ion-md-arrow-round-forward:before, .ion-md-arrow-round-up:before, .ion-md-arrow-up:before, .ion-md-at:before, .ion-md-attach:before, .ion-md-backspace:before, .ion-md-barcode:before, .ion-md-baseball:before, .ion-md-basket:before, .ion-md-basketball:before, .ion-md-battery-charging:before, .ion-md-battery-dead:before, .ion-md-battery-full:before, .ion-md-beaker:before, .ion-md-bed:before, .ion-md-beer:before, .ion-md-bicycle:before, .ion-md-bluetooth:before, .ion-md-boat:before, .ion-md-body:before, .ion-md-bonfire:before, .ion-md-book:before, .ion-md-bookmark:before, .ion-md-bookmarks:before, .ion-md-bowtie:before, .ion-md-briefcase:before, .ion-md-browsers:before, .ion-md-brush:before, .ion-md-bug:before, .ion-md-build:before, .ion-md-bulb:before, .ion-md-bus:before, .ion-md-business:before, .ion-md-cafe:before, .ion-md-calculator:before, .ion-md-calendar:before, .ion-md-call:before, .ion-md-camera:before, .ion-md-car:before, .ion-md-card:before, .ion-md-cart:before, .ion-md-cash:before, .ion-md-cellular:before, .ion-md-chatboxes:before, .ion-md-chatbubbles:before, .ion-md-checkbox:before, .ion-md-checkbox-outline:before, .ion-md-checkmark:before, .ion-md-checkmark-circle:before, .ion-md-checkmark-circle-outline:before, .ion-md-clipboard:before, .ion-md-clock:before, .ion-md-close:before, .ion-md-close-circle:before, .ion-md-close-circle-outline:before, .ion-md-cloud:before, .ion-md-cloud-circle:before, .ion-md-cloud-done:before, .ion-md-cloud-download:before, .ion-md-cloud-outline:before, .ion-md-cloud-upload:before, .ion-md-cloudy:before, .ion-md-cloudy-night:before, .ion-md-code:before, .ion-md-code-download:before, .ion-md-code-working:before, .ion-md-cog:before, .ion-md-color-fill:before, .ion-md-color-filter:before, .ion-md-color-palette:before, .ion-md-color-wand:before, .ion-md-compass:before, .ion-md-construct:before, .ion-md-contact:before, .ion-md-contacts:before, .ion-md-contract:before, .ion-md-contrast:before, .ion-md-copy:before, .ion-md-create:before, .ion-md-crop:before, .ion-md-cube:before, .ion-md-cut:before, .ion-md-desktop:before, .ion-md-disc:before, .ion-md-document:before, .ion-md-done-all:before, .ion-md-download:before, .ion-md-easel:before, .ion-md-egg:before, .ion-md-exit:before, .ion-md-expand:before, .ion-md-eye:before, .ion-md-eye-off:before, .ion-md-fastforward:before, .ion-md-female:before, .ion-md-filing:before, .ion-md-film:before, .ion-md-finger-print:before, .ion-md-fitness:before, .ion-md-flag:before, .ion-md-flame:before, .ion-md-flash:before, .ion-md-flash-off:before, .ion-md-flashlight:before, .ion-md-flask:before, .ion-md-flower:before, .ion-md-folder:before, .ion-md-folder-open:before, .ion-md-football:before, .ion-md-funnel:before, .ion-md-gift:before, .ion-md-git-branch:before, .ion-md-git-commit:before, .ion-md-git-compare:before, .ion-md-git-merge:before, .ion-md-git-network:before, .ion-md-git-pull-request:before, .ion-md-glasses:before, .ion-md-globe:before, .ion-md-grid:before, .ion-md-hammer:before, .ion-md-hand:before, .ion-md-happy:before, .ion-md-headset:before, .ion-md-heart:before, .ion-md-heart-dislike:before, .ion-md-heart-empty:before, .ion-md-heart-half:before, .ion-md-help:before, .ion-md-help-buoy:before, .ion-md-help-circle:before, .ion-md-help-circle-outline:before, .ion-md-home:before, .ion-md-hourglass:before, .ion-md-ice-cream:before, .ion-md-image:before, .ion-md-images:before, .ion-md-infinite:before, .ion-md-information:before, .ion-md-information-circle:before, .ion-md-information-circle-outline:before, .ion-md-jet:before, .ion-md-journal:before, .ion-md-key:before, .ion-md-keypad:before, .ion-md-laptop:before, .ion-md-leaf:before, .ion-md-link:before, .ion-md-list:before, .ion-md-list-box:before, .ion-md-locate:before, .ion-md-lock:before, .ion-md-log-in:before, .ion-md-log-out:before, .ion-md-magnet:before, .ion-md-mail:before, .ion-md-mail-open:before, .ion-md-mail-unread:before, .ion-md-male:before, .ion-md-man:before, .ion-md-map:before, .ion-md-medal:before, .ion-md-medical:before, .ion-md-medkit:before, .ion-md-megaphone:before, .ion-md-menu:before, .ion-md-mic:before, .ion-md-mic-off:before, .ion-md-microphone:before, .ion-md-moon:before, .ion-md-more:before, .ion-md-move:before, .ion-md-musical-note:before, .ion-md-musical-notes:before, .ion-md-navigate:before, .ion-md-notifications:before, .ion-md-notifications-off:before, .ion-md-notifications-outline:before, .ion-md-nuclear:before, .ion-md-nutrition:before, .ion-md-open:before, .ion-md-options:before, .ion-md-outlet:before, .ion-md-paper:before, .ion-md-paper-plane:before, .ion-md-partly-sunny:before, .ion-md-pause:before, .ion-md-paw:before, .ion-md-people:before, .ion-md-person:before, .ion-md-person-add:before, .ion-md-phone-landscape:before, .ion-md-phone-portrait:before, .ion-md-photos:before, .ion-md-pie:before, .ion-md-pin:before, .ion-md-pint:before, .ion-md-pizza:before, .ion-md-planet:before, .ion-md-play:before, .ion-md-play-circle:before, .ion-md-podium:before, .ion-md-power:before, .ion-md-pricetag:before, .ion-md-pricetags:before, .ion-md-print:before, .ion-md-pulse:before, .ion-md-qr-scanner:before, .ion-md-quote:before, .ion-md-radio:before, .ion-md-radio-button-off:before, .ion-md-radio-button-on:before, .ion-md-rainy:before, .ion-md-recording:before, .ion-md-redo:before, .ion-md-refresh:before, .ion-md-refresh-circle:before, .ion-md-remove:before, .ion-md-remove-circle:before, .ion-md-remove-circle-outline:before, .ion-md-reorder:before, .ion-md-repeat:before, .ion-md-resize:before, .ion-md-restaurant:before, .ion-md-return-left:before, .ion-md-return-right:before, .ion-md-reverse-camera:before, .ion-md-rewind:before, .ion-md-ribbon:before, .ion-md-rocket:before, .ion-md-rose:before, .ion-md-sad:before, .ion-md-save:before, .ion-md-school:before, .ion-md-search:before, .ion-md-send:before, .ion-md-settings:before, .ion-md-share:before, .ion-md-share-alt:before, .ion-md-shirt:before, .ion-md-shuffle:before, .ion-md-skip-backward:before, .ion-md-skip-forward:before, .ion-md-snow:before, .ion-md-speedometer:before, .ion-md-square:before, .ion-md-square-outline:before, .ion-md-star:before, .ion-md-star-half:before, .ion-md-star-outline:before, .ion-md-stats:before, .ion-md-stopwatch:before, .ion-md-subway:before, .ion-md-sunny:before, .ion-md-swap:before, .ion-md-switch:before, .ion-md-sync:before, .ion-md-tablet-landscape:before, .ion-md-tablet-portrait:before, .ion-md-tennisball:before, .ion-md-text:before, .ion-md-thermometer:before, .ion-md-thumbs-down:before, .ion-md-thumbs-up:before, .ion-md-thunderstorm:before, .ion-md-time:before, .ion-md-timer:before, .ion-md-today:before, .ion-md-train:before, .ion-md-transgender:before, .ion-md-trash:before, .ion-md-trending-down:before, .ion-md-trending-up:before, .ion-md-trophy:before, .ion-md-tv:before, .ion-md-umbrella:before, .ion-md-undo:before, .ion-md-unlock:before, .ion-md-videocam:before, .ion-md-volume-high:before, .ion-md-volume-low:before, .ion-md-volume-mute:before, .ion-md-volume-off:before, .ion-md-walk:before, .ion-md-wallet:before, .ion-md-warning:before, .ion-md-watch:before, .ion-md-water:before, .ion-md-wifi:before, .ion-md-wine:before, .ion-md-woman:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-ios-add:before { content: "\f102"; } .ion-ios-add-circle:before { content: "\f101"; } .ion-ios-add-circle-outline:before { content: "\f100"; } .ion-ios-airplane:before { content: "\f137"; } .ion-ios-alarm:before { content: "\f3c8"; } .ion-ios-albums:before { content: "\f3ca"; } .ion-ios-alert:before { content: "\f104"; } .ion-ios-american-football:before { content: "\f106"; } .ion-ios-analytics:before { content: "\f3ce"; } .ion-ios-aperture:before { content: "\f108"; } .ion-ios-apps:before { content: "\f10a"; } .ion-ios-appstore:before { content: "\f10c"; } .ion-ios-archive:before { content: "\f10e"; } .ion-ios-arrow-back:before { content: "\f3cf"; } .ion-ios-arrow-down:before { content: "\f3d0"; } .ion-ios-arrow-dropdown:before { content: "\f110"; } .ion-ios-arrow-dropdown-circle:before { content: "\f125"; } .ion-ios-arrow-dropleft:before { content: "\f112"; } .ion-ios-arrow-dropleft-circle:before { content: "\f129"; } .ion-ios-arrow-dropright:before { content: "\f114"; } .ion-ios-arrow-dropright-circle:before { content: "\f12b"; } .ion-ios-arrow-dropup:before { content: "\f116"; } .ion-ios-arrow-dropup-circle:before { content: "\f12d"; } .ion-ios-arrow-forward:before { content: "\f3d1"; } .ion-ios-arrow-round-back:before { content: "\f117"; } .ion-ios-arrow-round-down:before { content: "\f118"; } .ion-ios-arrow-round-forward:before { content: "\f119"; } .ion-ios-arrow-round-up:before { content: "\f11a"; } .ion-ios-arrow-up:before { content: "\f3d8"; } .ion-ios-at:before { content: "\f3da"; } .ion-ios-attach:before { content: "\f11b"; } .ion-ios-backspace:before { content: "\f11d"; } .ion-ios-barcode:before { content: "\f3dc"; } .ion-ios-baseball:before { content: "\f3de"; } .ion-ios-basket:before { content: "\f11f"; } .ion-ios-basketball:before { content: "\f3e0"; } .ion-ios-battery-charging:before { content: "\f120"; } .ion-ios-battery-dead:before { content: "\f121"; } .ion-ios-battery-full:before { content: "\f122"; } .ion-ios-beaker:before { content: "\f124"; } .ion-ios-bed:before { content: "\f139"; } .ion-ios-beer:before { content: "\f126"; } .ion-ios-bicycle:before { content: "\f127"; } .ion-ios-bluetooth:before { content: "\f128"; } .ion-ios-boat:before { content: "\f12a"; } .ion-ios-body:before { content: "\f3e4"; } .ion-ios-bonfire:before { content: "\f12c"; } .ion-ios-book:before { content: "\f3e8"; } .ion-ios-bookmark:before { content: "\f12e"; } .ion-ios-bookmarks:before { content: "\f3ea"; } .ion-ios-bowtie:before { content: "\f130"; } .ion-ios-briefcase:before { content: "\f3ee"; } .ion-ios-browsers:before { content: "\f3f0"; } .ion-ios-brush:before { content: "\f132"; } .ion-ios-bug:before { content: "\f134"; } .ion-ios-build:before { content: "\f136"; } .ion-ios-bulb:before { content: "\f138"; } .ion-ios-bus:before { content: "\f13a"; } .ion-ios-business:before { content: "\f1a3"; } .ion-ios-cafe:before { content: "\f13c"; } .ion-ios-calculator:before { content: "\f3f2"; } .ion-ios-calendar:before { content: "\f3f4"; } .ion-ios-call:before { content: "\f13e"; } .ion-ios-camera:before { content: "\f3f6"; } .ion-ios-car:before { content: "\f140"; } .ion-ios-card:before { content: "\f142"; } .ion-ios-cart:before { content: "\f3f8"; } .ion-ios-cash:before { content: "\f144"; } .ion-ios-cellular:before { content: "\f13d"; } .ion-ios-chatboxes:before { content: "\f3fa"; } .ion-ios-chatbubbles:before { content: "\f146"; } .ion-ios-checkbox:before { content: "\f148"; } .ion-ios-checkbox-outline:before { content: "\f147"; } .ion-ios-checkmark:before { content: "\f3ff"; } .ion-ios-checkmark-circle:before { content: "\f14a"; } .ion-ios-checkmark-circle-outline:before { content: "\f149"; } .ion-ios-clipboard:before { content: "\f14c"; } .ion-ios-clock:before { content: "\f403"; } .ion-ios-close:before { content: "\f406"; } .ion-ios-close-circle:before { content: "\f14e"; } .ion-ios-close-circle-outline:before { content: "\f14d"; } .ion-ios-cloud:before { content: "\f40c"; } .ion-ios-cloud-circle:before { content: "\f152"; } .ion-ios-cloud-done:before { content: "\f154"; } .ion-ios-cloud-download:before { content: "\f408"; } .ion-ios-cloud-outline:before { content: "\f409"; } .ion-ios-cloud-upload:before { content: "\f40b"; } .ion-ios-cloudy:before { content: "\f410"; } .ion-ios-cloudy-night:before { content: "\f40e"; } .ion-ios-code:before { content: "\f157"; } .ion-ios-code-download:before { content: "\f155"; } .ion-ios-code-working:before { content: "\f156"; } .ion-ios-cog:before { content: "\f412"; } .ion-ios-color-fill:before { content: "\f159"; } .ion-ios-color-filter:before { content: "\f414"; } .ion-ios-color-palette:before { content: "\f15b"; } .ion-ios-color-wand:before { content: "\f416"; } .ion-ios-compass:before { content: "\f15d"; } .ion-ios-construct:before { content: "\f15f"; } .ion-ios-contact:before { content: "\f41a"; } .ion-ios-contacts:before { content: "\f161"; } .ion-ios-contract:before { content: "\f162"; } .ion-ios-contrast:before { content: "\f163"; } .ion-ios-copy:before { content: "\f41c"; } .ion-ios-create:before { content: "\f165"; } .ion-ios-crop:before { content: "\f41e"; } .ion-ios-cube:before { content: "\f168"; } .ion-ios-cut:before { content: "\f16a"; } .ion-ios-desktop:before { content: "\f16c"; } .ion-ios-disc:before { content: "\f16e"; } .ion-ios-document:before { content: "\f170"; } .ion-ios-done-all:before { content: "\f171"; } .ion-ios-download:before { content: "\f420"; } .ion-ios-easel:before { content: "\f173"; } .ion-ios-egg:before { content: "\f175"; } .ion-ios-exit:before { content: "\f177"; } .ion-ios-expand:before { content: "\f178"; } .ion-ios-eye:before { content: "\f425"; } .ion-ios-eye-off:before { content: "\f17a"; } .ion-ios-fastforward:before { content: "\f427"; } .ion-ios-female:before { content: "\f17b"; } .ion-ios-filing:before { content: "\f429"; } .ion-ios-film:before { content: "\f42b"; } .ion-ios-finger-print:before { content: "\f17c"; } .ion-ios-fitness:before { content: "\f1ab"; } .ion-ios-flag:before { content: "\f42d"; } .ion-ios-flame:before { content: "\f42f"; } .ion-ios-flash:before { content: "\f17e"; } .ion-ios-flash-off:before { content: "\f12f"; } .ion-ios-flashlight:before { content: "\f141"; } .ion-ios-flask:before { content: "\f431"; } .ion-ios-flower:before { content: "\f433"; } .ion-ios-folder:before { content: "\f435"; } .ion-ios-folder-open:before { content: "\f180"; } .ion-ios-football:before { content: "\f437"; } .ion-ios-funnel:before { content: "\f182"; } .ion-ios-gift:before { content: "\f191"; } .ion-ios-git-branch:before { content: "\f183"; } .ion-ios-git-commit:before { content: "\f184"; } .ion-ios-git-compare:before { content: "\f185"; } .ion-ios-git-merge:before { content: "\f186"; } .ion-ios-git-network:before { content: "\f187"; } .ion-ios-git-pull-request:before { content: "\f188"; } .ion-ios-glasses:before { content: "\f43f"; } .ion-ios-globe:before { content: "\f18a"; } .ion-ios-grid:before { content: "\f18c"; } .ion-ios-hammer:before { content: "\f18e"; } .ion-ios-hand:before { content: "\f190"; } .ion-ios-happy:before { content: "\f192"; } .ion-ios-headset:before { content: "\f194"; } .ion-ios-heart:before { content: "\f443"; } .ion-ios-heart-dislike:before { content: "\f13f"; } .ion-ios-heart-empty:before { content: "\f19b"; } .ion-ios-heart-half:before { content: "\f19d"; } .ion-ios-help:before { content: "\f446"; } .ion-ios-help-buoy:before { content: "\f196"; } .ion-ios-help-circle:before { content: "\f198"; } .ion-ios-help-circle-outline:before { content: "\f197"; } .ion-ios-home:before { content: "\f448"; } .ion-ios-hourglass:before { content: "\f103"; } .ion-ios-ice-cream:before { content: "\f19a"; } .ion-ios-image:before { content: "\f19c"; } .ion-ios-images:before { content: "\f19e"; } .ion-ios-infinite:before { content: "\f44a"; } .ion-ios-information:before { content: "\f44d"; } .ion-ios-information-circle:before { content: "\f1a0"; } .ion-ios-information-circle-outline:before { content: "\f19f"; } .ion-ios-jet:before { content: "\f1a5"; } .ion-ios-journal:before { content: "\f189"; } .ion-ios-key:before { content: "\f1a7"; } .ion-ios-keypad:before { content: "\f450"; } .ion-ios-laptop:before { content: "\f1a8"; } .ion-ios-leaf:before { content: "\f1aa"; } .ion-ios-link:before { content: "\f22a"; } .ion-ios-list:before { content: "\f454"; } .ion-ios-list-box:before { content: "\f143"; } .ion-ios-locate:before { content: "\f1ae"; } .ion-ios-lock:before { content: "\f1b0"; } .ion-ios-log-in:before { content: "\f1b1"; } .ion-ios-log-out:before { content: "\f1b2"; } .ion-ios-magnet:before { content: "\f1b4"; } .ion-ios-mail:before { content: "\f1b8"; } .ion-ios-mail-open:before { content: "\f1b6"; } .ion-ios-mail-unread:before { content: "\f145"; } .ion-ios-male:before { content: "\f1b9"; } .ion-ios-man:before { content: "\f1bb"; } .ion-ios-map:before { content: "\f1bd"; } .ion-ios-medal:before { content: "\f1bf"; } .ion-ios-medical:before { content: "\f45c"; } .ion-ios-medkit:before { content: "\f45e"; } .ion-ios-megaphone:before { content: "\f1c1"; } .ion-ios-menu:before { content: "\f1c3"; } .ion-ios-mic:before { content: "\f461"; } .ion-ios-mic-off:before { content: "\f45f"; } .ion-ios-microphone:before { content: "\f1c6"; } .ion-ios-moon:before { content: "\f468"; } .ion-ios-more:before { content: "\f1c8"; } .ion-ios-move:before { content: "\f1cb"; } .ion-ios-musical-note:before { content: "\f46b"; } .ion-ios-musical-notes:before { content: "\f46c"; } .ion-ios-navigate:before { content: "\f46e"; } .ion-ios-notifications:before { content: "\f1d3"; } .ion-ios-notifications-off:before { content: "\f1d1"; } .ion-ios-notifications-outline:before { content: "\f133"; } .ion-ios-nuclear:before { content: "\f1d5"; } .ion-ios-nutrition:before { content: "\f470"; } .ion-ios-open:before { content: "\f1d7"; } .ion-ios-options:before { content: "\f1d9"; } .ion-ios-outlet:before { content: "\f1db"; } .ion-ios-paper:before { content: "\f472"; } .ion-ios-paper-plane:before { content: "\f1dd"; } .ion-ios-partly-sunny:before { content: "\f1df"; } .ion-ios-pause:before { content: "\f478"; } .ion-ios-paw:before { content: "\f47a"; } .ion-ios-people:before { content: "\f47c"; } .ion-ios-person:before { content: "\f47e"; } .ion-ios-person-add:before { content: "\f1e1"; } .ion-ios-phone-landscape:before { content: "\f1e2"; } .ion-ios-phone-portrait:before { content: "\f1e3"; } .ion-ios-photos:before { content: "\f482"; } .ion-ios-pie:before { content: "\f484"; } .ion-ios-pin:before { content: "\f1e5"; } .ion-ios-pint:before { content: "\f486"; } .ion-ios-pizza:before { content: "\f1e7"; } .ion-ios-planet:before { content: "\f1eb"; } .ion-ios-play:before { content: "\f488"; } .ion-ios-play-circle:before { content: "\f113"; } .ion-ios-podium:before { content: "\f1ed"; } .ion-ios-power:before { content: "\f1ef"; } .ion-ios-pricetag:before { content: "\f48d"; } .ion-ios-pricetags:before { content: "\f48f"; } .ion-ios-print:before { content: "\f1f1"; } .ion-ios-pulse:before { content: "\f493"; } .ion-ios-qr-scanner:before { content: "\f1f3"; } .ion-ios-quote:before { content: "\f1f5"; } .ion-ios-radio:before { content: "\f1f9"; } .ion-ios-radio-button-off:before { content: "\f1f6"; } .ion-ios-radio-button-on:before { content: "\f1f7"; } .ion-ios-rainy:before { content: "\f495"; } .ion-ios-recording:before { content: "\f497"; } .ion-ios-redo:before { content: "\f499"; } .ion-ios-refresh:before { content: "\f49c"; } .ion-ios-refresh-circle:before { content: "\f135"; } .ion-ios-remove:before { content: "\f1fc"; } .ion-ios-remove-circle:before { content: "\f1fb"; } .ion-ios-remove-circle-outline:before { content: "\f1fa"; } .ion-ios-reorder:before { content: "\f1fd"; } .ion-ios-repeat:before { content: "\f1fe"; } .ion-ios-resize:before { content: "\f1ff"; } .ion-ios-restaurant:before { content: "\f201"; } .ion-ios-return-left:before { content: "\f202"; } .ion-ios-return-right:before { content: "\f203"; } .ion-ios-reverse-camera:before { content: "\f49f"; } .ion-ios-rewind:before { content: "\f4a1"; } .ion-ios-ribbon:before { content: "\f205"; } .ion-ios-rocket:before { content: "\f14b"; } .ion-ios-rose:before { content: "\f4a3"; } .ion-ios-sad:before { content: "\f207"; } .ion-ios-save:before { content: "\f1a6"; } .ion-ios-school:before { content: "\f209"; } .ion-ios-search:before { content: "\f4a5"; } .ion-ios-send:before { content: "\f20c"; } .ion-ios-settings:before { content: "\f4a7"; } .ion-ios-share:before { content: "\f211"; } .ion-ios-share-alt:before { content: "\f20f"; } .ion-ios-shirt:before { content: "\f213"; } .ion-ios-shuffle:before { content: "\f4a9"; } .ion-ios-skip-backward:before { content: "\f215"; } .ion-ios-skip-forward:before { content: "\f217"; } .ion-ios-snow:before { content: "\f218"; } .ion-ios-speedometer:before { content: "\f4b0"; } .ion-ios-square:before { content: "\f21a"; } .ion-ios-square-outline:before { content: "\f15c"; } .ion-ios-star:before { content: "\f4b3"; } .ion-ios-star-half:before { content: "\f4b1"; } .ion-ios-star-outline:before { content: "\f4b2"; } .ion-ios-stats:before { content: "\f21c"; } .ion-ios-stopwatch:before { content: "\f4b5"; } .ion-ios-subway:before { content: "\f21e"; } .ion-ios-sunny:before { content: "\f4b7"; } .ion-ios-swap:before { content: "\f21f"; } .ion-ios-switch:before { content: "\f221"; } .ion-ios-sync:before { content: "\f222"; } .ion-ios-tablet-landscape:before { content: "\f223"; } .ion-ios-tablet-portrait:before { content: "\f24e"; } .ion-ios-tennisball:before { content: "\f4bb"; } .ion-ios-text:before { content: "\f250"; } .ion-ios-thermometer:before { content: "\f252"; } .ion-ios-thumbs-down:before { content: "\f254"; } .ion-ios-thumbs-up:before { content: "\f256"; } .ion-ios-thunderstorm:before { content: "\f4bd"; } .ion-ios-time:before { content: "\f4bf"; } .ion-ios-timer:before { content: "\f4c1"; } .ion-ios-today:before { content: "\f14f"; } .ion-ios-train:before { content: "\f258"; } .ion-ios-transgender:before { content: "\f259"; } .ion-ios-trash:before { content: "\f4c5"; } .ion-ios-trending-down:before { content: "\f25a"; } .ion-ios-trending-up:before { content: "\f25b"; } .ion-ios-trophy:before { content: "\f25d"; } .ion-ios-tv:before { content: "\f115"; } .ion-ios-umbrella:before { content: "\f25f"; } .ion-ios-undo:before { content: "\f4c7"; } .ion-ios-unlock:before { content: "\f261"; } .ion-ios-videocam:before { content: "\f4cd"; } .ion-ios-volume-high:before { content: "\f11c"; } .ion-ios-volume-low:before { content: "\f11e"; } .ion-ios-volume-mute:before { content: "\f263"; } .ion-ios-volume-off:before { content: "\f264"; } .ion-ios-walk:before { content: "\f266"; } .ion-ios-wallet:before { content: "\f18b"; } .ion-ios-warning:before { content: "\f268"; } .ion-ios-watch:before { content: "\f269"; } .ion-ios-water:before { content: "\f26b"; } .ion-ios-wifi:before { content: "\f26d"; } .ion-ios-wine:before { content: "\f26f"; } .ion-ios-woman:before { content: "\f271"; } .ion-logo-android:before { content: "\f225"; } .ion-logo-angular:before { content: "\f227"; } .ion-logo-apple:before { content: "\f229"; } .ion-logo-bitbucket:before { content: "\f193"; } .ion-logo-bitcoin:before { content: "\f22b"; } .ion-logo-buffer:before { content: "\f22d"; } .ion-logo-chrome:before { content: "\f22f"; } .ion-logo-closed-captioning:before { content: "\f105"; } .ion-logo-codepen:before { content: "\f230"; } .ion-logo-css3:before { content: "\f231"; } .ion-logo-designernews:before { content: "\f232"; } .ion-logo-dribbble:before { content: "\f233"; } .ion-logo-dropbox:before { content: "\f234"; } .ion-logo-euro:before { content: "\f235"; } .ion-logo-facebook:before { content: "\f236"; } .ion-logo-flickr:before { content: "\f107"; } .ion-logo-foursquare:before { content: "\f237"; } .ion-logo-freebsd-devil:before { content: "\f238"; } .ion-logo-game-controller-a:before { content: "\f13b"; } .ion-logo-game-controller-b:before { content: "\f181"; } .ion-logo-github:before { content: "\f239"; } .ion-logo-google:before { content: "\f23a"; } .ion-logo-googleplus:before { content: "\f23b"; } .ion-logo-hackernews:before { content: "\f23c"; } .ion-logo-html5:before { content: "\f23d"; } .ion-logo-instagram:before { content: "\f23e"; } .ion-logo-ionic:before { content: "\f150"; } .ion-logo-ionitron:before { content: "\f151"; } .ion-logo-javascript:before { content: "\f23f"; } .ion-logo-linkedin:before { content: "\f240"; } .ion-logo-markdown:before { content: "\f241"; } .ion-logo-model-s:before { content: "\f153"; } .ion-logo-no-smoking:before { content: "\f109"; } .ion-logo-nodejs:before { content: "\f242"; } .ion-logo-npm:before { content: "\f195"; } .ion-logo-octocat:before { content: "\f243"; } .ion-logo-pinterest:before { content: "\f244"; } .ion-logo-playstation:before { content: "\f245"; } .ion-logo-polymer:before { content: "\f15e"; } .ion-logo-python:before { content: "\f246"; } .ion-logo-reddit:before { content: "\f247"; } .ion-logo-rss:before { content: "\f248"; } .ion-logo-sass:before { content: "\f249"; } .ion-logo-skype:before { content: "\f24a"; } .ion-logo-slack:before { content: "\f10b"; } .ion-logo-snapchat:before { content: "\f24b"; } .ion-logo-steam:before { content: "\f24c"; } .ion-logo-tumblr:before { content: "\f24d"; } .ion-logo-tux:before { content: "\f2ae"; } .ion-logo-twitch:before { content: "\f2af"; } .ion-logo-twitter:before { content: "\f2b0"; } .ion-logo-usd:before { content: "\f2b1"; } .ion-logo-vimeo:before { content: "\f2c4"; } .ion-logo-vk:before { content: "\f10d"; } .ion-logo-whatsapp:before { content: "\f2c5"; } .ion-logo-windows:before { content: "\f32f"; } .ion-logo-wordpress:before { content: "\f330"; } .ion-logo-xbox:before { content: "\f34c"; } .ion-logo-xing:before { content: "\f10f"; } .ion-logo-yahoo:before { content: "\f34d"; } .ion-logo-yen:before { content: "\f34e"; } .ion-logo-youtube:before { content: "\f34f"; } .ion-md-add:before { content: "\f273"; } .ion-md-add-circle:before { content: "\f272"; } .ion-md-add-circle-outline:before { content: "\f158"; } .ion-md-airplane:before { content: "\f15a"; } .ion-md-alarm:before { content: "\f274"; } .ion-md-albums:before { content: "\f275"; } .ion-md-alert:before { content: "\f276"; } .ion-md-american-football:before { content: "\f277"; } .ion-md-analytics:before { content: "\f278"; } .ion-md-aperture:before { content: "\f279"; } .ion-md-apps:before { content: "\f27a"; } .ion-md-appstore:before { content: "\f27b"; } .ion-md-archive:before { content: "\f27c"; } .ion-md-arrow-back:before { content: "\f27d"; } .ion-md-arrow-down:before { content: "\f27e"; } .ion-md-arrow-dropdown:before { content: "\f280"; } .ion-md-arrow-dropdown-circle:before { content: "\f27f"; } .ion-md-arrow-dropleft:before { content: "\f282"; } .ion-md-arrow-dropleft-circle:before { content: "\f281"; } .ion-md-arrow-dropright:before { content: "\f284"; } .ion-md-arrow-dropright-circle:before { content: "\f283"; } .ion-md-arrow-dropup:before { content: "\f286"; } .ion-md-arrow-dropup-circle:before { content: "\f285"; } .ion-md-arrow-forward:before { content: "\f287"; } .ion-md-arrow-round-back:before { content: "\f288"; } .ion-md-arrow-round-down:before { content: "\f289"; } .ion-md-arrow-round-forward:before { content: "\f28a"; } .ion-md-arrow-round-up:before { content: "\f28b"; } .ion-md-arrow-up:before { content: "\f28c"; } .ion-md-at:before { content: "\f28d"; } .ion-md-attach:before { content: "\f28e"; } .ion-md-backspace:before { content: "\f28f"; } .ion-md-barcode:before { content: "\f290"; } .ion-md-baseball:before { content: "\f291"; } .ion-md-basket:before { content: "\f292"; } .ion-md-basketball:before { content: "\f293"; } .ion-md-battery-charging:before { content: "\f294"; } .ion-md-battery-dead:before { content: "\f295"; } .ion-md-battery-full:before { content: "\f296"; } .ion-md-beaker:before { content: "\f297"; } .ion-md-bed:before { content: "\f160"; } .ion-md-beer:before { content: "\f298"; } .ion-md-bicycle:before { content: "\f299"; } .ion-md-bluetooth:before { content: "\f29a"; } .ion-md-boat:before { content: "\f29b"; } .ion-md-body:before { content: "\f29c"; } .ion-md-bonfire:before { content: "\f29d"; } .ion-md-book:before { content: "\f29e"; } .ion-md-bookmark:before { content: "\f29f"; } .ion-md-bookmarks:before { content: "\f2a0"; } .ion-md-bowtie:before { content: "\f2a1"; } .ion-md-briefcase:before { content: "\f2a2"; } .ion-md-browsers:before { content: "\f2a3"; } .ion-md-brush:before { content: "\f2a4"; } .ion-md-bug:before { content: "\f2a5"; } .ion-md-build:before { content: "\f2a6"; } .ion-md-bulb:before { content: "\f2a7"; } .ion-md-bus:before { content: "\f2a8"; } .ion-md-business:before { content: "\f1a4"; } .ion-md-cafe:before { content: "\f2a9"; } .ion-md-calculator:before { content: "\f2aa"; } .ion-md-calendar:before { content: "\f2ab"; } .ion-md-call:before { content: "\f2ac"; } .ion-md-camera:before { content: "\f2ad"; } .ion-md-car:before { content: "\f2b2"; } .ion-md-card:before { content: "\f2b3"; } .ion-md-cart:before { content: "\f2b4"; } .ion-md-cash:before { content: "\f2b5"; } .ion-md-cellular:before { content: "\f164"; } .ion-md-chatboxes:before { content: "\f2b6"; } .ion-md-chatbubbles:before { content: "\f2b7"; } .ion-md-checkbox:before { content: "\f2b9"; } .ion-md-checkbox-outline:before { content: "\f2b8"; } .ion-md-checkmark:before { content: "\f2bc"; } .ion-md-checkmark-circle:before { content: "\f2bb"; } .ion-md-checkmark-circle-outline:before { content: "\f2ba"; } .ion-md-clipboard:before { content: "\f2bd"; } .ion-md-clock:before { content: "\f2be"; } .ion-md-close:before { content: "\f2c0"; } .ion-md-close-circle:before { content: "\f2bf"; } .ion-md-close-circle-outline:before { content: "\f166"; } .ion-md-cloud:before { content: "\f2c9"; } .ion-md-cloud-circle:before { content: "\f2c2"; } .ion-md-cloud-done:before { content: "\f2c3"; } .ion-md-cloud-download:before { content: "\f2c6"; } .ion-md-cloud-outline:before { content: "\f2c7"; } .ion-md-cloud-upload:before { content: "\f2c8"; } .ion-md-cloudy:before { content: "\f2cb"; } .ion-md-cloudy-night:before { content: "\f2ca"; } .ion-md-code:before { content: "\f2ce"; } .ion-md-code-download:before { content: "\f2cc"; } .ion-md-code-working:before { content: "\f2cd"; } .ion-md-cog:before { content: "\f2cf"; } .ion-md-color-fill:before { content: "\f2d0"; } .ion-md-color-filter:before { content: "\f2d1"; } .ion-md-color-palette:before { content: "\f2d2"; } .ion-md-color-wand:before { content: "\f2d3"; } .ion-md-compass:before { content: "\f2d4"; } .ion-md-construct:before { content: "\f2d5"; } .ion-md-contact:before { content: "\f2d6"; } .ion-md-contacts:before { content: "\f2d7"; } .ion-md-contract:before { content: "\f2d8"; } .ion-md-contrast:before { content: "\f2d9"; } .ion-md-copy:before { content: "\f2da"; } .ion-md-create:before { content: "\f2db"; } .ion-md-crop:before { content: "\f2dc"; } .ion-md-cube:before { content: "\f2dd"; } .ion-md-cut:before { content: "\f2de"; } .ion-md-desktop:before { content: "\f2df"; } .ion-md-disc:before { content: "\f2e0"; } .ion-md-document:before { content: "\f2e1"; } .ion-md-done-all:before { content: "\f2e2"; } .ion-md-download:before { content: "\f2e3"; } .ion-md-easel:before { content: "\f2e4"; } .ion-md-egg:before { content: "\f2e5"; } .ion-md-exit:before { content: "\f2e6"; } .ion-md-expand:before { content: "\f2e7"; } .ion-md-eye:before { content: "\f2e9"; } .ion-md-eye-off:before { content: "\f2e8"; } .ion-md-fastforward:before { content: "\f2ea"; } .ion-md-female:before { content: "\f2eb"; } .ion-md-filing:before { content: "\f2ec"; } .ion-md-film:before { content: "\f2ed"; } .ion-md-finger-print:before { content: "\f2ee"; } .ion-md-fitness:before { content: "\f1ac"; } .ion-md-flag:before { content: "\f2ef"; } .ion-md-flame:before { content: "\f2f0"; } .ion-md-flash:before { content: "\f2f1"; } .ion-md-flash-off:before { content: "\f169"; } .ion-md-flashlight:before { content: "\f16b"; } .ion-md-flask:before { content: "\f2f2"; } .ion-md-flower:before { content: "\f2f3"; } .ion-md-folder:before { content: "\f2f5"; } .ion-md-folder-open:before { content: "\f2f4"; } .ion-md-football:before { content: "\f2f6"; } .ion-md-funnel:before { content: "\f2f7"; } .ion-md-gift:before { content: "\f199"; } .ion-md-git-branch:before { content: "\f2fa"; } .ion-md-git-commit:before { content: "\f2fb"; } .ion-md-git-compare:before { content: "\f2fc"; } .ion-md-git-merge:before { content: "\f2fd"; } .ion-md-git-network:before { content: "\f2fe"; } .ion-md-git-pull-request:before { content: "\f2ff"; } .ion-md-glasses:before { content: "\f300"; } .ion-md-globe:before { content: "\f301"; } .ion-md-grid:before { content: "\f302"; } .ion-md-hammer:before { content: "\f303"; } .ion-md-hand:before { content: "\f304"; } .ion-md-happy:before { content: "\f305"; } .ion-md-headset:before { content: "\f306"; } .ion-md-heart:before { content: "\f308"; } .ion-md-heart-dislike:before { content: "\f167"; } .ion-md-heart-empty:before { content: "\f1a1"; } .ion-md-heart-half:before { content: "\f1a2"; } .ion-md-help:before { content: "\f30b"; } .ion-md-help-buoy:before { content: "\f309"; } .ion-md-help-circle:before { content: "\f30a"; } .ion-md-help-circle-outline:before { content: "\f16d"; } .ion-md-home:before { content: "\f30c"; } .ion-md-hourglass:before { content: "\f111"; } .ion-md-ice-cream:before { content: "\f30d"; } .ion-md-image:before { content: "\f30e"; } .ion-md-images:before { content: "\f30f"; } .ion-md-infinite:before { content: "\f310"; } .ion-md-information:before { content: "\f312"; } .ion-md-information-circle:before { content: "\f311"; } .ion-md-information-circle-outline:before { content: "\f16f"; } .ion-md-jet:before { content: "\f315"; } .ion-md-journal:before { content: "\f18d"; } .ion-md-key:before { content: "\f316"; } .ion-md-keypad:before { content: "\f317"; } .ion-md-laptop:before { content: "\f318"; } .ion-md-leaf:before { content: "\f319"; } .ion-md-link:before { content: "\f22e"; } .ion-md-list:before { content: "\f31b"; } .ion-md-list-box:before { content: "\f31a"; } .ion-md-locate:before { content: "\f31c"; } .ion-md-lock:before { content: "\f31d"; } .ion-md-log-in:before { content: "\f31e"; } .ion-md-log-out:before { content: "\f31f"; } .ion-md-magnet:before { content: "\f320"; } .ion-md-mail:before { content: "\f322"; } .ion-md-mail-open:before { content: "\f321"; } .ion-md-mail-unread:before { content: "\f172"; } .ion-md-male:before { content: "\f323"; } .ion-md-man:before { content: "\f324"; } .ion-md-map:before { content: "\f325"; } .ion-md-medal:before { content: "\f326"; } .ion-md-medical:before { content: "\f327"; } .ion-md-medkit:before { content: "\f328"; } .ion-md-megaphone:before { content: "\f329"; } .ion-md-menu:before { content: "\f32a"; } .ion-md-mic:before { content: "\f32c"; } .ion-md-mic-off:before { content: "\f32b"; } .ion-md-microphone:before { content: "\f32d"; } .ion-md-moon:before { content: "\f32e"; } .ion-md-more:before { content: "\f1c9"; } .ion-md-move:before { content: "\f331"; } .ion-md-musical-note:before { content: "\f332"; } .ion-md-musical-notes:before { content: "\f333"; } .ion-md-navigate:before { content: "\f334"; } .ion-md-notifications:before { content: "\f338"; } .ion-md-notifications-off:before { content: "\f336"; } .ion-md-notifications-outline:before { content: "\f337"; } .ion-md-nuclear:before { content: "\f339"; } .ion-md-nutrition:before { content: "\f33a"; } .ion-md-open:before { content: "\f33b"; } .ion-md-options:before { content: "\f33c"; } .ion-md-outlet:before { content: "\f33d"; } .ion-md-paper:before { content: "\f33f"; } .ion-md-paper-plane:before { content: "\f33e"; } .ion-md-partly-sunny:before { content: "\f340"; } .ion-md-pause:before { content: "\f341"; } .ion-md-paw:before { content: "\f342"; } .ion-md-people:before { content: "\f343"; } .ion-md-person:before { content: "\f345"; } .ion-md-person-add:before { content: "\f344"; } .ion-md-phone-landscape:before { content: "\f346"; } .ion-md-phone-portrait:before { content: "\f347"; } .ion-md-photos:before { content: "\f348"; } .ion-md-pie:before { content: "\f349"; } .ion-md-pin:before { content: "\f34a"; } .ion-md-pint:before { content: "\f34b"; } .ion-md-pizza:before { content: "\f354"; } .ion-md-planet:before { content: "\f356"; } .ion-md-play:before { content: "\f357"; } .ion-md-play-circle:before { content: "\f174"; } .ion-md-podium:before { content: "\f358"; } .ion-md-power:before { content: "\f359"; } .ion-md-pricetag:before { content: "\f35a"; } .ion-md-pricetags:before { content: "\f35b"; } .ion-md-print:before { content: "\f35c"; } .ion-md-pulse:before { content: "\f35d"; } .ion-md-qr-scanner:before { content: "\f35e"; } .ion-md-quote:before { content: "\f35f"; } .ion-md-radio:before { content: "\f362"; } .ion-md-radio-button-off:before { content: "\f360"; } .ion-md-radio-button-on:before { content: "\f361"; } .ion-md-rainy:before { content: "\f363"; } .ion-md-recording:before { content: "\f364"; } .ion-md-redo:before { content: "\f365"; } .ion-md-refresh:before { content: "\f366"; } .ion-md-refresh-circle:before { content: "\f228"; } .ion-md-remove:before { content: "\f368"; } .ion-md-remove-circle:before { content: "\f367"; } .ion-md-remove-circle-outline:before { content: "\f176"; } .ion-md-reorder:before { content: "\f369"; } .ion-md-repeat:before { content: "\f36a"; } .ion-md-resize:before { content: "\f36b"; } .ion-md-restaurant:before { content: "\f36c"; } .ion-md-return-left:before { content: "\f36d"; } .ion-md-return-right:before { content: "\f36e"; } .ion-md-reverse-camera:before { content: "\f36f"; } .ion-md-rewind:before { content: "\f370"; } .ion-md-ribbon:before { content: "\f371"; } .ion-md-rocket:before { content: "\f179"; } .ion-md-rose:before { content: "\f372"; } .ion-md-sad:before { content: "\f373"; } .ion-md-save:before { content: "\f1a9"; } .ion-md-school:before { content: "\f374"; } .ion-md-search:before { content: "\f375"; } .ion-md-send:before { content: "\f376"; } .ion-md-settings:before { content: "\f377"; } .ion-md-share:before { content: "\f379"; } .ion-md-share-alt:before { content: "\f378"; } .ion-md-shirt:before { content: "\f37a"; } .ion-md-shuffle:before { content: "\f37b"; } .ion-md-skip-backward:before { content: "\f37c"; } .ion-md-skip-forward:before { content: "\f37d"; } .ion-md-snow:before { content: "\f37e"; } .ion-md-speedometer:before { content: "\f37f"; } .ion-md-square:before { content: "\f381"; } .ion-md-square-outline:before { content: "\f380"; } .ion-md-star:before { content: "\f384"; } .ion-md-star-half:before { content: "\f382"; } .ion-md-star-outline:before { content: "\f383"; } .ion-md-stats:before { content: "\f385"; } .ion-md-stopwatch:before { content: "\f386"; } .ion-md-subway:before { content: "\f387"; } .ion-md-sunny:before { content: "\f388"; } .ion-md-swap:before { content: "\f389"; } .ion-md-switch:before { content: "\f38a"; } .ion-md-sync:before { content: "\f38b"; } .ion-md-tablet-landscape:before { content: "\f38c"; } .ion-md-tablet-portrait:before { content: "\f38d"; } .ion-md-tennisball:before { content: "\f38e"; } .ion-md-text:before { content: "\f38f"; } .ion-md-thermometer:before { content: "\f390"; } .ion-md-thumbs-down:before { content: "\f391"; } .ion-md-thumbs-up:before { content: "\f392"; } .ion-md-thunderstorm:before { content: "\f393"; } .ion-md-time:before { content: "\f394"; } .ion-md-timer:before { content: "\f395"; } .ion-md-today:before { content: "\f17d"; } .ion-md-train:before { content: "\f396"; } .ion-md-transgender:before { content: "\f397"; } .ion-md-trash:before { content: "\f398"; } .ion-md-trending-down:before { content: "\f399"; } .ion-md-trending-up:before { content: "\f39a"; } .ion-md-trophy:before { content: "\f39b"; } .ion-md-tv:before { content: "\f17f"; } .ion-md-umbrella:before { content: "\f39c"; } .ion-md-undo:before { content: "\f39d"; } .ion-md-unlock:before { content: "\f39e"; } .ion-md-videocam:before { content: "\f39f"; } .ion-md-volume-high:before { content: "\f123"; } .ion-md-volume-low:before { content: "\f131"; } .ion-md-volume-mute:before { content: "\f3a1"; } .ion-md-volume-off:before { content: "\f3a2"; } .ion-md-walk:before { content: "\f3a4"; } .ion-md-wallet:before { content: "\f18f"; } .ion-md-warning:before { content: "\f3a5"; } .ion-md-watch:before { content: "\f3a6"; } .ion-md-water:before { content: "\f3a7"; } .ion-md-wifi:before { content: "\f3a8"; } .ion-md-wine:before { content: "\f3a9"; } .ion-md-woman:before { content: "\f3aa"; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; font-display: block; src: url('MaterialIcons-Regular.eot'); src: local("☺"), url('MaterialIcons-Regular.woff2') format("woff2"), url('MaterialIcons-Regular.woff') format("woff"), url('MaterialIcons-Regular.ttf') format("truetype"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .material-icons._10k:before { content: "\e951"; } .material-icons._10mp:before { content: "\e952"; } .material-icons._11mp:before { content: "\e953"; } .material-icons._12mp:before { content: "\e954"; } .material-icons._13mp:before { content: "\e955"; } .material-icons._14mp:before { content: "\e956"; } .material-icons._15mp:before { content: "\e957"; } .material-icons._16mp:before { content: "\e958"; } .material-icons._17mp:before { content: "\e959"; } .material-icons._18mp:before { content: "\e95a"; } .material-icons._19mp:before { content: "\e95b"; } .material-icons._1k:before { content: "\e95c"; } .material-icons._1k_plus:before { content: "\e95d"; } .material-icons._20mp:before { content: "\e95e"; } .material-icons._21mp:before { content: "\e95f"; } .material-icons._22mp:before { content: "\e960"; } .material-icons._23mp:before { content: "\e961"; } .material-icons._24mp:before { content: "\e962"; } .material-icons._2k:before { content: "\e963"; } .material-icons._2k_plus:before { content: "\e964"; } .material-icons._2mp:before { content: "\e965"; } .material-icons._360:before { content: "\e577"; } .material-icons._3d_rotation:before { content: "\e84d"; } .material-icons._3k:before { content: "\e966"; } .material-icons._3k_plus:before { content: "\e967"; } .material-icons._3mp:before { content: "\e968"; } .material-icons._4k:before { content: "\e072"; } .material-icons._4k_plus:before { content: "\e969"; } .material-icons._4mp:before { content: "\e96a"; } .material-icons._5g:before { content: "\ef38"; } .material-icons._5k:before { content: "\e96b"; } .material-icons._5k_plus:before { content: "\e96c"; } .material-icons._5mp:before { content: "\e96d"; } .material-icons._6_ft_apart:before { content: "\f21e"; } .material-icons._6k:before { content: "\e96e"; } .material-icons._6k_plus:before { content: "\e96f"; } .material-icons._6mp:before { content: "\e970"; } .material-icons._7k:before { content: "\e971"; } .material-icons._7k_plus:before { content: "\e972"; } .material-icons._7mp:before { content: "\e973"; } .material-icons._8k:before { content: "\e974"; } .material-icons._8k_plus:before { content: "\e975"; } .material-icons._8mp:before { content: "\e976"; } .material-icons._9k:before { content: "\e977"; } .material-icons._9k_plus:before { content: "\e978"; } .material-icons._9mp:before { content: "\e979"; } .material-icons.ac_unit:before { content: "\eb3b"; } .material-icons.access_alarm:before { content: "\e190"; } .material-icons.access_alarms:before { content: "\e191"; } .material-icons.access_time:before { content: "\e192"; } .material-icons.accessibility:before { content: "\e84e"; } .material-icons.accessibility_new:before { content: "\e92c"; } .material-icons.accessible:before { content: "\e914"; } .material-icons.accessible_forward:before { content: "\e934"; } .material-icons.account_balance:before { content: "\e84f"; } .material-icons.account_balance_wallet:before { content: "\e850"; } .material-icons.account_box:before { content: "\e851"; } .material-icons.account_circle:before { content: "\e853"; } .material-icons.account_tree:before { content: "\e97a"; } .material-icons.ad_units:before { content: "\ef39"; } .material-icons.adb:before { content: "\e60e"; } .material-icons.add:before { content: "\e145"; } .material-icons.add_a_photo:before { content: "\e439"; } .material-icons.add_alarm:before { content: "\e193"; } .material-icons.add_alert:before { content: "\e003"; } .material-icons.add_box:before { content: "\e146"; } .material-icons.add_business:before { content: "\e729"; } .material-icons.add_call:before { content: "\e0e8"; } .material-icons.add_chart:before { content: "\e97b"; } .material-icons.add_circle:before { content: "\e147"; } .material-icons.add_circle_outline:before { content: "\e148"; } .material-icons.add_comment:before { content: "\e266"; } .material-icons.add_ic_call:before { content: "\e97c"; } .material-icons.add_link:before { content: "\e178"; } .material-icons.add_location:before { content: "\e567"; } .material-icons.add_location_alt:before { content: "\ef3a"; } .material-icons.add_moderator:before { content: "\e97d"; } .material-icons.add_photo_alternate:before { content: "\e43e"; } .material-icons.add_road:before { content: "\ef3b"; } .material-icons.add_shopping_cart:before { content: "\e854"; } .material-icons.add_task:before { content: "\f23a"; } .material-icons.add_to_drive:before { content: "\e65c"; } .material-icons.add_to_home_screen:before { content: "\e1fe"; } .material-icons.add_to_photos:before { content: "\e39d"; } .material-icons.add_to_queue:before { content: "\e05c"; } .material-icons.addchart:before { content: "\ef3c"; } .material-icons.adjust:before { content: "\e39e"; } .material-icons.admin_panel_settings:before { content: "\ef3d"; } .material-icons.agriculture:before { content: "\ea79"; } .material-icons.airline_seat_flat:before { content: "\e630"; } .material-icons.airline_seat_flat_angled:before { content: "\e631"; } .material-icons.airline_seat_individual_suite:before { content: "\e632"; } .material-icons.airline_seat_legroom_extra:before { content: "\e633"; } .material-icons.airline_seat_legroom_normal:before { content: "\e634"; } .material-icons.airline_seat_legroom_reduced:before { content: "\e635"; } .material-icons.airline_seat_recline_extra:before { content: "\e636"; } .material-icons.airline_seat_recline_normal:before { content: "\e637"; } .material-icons.airplanemode_active:before { content: "\e195"; } .material-icons.airplanemode_inactive:before { content: "\e194"; } .material-icons.airplanemode_off:before { content: "\e194"; } .material-icons.airplanemode_on:before { content: "\e195"; } .material-icons.airplay:before { content: "\e055"; } .material-icons.airport_shuttle:before { content: "\eb3c"; } .material-icons.alarm:before { content: "\e855"; } .material-icons.alarm_add:before { content: "\e856"; } .material-icons.alarm_off:before { content: "\e857"; } .material-icons.alarm_on:before { content: "\e858"; } .material-icons.album:before { content: "\e019"; } .material-icons.align_horizontal_center:before { content: "\e00f"; } .material-icons.align_horizontal_left:before { content: "\e00d"; } .material-icons.align_horizontal_right:before { content: "\e010"; } .material-icons.align_vertical_bottom:before { content: "\e015"; } .material-icons.align_vertical_center:before { content: "\e011"; } .material-icons.align_vertical_top:before { content: "\e00c"; } .material-icons.all_inbox:before { content: "\e97f"; } .material-icons.all_inclusive:before { content: "\eb3d"; } .material-icons.all_out:before { content: "\e90b"; } .material-icons.alt_route:before { content: "\f184"; } .material-icons.alternate_email:before { content: "\e0e6"; } .material-icons.amp_stories:before { content: "\ea13"; } .material-icons.analytics:before { content: "\ef3e"; } .material-icons.anchor:before { content: "\f1cd"; } .material-icons.android:before { content: "\e859"; } .material-icons.animation:before { content: "\e71c"; } .material-icons.announcement:before { content: "\e85a"; } .material-icons.apartment:before { content: "\ea40"; } .material-icons.api:before { content: "\f1b7"; } .material-icons.app_blocking:before { content: "\ef3f"; } .material-icons.app_registration:before { content: "\ef40"; } .material-icons.app_settings_alt:before { content: "\ef41"; } .material-icons.approval:before { content: "\e982"; } .material-icons.apps:before { content: "\e5c3"; } .material-icons.architecture:before { content: "\ea3b"; } .material-icons.archive:before { content: "\e149"; } .material-icons.arrow_back:before { content: "\e5c4"; } .material-icons.arrow_back_ios:before { content: "\e5e0"; } .material-icons.arrow_circle_down:before { content: "\f181"; } .material-icons.arrow_circle_up:before { content: "\f182"; } .material-icons.arrow_downward:before { content: "\e5db"; } .material-icons.arrow_drop_down:before { content: "\e5c5"; } .material-icons.arrow_drop_down_circle:before { content: "\e5c6"; } .material-icons.arrow_drop_up:before { content: "\e5c7"; } .material-icons.arrow_forward:before { content: "\e5c8"; } .material-icons.arrow_forward_ios:before { content: "\e5e1"; } .material-icons.arrow_left:before { content: "\e5de"; } .material-icons.arrow_right:before { content: "\e5df"; } .material-icons.arrow_right_alt:before { content: "\e941"; } .material-icons.arrow_upward:before { content: "\e5d8"; } .material-icons.art_track:before { content: "\e060"; } .material-icons.article:before { content: "\ef42"; } .material-icons.aspect_ratio:before { content: "\e85b"; } .material-icons.assessment:before { content: "\e85c"; } .material-icons.assignment:before { content: "\e85d"; } .material-icons.assignment_ind:before { content: "\e85e"; } .material-icons.assignment_late:before { content: "\e85f"; } .material-icons.assignment_return:before { content: "\e860"; } .material-icons.assignment_returned:before { content: "\e861"; } .material-icons.assignment_turned_in:before { content: "\e862"; } .material-icons.assistant:before { content: "\e39f"; } .material-icons.assistant_direction:before { content: "\e988"; } .material-icons.assistant_navigation:before { content: "\e989"; } .material-icons.assistant_photo:before { content: "\e3a0"; } .material-icons.atm:before { content: "\e573"; } .material-icons.attach_email:before { content: "\ea5e"; } .material-icons.attach_file:before { content: "\e226"; } .material-icons.attach_money:before { content: "\e227"; } .material-icons.attachment:before { content: "\e2bc"; } .material-icons.attractions:before { content: "\ea52"; } .material-icons.audiotrack:before { content: "\e3a1"; } .material-icons.auto_awesome:before { content: "\e65f"; } .material-icons.auto_awesome_mosaic:before { content: "\e660"; } .material-icons.auto_awesome_motion:before { content: "\e661"; } .material-icons.auto_delete:before { content: "\ea4c"; } .material-icons.auto_fix_high:before { content: "\e663"; } .material-icons.auto_fix_normal:before { content: "\e664"; } .material-icons.auto_fix_off:before { content: "\e665"; } .material-icons.auto_stories:before { content: "\e666"; } .material-icons.autorenew:before { content: "\e863"; } .material-icons.av_timer:before { content: "\e01b"; } .material-icons.baby_changing_station:before { content: "\f19b"; } .material-icons.backpack:before { content: "\f19c"; } .material-icons.backspace:before { content: "\e14a"; } .material-icons.backup:before { content: "\e864"; } .material-icons.backup_table:before { content: "\ef43"; } .material-icons.badge:before { content: "\ea67"; } .material-icons.bakery_dining:before { content: "\ea53"; } .material-icons.ballot:before { content: "\e172"; } .material-icons.bar_chart:before { content: "\e26b"; } .material-icons.batch_prediction:before { content: "\f0f5"; } .material-icons.bathtub:before { content: "\ea41"; } .material-icons.battery_alert:before { content: "\e19c"; } .material-icons.battery_charging_full:before { content: "\e1a3"; } .material-icons.battery_full:before { content: "\e1a4"; } .material-icons.battery_std:before { content: "\e1a5"; } .material-icons.battery_unknown:before { content: "\e1a6"; } .material-icons.beach_access:before { content: "\eb3e"; } .material-icons.bedtime:before { content: "\ef44"; } .material-icons.beenhere:before { content: "\e52d"; } .material-icons.bento:before { content: "\f1f4"; } .material-icons.bike_scooter:before { content: "\ef45"; } .material-icons.biotech:before { content: "\ea3a"; } .material-icons.block:before { content: "\e14b"; } .material-icons.block_flipped:before { content: "\ef46"; } .material-icons.bluetooth:before { content: "\e1a7"; } .material-icons.bluetooth_audio:before { content: "\e60f"; } .material-icons.bluetooth_connected:before { content: "\e1a8"; } .material-icons.bluetooth_disabled:before { content: "\e1a9"; } .material-icons.bluetooth_searching:before { content: "\e1aa"; } .material-icons.blur_circular:before { content: "\e3a2"; } .material-icons.blur_linear:before { content: "\e3a3"; } .material-icons.blur_off:before { content: "\e3a4"; } .material-icons.blur_on:before { content: "\e3a5"; } .material-icons.bolt:before { content: "\ea0b"; } .material-icons.book:before { content: "\e865"; } .material-icons.book_online:before { content: "\f217"; } .material-icons.bookmark:before { content: "\e866"; } .material-icons.bookmark_border:before { content: "\e867"; } .material-icons.bookmark_outline:before { content: "\e867"; } .material-icons.bookmarks:before { content: "\e98b"; } .material-icons.border_all:before { content: "\e228"; } .material-icons.border_bottom:before { content: "\e229"; } .material-icons.border_clear:before { content: "\e22a"; } .material-icons.border_color:before { content: "\e22b"; } .material-icons.border_horizontal:before { content: "\e22c"; } .material-icons.border_inner:before { content: "\e22d"; } .material-icons.border_left:before { content: "\e22e"; } .material-icons.border_outer:before { content: "\e22f"; } .material-icons.border_right:before { content: "\e230"; } .material-icons.border_style:before { content: "\e231"; } .material-icons.border_top:before { content: "\e232"; } .material-icons.border_vertical:before { content: "\e233"; } .material-icons.branding_watermark:before { content: "\e06b"; } .material-icons.breakfast_dining:before { content: "\ea54"; } .material-icons.brightness_1:before { content: "\e3a6"; } .material-icons.brightness_2:before { content: "\e3a7"; } .material-icons.brightness_3:before { content: "\e3a8"; } .material-icons.brightness_4:before { content: "\e3a9"; } .material-icons.brightness_5:before { content: "\e3aa"; } .material-icons.brightness_6:before { content: "\e3ab"; } .material-icons.brightness_7:before { content: "\e3ac"; } .material-icons.brightness_auto:before { content: "\e1ab"; } .material-icons.brightness_high:before { content: "\e1ac"; } .material-icons.brightness_low:before { content: "\e1ad"; } .material-icons.brightness_medium:before { content: "\e1ae"; } .material-icons.broken_image:before { content: "\e3ad"; } .material-icons.browser_not_supported:before { content: "\ef47"; } .material-icons.brunch_dining:before { content: "\ea73"; } .material-icons.brush:before { content: "\e3ae"; } .material-icons.bubble_chart:before { content: "\e6dd"; } .material-icons.bug_report:before { content: "\e868"; } .material-icons.build:before { content: "\e869"; } .material-icons.build_circle:before { content: "\ef48"; } .material-icons.burst_mode:before { content: "\e43c"; } .material-icons.bus_alert:before { content: "\e98f"; } .material-icons.business:before { content: "\e0af"; } .material-icons.business_center:before { content: "\eb3f"; } .material-icons.cached:before { content: "\e86a"; } .material-icons.cake:before { content: "\e7e9"; } .material-icons.calculate:before { content: "\ea5f"; } .material-icons.calendar_today:before { content: "\e935"; } .material-icons.calendar_view_day:before { content: "\e936"; } .material-icons.call:before { content: "\e0b0"; } .material-icons.call_end:before { content: "\e0b1"; } .material-icons.call_made:before { content: "\e0b2"; } .material-icons.call_merge:before { content: "\e0b3"; } .material-icons.call_missed:before { content: "\e0b4"; } .material-icons.call_missed_outgoing:before { content: "\e0e4"; } .material-icons.call_received:before { content: "\e0b5"; } .material-icons.call_split:before { content: "\e0b6"; } .material-icons.call_to_action:before { content: "\e06c"; } .material-icons.camera:before { content: "\e3af"; } .material-icons.camera_alt:before { content: "\e3b0"; } .material-icons.camera_enhance:before { content: "\e8fc"; } .material-icons.camera_front:before { content: "\e3b1"; } .material-icons.camera_rear:before { content: "\e3b2"; } .material-icons.camera_roll:before { content: "\e3b3"; } .material-icons.campaign:before { content: "\ef49"; } .material-icons.cancel:before { content: "\e5c9"; } .material-icons.cancel_presentation:before { content: "\e0e9"; } .material-icons.cancel_schedule_send:before { content: "\ea39"; } .material-icons.car_rental:before { content: "\ea55"; } .material-icons.car_repair:before { content: "\ea56"; } .material-icons.card_giftcard:before { content: "\e8f6"; } .material-icons.card_membership:before { content: "\e8f7"; } .material-icons.card_travel:before { content: "\e8f8"; } .material-icons.carpenter:before { content: "\f1f8"; } .material-icons.cases:before { content: "\e992"; } .material-icons.casino:before { content: "\eb40"; } .material-icons.cast:before { content: "\e307"; } .material-icons.cast_connected:before { content: "\e308"; } .material-icons.cast_for_education:before { content: "\efec"; } .material-icons.category:before { content: "\e574"; } .material-icons.celebration:before { content: "\ea65"; } .material-icons.cell_wifi:before { content: "\e0ec"; } .material-icons.center_focus_strong:before { content: "\e3b4"; } .material-icons.center_focus_weak:before { content: "\e3b5"; } .material-icons.change_history:before { content: "\e86b"; } .material-icons.charging_station:before { content: "\f19d"; } .material-icons.chat:before { content: "\e0b7"; } .material-icons.chat_bubble:before { content: "\e0ca"; } .material-icons.chat_bubble_outline:before { content: "\e0cb"; } .material-icons.check:before { content: "\e5ca"; } .material-icons.check_box:before { content: "\e834"; } .material-icons.check_box_outline_blank:before { content: "\e835"; } .material-icons.check_circle:before { content: "\e86c"; } .material-icons.check_circle_outline:before { content: "\e92d"; } .material-icons.checkroom:before { content: "\f19e"; } .material-icons.chevron_left:before { content: "\e5cb"; } .material-icons.chevron_right:before { content: "\e5cc"; } .material-icons.child_care:before { content: "\eb41"; } .material-icons.child_friendly:before { content: "\eb42"; } .material-icons.chrome_reader_mode:before { content: "\e86d"; } .material-icons.circle:before { content: "\ef4a"; } .material-icons.circle_notifications:before { content: "\e994"; } .material-icons.class:before { content: "\e86e"; } .material-icons.clean_hands:before { content: "\f21f"; } .material-icons.cleaning_services:before { content: "\f0ff"; } .material-icons.clear:before { content: "\e14c"; } .material-icons.clear_all:before { content: "\e0b8"; } .material-icons.close:before { content: "\e5cd"; } .material-icons.close_fullscreen:before { content: "\f1cf"; } .material-icons.closed_caption:before { content: "\e01c"; } .material-icons.closed_caption_disabled:before { content: "\f1dc"; } .material-icons.closed_caption_off:before { content: "\e996"; } .material-icons.cloud:before { content: "\e2bd"; } .material-icons.cloud_circle:before { content: "\e2be"; } .material-icons.cloud_done:before { content: "\e2bf"; } .material-icons.cloud_download:before { content: "\e2c0"; } .material-icons.cloud_off:before { content: "\e2c1"; } .material-icons.cloud_queue:before { content: "\e2c2"; } .material-icons.cloud_upload:before { content: "\e2c3"; } .material-icons.code:before { content: "\e86f"; } .material-icons.collections:before { content: "\e3b6"; } .material-icons.collections_bookmark:before { content: "\e431"; } .material-icons.color_lens:before { content: "\e3b7"; } .material-icons.colorize:before { content: "\e3b8"; } .material-icons.comment:before { content: "\e0b9"; } .material-icons.comment_bank:before { content: "\ea4e"; } .material-icons.commute:before { content: "\e940"; } .material-icons.compare:before { content: "\e3b9"; } .material-icons.compare_arrows:before { content: "\e915"; } .material-icons.compass_calibration:before { content: "\e57c"; } .material-icons.compress:before { content: "\e94d"; } .material-icons.computer:before { content: "\e30a"; } .material-icons.confirmation_num:before { content: "\e638"; } .material-icons.confirmation_number:before { content: "\e638"; } .material-icons.connect_without_contact:before { content: "\f223"; } .material-icons.connected_tv:before { content: "\e998"; } .material-icons.construction:before { content: "\ea3c"; } .material-icons.contact_mail:before { content: "\e0d0"; } .material-icons.contact_page:before { content: "\f22e"; } .material-icons.contact_phone:before { content: "\e0cf"; } .material-icons.contact_support:before { content: "\e94c"; } .material-icons.contactless:before { content: "\ea71"; } .material-icons.contacts:before { content: "\e0ba"; } .material-icons.content_copy:before { content: "\e14d"; } .material-icons.content_cut:before { content: "\e14e"; } .material-icons.content_paste:before { content: "\e14f"; } .material-icons.control_camera:before { content: "\e074"; } .material-icons.control_point:before { content: "\e3ba"; } .material-icons.control_point_duplicate:before { content: "\e3bb"; } .material-icons.copyright:before { content: "\e90c"; } .material-icons.coronavirus:before { content: "\f221"; } .material-icons.corporate_fare:before { content: "\f1d0"; } .material-icons.countertops:before { content: "\f1f7"; } .material-icons.create:before { content: "\e150"; } .material-icons.create_new_folder:before { content: "\e2cc"; } .material-icons.credit_card:before { content: "\e870"; } .material-icons.crop:before { content: "\e3be"; } .material-icons.crop_16_9:before { content: "\e3bc"; } .material-icons.crop_3_2:before { content: "\e3bd"; } .material-icons.crop_5_4:before { content: "\e3bf"; } .material-icons.crop_7_5:before { content: "\e3c0"; } .material-icons.crop_din:before { content: "\e3c1"; } .material-icons.crop_free:before { content: "\e3c2"; } .material-icons.crop_landscape:before { content: "\e3c3"; } .material-icons.crop_original:before { content: "\e3c4"; } .material-icons.crop_portrait:before { content: "\e3c5"; } .material-icons.crop_rotate:before { content: "\e437"; } .material-icons.crop_square:before { content: "\e3c6"; } .material-icons.dangerous:before { content: "\e99a"; } .material-icons.dashboard:before { content: "\e871"; } .material-icons.dashboard_customize:before { content: "\e99b"; } .material-icons.data_usage:before { content: "\e1af"; } .material-icons.date_range:before { content: "\e916"; } .material-icons.deck:before { content: "\ea42"; } .material-icons.dehaze:before { content: "\e3c7"; } .material-icons.delete:before { content: "\e872"; } .material-icons.delete_forever:before { content: "\e92b"; } .material-icons.delete_outline:before { content: "\e92e"; } .material-icons.delete_sweep:before { content: "\e16c"; } .material-icons.delivery_dining:before { content: "\ea72"; } .material-icons.departure_board:before { content: "\e576"; } .material-icons.description:before { content: "\e873"; } .material-icons.design_services:before { content: "\f10a"; } .material-icons.desktop_access_disabled:before { content: "\e99d"; } .material-icons.desktop_mac:before { content: "\e30b"; } .material-icons.desktop_windows:before { content: "\e30c"; } .material-icons.details:before { content: "\e3c8"; } .material-icons.developer_board:before { content: "\e30d"; } .material-icons.developer_mode:before { content: "\e1b0"; } .material-icons.device_hub:before { content: "\e335"; } .material-icons.device_thermostat:before { content: "\e1ff"; } .material-icons.device_unknown:before { content: "\e339"; } .material-icons.devices:before { content: "\e1b1"; } .material-icons.devices_other:before { content: "\e337"; } .material-icons.dialer_sip:before { content: "\e0bb"; } .material-icons.dialpad:before { content: "\e0bc"; } .material-icons.dinner_dining:before { content: "\ea57"; } .material-icons.directions:before { content: "\e52e"; } .material-icons.directions_bike:before { content: "\e52f"; } .material-icons.directions_boat:before { content: "\e532"; } .material-icons.directions_bus:before { content: "\e530"; } .material-icons.directions_car:before { content: "\e531"; } .material-icons.directions_ferry:before { content: "\e532"; } .material-icons.directions_off:before { content: "\f10f"; } .material-icons.directions_railway:before { content: "\e534"; } .material-icons.directions_run:before { content: "\e566"; } .material-icons.directions_subway:before { content: "\e533"; } .material-icons.directions_train:before { content: "\e534"; } .material-icons.directions_transit:before { content: "\e535"; } .material-icons.directions_walk:before { content: "\e536"; } .material-icons.dirty_lens:before { content: "\ef4b"; } .material-icons.disabled_by_default:before { content: "\f230"; } .material-icons.disc_full:before { content: "\e610"; } .material-icons.dnd_forwardslash:before { content: "\e611"; } .material-icons.dns:before { content: "\e875"; } .material-icons.do_not_disturb:before { content: "\e612"; } .material-icons.do_not_disturb_alt:before { content: "\e611"; } .material-icons.do_not_disturb_off:before { content: "\e643"; } .material-icons.do_not_disturb_on:before { content: "\e644"; } .material-icons.do_not_step:before { content: "\f19f"; } .material-icons.do_not_touch:before { content: "\f1b0"; } .material-icons.dock:before { content: "\e30e"; } .material-icons.domain:before { content: "\e7ee"; } .material-icons.domain_disabled:before { content: "\e0ef"; } .material-icons.domain_verification:before { content: "\ef4c"; } .material-icons.done:before { content: "\e876"; } .material-icons.done_all:before { content: "\e877"; } .material-icons.done_outline:before { content: "\e92f"; } .material-icons.donut_large:before { content: "\e917"; } .material-icons.donut_small:before { content: "\e918"; } .material-icons.double_arrow:before { content: "\ea50"; } .material-icons.drafts:before { content: "\e151"; } .material-icons.drag_handle:before { content: "\e25d"; } .material-icons.drag_indicator:before { content: "\e945"; } .material-icons.drive_eta:before { content: "\e613"; } .material-icons.drive_file_move:before { content: "\e675"; } .material-icons.drive_file_move_outline:before { content: "\e9a1"; } .material-icons.drive_file_rename_outline:before { content: "\e9a2"; } .material-icons.drive_folder_upload:before { content: "\e9a3"; } .material-icons.dry:before { content: "\f1b3"; } .material-icons.dry_cleaning:before { content: "\ea58"; } .material-icons.duo:before { content: "\e9a5"; } .material-icons.dvr:before { content: "\e1b2"; } .material-icons.dynamic_feed:before { content: "\ea14"; } .material-icons.dynamic_form:before { content: "\f1bf"; } .material-icons.east:before { content: "\f1df"; } .material-icons.eco:before { content: "\ea35"; } .material-icons.edit:before { content: "\e3c9"; } .material-icons.edit_attributes:before { content: "\e578"; } .material-icons.edit_location:before { content: "\e568"; } .material-icons.edit_off:before { content: "\e950"; } .material-icons.edit_road:before { content: "\ef4d"; } .material-icons.eject:before { content: "\e8fb"; } .material-icons.elderly:before { content: "\f21a"; } .material-icons.electric_bike:before { content: "\eb1b"; } .material-icons.electric_car:before { content: "\eb1c"; } .material-icons.electric_moped:before { content: "\eb1d"; } .material-icons.electric_rickshaw:before { content: "\eb1e"; } .material-icons.electric_scooter:before { content: "\eb1f"; } .material-icons.electrical_services:before { content: "\f102"; } .material-icons.elevator:before { content: "\f1a0"; } .material-icons.email:before { content: "\e0be"; } .material-icons.emoji_emotions:before { content: "\ea22"; } .material-icons.emoji_events:before { content: "\ea23"; } .material-icons.emoji_flags:before { content: "\ea1a"; } .material-icons.emoji_food_beverage:before { content: "\ea1b"; } .material-icons.emoji_nature:before { content: "\ea1c"; } .material-icons.emoji_objects:before { content: "\ea24"; } .material-icons.emoji_people:before { content: "\ea1d"; } .material-icons.emoji_symbols:before { content: "\ea1e"; } .material-icons.emoji_transportation:before { content: "\ea1f"; } .material-icons.engineering:before { content: "\ea3d"; } .material-icons.enhance_photo_translate:before { content: "\e8fc"; } .material-icons.enhanced_encryption:before { content: "\e63f"; } .material-icons.equalizer:before { content: "\e01d"; } .material-icons.error:before { content: "\e000"; } .material-icons.error_outline:before { content: "\e001"; } .material-icons.escalator:before { content: "\f1a1"; } .material-icons.escalator_warning:before { content: "\f1ac"; } .material-icons.euro:before { content: "\ea15"; } .material-icons.euro_symbol:before { content: "\e926"; } .material-icons.ev_station:before { content: "\e56d"; } .material-icons.event:before { content: "\e878"; } .material-icons.event_available:before { content: "\e614"; } .material-icons.event_busy:before { content: "\e615"; } .material-icons.event_note:before { content: "\e616"; } .material-icons.event_seat:before { content: "\e903"; } .material-icons.exit_to_app:before { content: "\e879"; } .material-icons.expand:before { content: "\e94f"; } .material-icons.expand_less:before { content: "\e5ce"; } .material-icons.expand_more:before { content: "\e5cf"; } .material-icons.explicit:before { content: "\e01e"; } .material-icons.explore:before { content: "\e87a"; } .material-icons.explore_off:before { content: "\e9a8"; } .material-icons.exposure:before { content: "\e3ca"; } .material-icons.exposure_minus_1:before { content: "\e3cb"; } .material-icons.exposure_minus_2:before { content: "\e3cc"; } .material-icons.exposure_neg_1:before { content: "\e3cb"; } .material-icons.exposure_neg_2:before { content: "\e3cc"; } .material-icons.exposure_plus_1:before { content: "\e3cd"; } .material-icons.exposure_plus_2:before { content: "\e3ce"; } .material-icons.exposure_zero:before { content: "\e3cf"; } .material-icons.extension:before { content: "\e87b"; } .material-icons.face:before { content: "\e87c"; } .material-icons.face_retouching_natural:before { content: "\ef4e"; } .material-icons.facebook:before { content: "\f234"; } .material-icons.fact_check:before { content: "\f0c5"; } .material-icons.family_restroom:before { content: "\f1a2"; } .material-icons.fast_forward:before { content: "\e01f"; } .material-icons.fast_rewind:before { content: "\e020"; } .material-icons.fastfood:before { content: "\e57a"; } .material-icons.favorite:before { content: "\e87d"; } .material-icons.favorite_border:before { content: "\e87e"; } .material-icons.favorite_outline:before { content: "\e87e"; } .material-icons.featured_play_list:before { content: "\e06d"; } .material-icons.featured_video:before { content: "\e06e"; } .material-icons.feedback:before { content: "\e87f"; } .material-icons.fence:before { content: "\f1f6"; } .material-icons.festival:before { content: "\ea68"; } .material-icons.fiber_dvr:before { content: "\e05d"; } .material-icons.fiber_manual_record:before { content: "\e061"; } .material-icons.fiber_new:before { content: "\e05e"; } .material-icons.fiber_pin:before { content: "\e06a"; } .material-icons.fiber_smart_record:before { content: "\e062"; } .material-icons.file_copy:before { content: "\e173"; } .material-icons.file_download:before { content: "\e2c4"; } .material-icons.file_download_done:before { content: "\e9aa"; } .material-icons.file_present:before { content: "\ea0e"; } .material-icons.file_upload:before { content: "\e2c6"; } .material-icons.filter:before { content: "\e3d3"; } .material-icons.filter_1:before { content: "\e3d0"; } .material-icons.filter_2:before { content: "\e3d1"; } .material-icons.filter_3:before { content: "\e3d2"; } .material-icons.filter_4:before { content: "\e3d4"; } .material-icons.filter_5:before { content: "\e3d5"; } .material-icons.filter_6:before { content: "\e3d6"; } .material-icons.filter_7:before { content: "\e3d7"; } .material-icons.filter_8:before { content: "\e3d8"; } .material-icons.filter_9:before { content: "\e3d9"; } .material-icons.filter_9_plus:before { content: "\e3da"; } .material-icons.filter_alt:before { content: "\ef4f"; } .material-icons.filter_b_and_w:before { content: "\e3db"; } .material-icons.filter_center_focus:before { content: "\e3dc"; } .material-icons.filter_drama:before { content: "\e3dd"; } .material-icons.filter_frames:before { content: "\e3de"; } .material-icons.filter_hdr:before { content: "\e3df"; } .material-icons.filter_list:before { content: "\e152"; } .material-icons.filter_list_alt:before { content: "\e94e"; } .material-icons.filter_none:before { content: "\e3e0"; } .material-icons.filter_tilt_shift:before { content: "\e3e2"; } .material-icons.filter_vintage:before { content: "\e3e3"; } .material-icons.find_in_page:before { content: "\e880"; } .material-icons.find_replace:before { content: "\e881"; } .material-icons.fingerprint:before { content: "\e90d"; } .material-icons.fire_extinguisher:before { content: "\f1d8"; } .material-icons.fire_hydrant:before { content: "\f1a3"; } .material-icons.fireplace:before { content: "\ea43"; } .material-icons.first_page:before { content: "\e5dc"; } .material-icons.fit_screen:before { content: "\ea10"; } .material-icons.fitness_center:before { content: "\eb43"; } .material-icons.flag:before { content: "\e153"; } .material-icons.flaky:before { content: "\ef50"; } .material-icons.flare:before { content: "\e3e4"; } .material-icons.flash_auto:before { content: "\e3e5"; } .material-icons.flash_off:before { content: "\e3e6"; } .material-icons.flash_on:before { content: "\e3e7"; } .material-icons.flight:before { content: "\e539"; } .material-icons.flight_land:before { content: "\e904"; } .material-icons.flight_takeoff:before { content: "\e905"; } .material-icons.flip:before { content: "\e3e8"; } .material-icons.flip_camera_android:before { content: "\ea37"; } .material-icons.flip_camera_ios:before { content: "\ea38"; } .material-icons.flip_to_back:before { content: "\e882"; } .material-icons.flip_to_front:before { content: "\e883"; } .material-icons.folder:before { content: "\e2c7"; } .material-icons.folder_open:before { content: "\e2c8"; } .material-icons.folder_shared:before { content: "\e2c9"; } .material-icons.folder_special:before { content: "\e617"; } .material-icons.follow_the_signs:before { content: "\f222"; } .material-icons.font_download:before { content: "\e167"; } .material-icons.food_bank:before { content: "\f1f2"; } .material-icons.format_align_center:before { content: "\e234"; } .material-icons.format_align_justify:before { content: "\e235"; } .material-icons.format_align_left:before { content: "\e236"; } .material-icons.format_align_right:before { content: "\e237"; } .material-icons.format_bold:before { content: "\e238"; } .material-icons.format_clear:before { content: "\e239"; } .material-icons.format_color_fill:before { content: "\e23a"; } .material-icons.format_color_reset:before { content: "\e23b"; } .material-icons.format_color_text:before { content: "\e23c"; } .material-icons.format_indent_decrease:before { content: "\e23d"; } .material-icons.format_indent_increase:before { content: "\e23e"; } .material-icons.format_italic:before { content: "\e23f"; } .material-icons.format_line_spacing:before { content: "\e240"; } .material-icons.format_list_bulleted:before { content: "\e241"; } .material-icons.format_list_numbered:before { content: "\e242"; } .material-icons.format_list_numbered_rtl:before { content: "\e267"; } .material-icons.format_paint:before { content: "\e243"; } .material-icons.format_quote:before { content: "\e244"; } .material-icons.format_shapes:before { content: "\e25e"; } .material-icons.format_size:before { content: "\e245"; } .material-icons.format_strikethrough:before { content: "\e246"; } .material-icons.format_textdirection_l_to_r:before { content: "\e247"; } .material-icons.format_textdirection_r_to_l:before { content: "\e248"; } .material-icons.format_underline:before { content: "\e249"; } .material-icons.format_underlined:before { content: "\e249"; } .material-icons.forum:before { content: "\e0bf"; } .material-icons.forward:before { content: "\e154"; } .material-icons.forward_10:before { content: "\e056"; } .material-icons.forward_30:before { content: "\e057"; } .material-icons.forward_5:before { content: "\e058"; } .material-icons.forward_to_inbox:before { content: "\f187"; } .material-icons.foundation:before { content: "\f200"; } .material-icons.free_breakfast:before { content: "\eb44"; } .material-icons.fullscreen:before { content: "\e5d0"; } .material-icons.fullscreen_exit:before { content: "\e5d1"; } .material-icons.functions:before { content: "\e24a"; } .material-icons.g_translate:before { content: "\e927"; } .material-icons.gamepad:before { content: "\e30f"; } .material-icons.games:before { content: "\e021"; } .material-icons.gavel:before { content: "\e90e"; } .material-icons.gesture:before { content: "\e155"; } .material-icons.get_app:before { content: "\e884"; } .material-icons.gif:before { content: "\e908"; } .material-icons.goat:before { content: "\ebff"; } .material-icons.golf_course:before { content: "\eb45"; } .material-icons.gps_fixed:before { content: "\e1b3"; } .material-icons.gps_not_fixed:before { content: "\e1b4"; } .material-icons.gps_off:before { content: "\e1b5"; } .material-icons.grade:before { content: "\e885"; } .material-icons.gradient:before { content: "\e3e9"; } .material-icons.grading:before { content: "\ea4f"; } .material-icons.grain:before { content: "\e3ea"; } .material-icons.graphic_eq:before { content: "\e1b8"; } .material-icons.grass:before { content: "\f205"; } .material-icons.grid_off:before { content: "\e3eb"; } .material-icons.grid_on:before { content: "\e3ec"; } .material-icons.grid_view:before { content: "\e9b0"; } .material-icons.group:before { content: "\e7ef"; } .material-icons.group_add:before { content: "\e7f0"; } .material-icons.group_work:before { content: "\e886"; } .material-icons.groups:before { content: "\f233"; } .material-icons.hail:before { content: "\e9b1"; } .material-icons.handyman:before { content: "\f10b"; } .material-icons.hardware:before { content: "\ea59"; } .material-icons.hd:before { content: "\e052"; } .material-icons.hdr_enhanced_select:before { content: "\ef51"; } .material-icons.hdr_off:before { content: "\e3ed"; } .material-icons.hdr_on:before { content: "\e3ee"; } .material-icons.hdr_strong:before { content: "\e3f1"; } .material-icons.hdr_weak:before { content: "\e3f2"; } .material-icons.headset:before { content: "\e310"; } .material-icons.headset_mic:before { content: "\e311"; } .material-icons.headset_off:before { content: "\e33a"; } .material-icons.healing:before { content: "\e3f3"; } .material-icons.hearing:before { content: "\e023"; } .material-icons.hearing_disabled:before { content: "\f104"; } .material-icons.height:before { content: "\ea16"; } .material-icons.help:before { content: "\e887"; } .material-icons.help_center:before { content: "\f1c0"; } .material-icons.help_outline:before { content: "\e8fd"; } .material-icons.high_quality:before { content: "\e024"; } .material-icons.highlight:before { content: "\e25f"; } .material-icons.highlight_alt:before { content: "\ef52"; } .material-icons.highlight_off:before { content: "\e888"; } .material-icons.highlight_remove:before { content: "\e888"; } .material-icons.history:before { content: "\e889"; } .material-icons.history_edu:before { content: "\ea3e"; } .material-icons.history_toggle_off:before { content: "\f17d"; } .material-icons.home:before { content: "\e88a"; } .material-icons.home_filled:before { content: "\e9b2"; } .material-icons.home_repair_service:before { content: "\f100"; } .material-icons.home_work:before { content: "\ea09"; } .material-icons.horizontal_distribute:before { content: "\e014"; } .material-icons.horizontal_rule:before { content: "\f108"; } .material-icons.horizontal_split:before { content: "\e947"; } .material-icons.hot_tub:before { content: "\eb46"; } .material-icons.hotel:before { content: "\e53a"; } .material-icons.hourglass_bottom:before { content: "\ea5c"; } .material-icons.hourglass_disabled:before { content: "\ef53"; } .material-icons.hourglass_empty:before { content: "\e88b"; } .material-icons.hourglass_full:before { content: "\e88c"; } .material-icons.hourglass_top:before { content: "\ea5b"; } .material-icons.house:before { content: "\ea44"; } .material-icons.house_siding:before { content: "\f202"; } .material-icons.how_to_reg:before { content: "\e174"; } .material-icons.how_to_vote:before { content: "\e175"; } .material-icons.http:before { content: "\e902"; } .material-icons.https:before { content: "\e88d"; } .material-icons.hvac:before { content: "\f10e"; } .material-icons.icecream:before { content: "\ea69"; } .material-icons.image:before { content: "\e3f4"; } .material-icons.image_aspect_ratio:before { content: "\e3f5"; } .material-icons.image_not_supported:before { content: "\f116"; } .material-icons.image_search:before { content: "\e43f"; } .material-icons.imagesearch_roller:before { content: "\e9b4"; } .material-icons.import_contacts:before { content: "\e0e0"; } .material-icons.import_export:before { content: "\e0c3"; } .material-icons.important_devices:before { content: "\e912"; } .material-icons.inbox:before { content: "\e156"; } .material-icons.indeterminate_check_box:before { content: "\e909"; } .material-icons.info:before { content: "\e88e"; } .material-icons.info_outline:before { content: "\e88f"; } .material-icons.input:before { content: "\e890"; } .material-icons.insert_chart:before { content: "\e24b"; } .material-icons.insert_chart_outlined:before { content: "\e26a"; } .material-icons.insert_comment:before { content: "\e24c"; } .material-icons.insert_drive_file:before { content: "\e24d"; } .material-icons.insert_emoticon:before { content: "\e24e"; } .material-icons.insert_invitation:before { content: "\e24f"; } .material-icons.insert_link:before { content: "\e250"; } .material-icons.insert_photo:before { content: "\e251"; } .material-icons.insights:before { content: "\f092"; } .material-icons.integration_instructions:before { content: "\ef54"; } .material-icons.inventory:before { content: "\e179"; } .material-icons.invert_colors:before { content: "\e891"; } .material-icons.invert_colors_off:before { content: "\e0c4"; } .material-icons.invert_colors_on:before { content: "\e891"; } .material-icons.ios_share:before { content: "\e6b8"; } .material-icons.iso:before { content: "\e3f6"; } .material-icons.keyboard:before { content: "\e312"; } .material-icons.keyboard_arrow_down:before { content: "\e313"; } .material-icons.keyboard_arrow_left:before { content: "\e314"; } .material-icons.keyboard_arrow_right:before { content: "\e315"; } .material-icons.keyboard_arrow_up:before { content: "\e316"; } .material-icons.keyboard_backspace:before { content: "\e317"; } .material-icons.keyboard_capslock:before { content: "\e318"; } .material-icons.keyboard_control:before { content: "\e5d3"; } .material-icons.keyboard_hide:before { content: "\e31a"; } .material-icons.keyboard_return:before { content: "\e31b"; } .material-icons.keyboard_tab:before { content: "\e31c"; } .material-icons.keyboard_voice:before { content: "\e31d"; } .material-icons.king_bed:before { content: "\ea45"; } .material-icons.kitchen:before { content: "\eb47"; } .material-icons.label:before { content: "\e892"; } .material-icons.label_important:before { content: "\e937"; } .material-icons.label_important_outline:before { content: "\e948"; } .material-icons.label_off:before { content: "\e9b6"; } .material-icons.label_outline:before { content: "\e893"; } .material-icons.landscape:before { content: "\e3f7"; } .material-icons.language:before { content: "\e894"; } .material-icons.laptop:before { content: "\e31e"; } .material-icons.laptop_chromebook:before { content: "\e31f"; } .material-icons.laptop_mac:before { content: "\e320"; } .material-icons.laptop_windows:before { content: "\e321"; } .material-icons.last_page:before { content: "\e5dd"; } .material-icons.launch:before { content: "\e895"; } .material-icons.layers:before { content: "\e53b"; } .material-icons.layers_clear:before { content: "\e53c"; } .material-icons.leaderboard:before { content: "\f20c"; } .material-icons.leak_add:before { content: "\e3f8"; } .material-icons.leak_remove:before { content: "\e3f9"; } .material-icons.leave_bags_at_home:before { content: "\f21b"; } .material-icons.legend_toggle:before { content: "\f11b"; } .material-icons.lens:before { content: "\e3fa"; } .material-icons.library_add:before { content: "\e02e"; } .material-icons.library_add_check:before { content: "\e9b7"; } .material-icons.library_books:before { content: "\e02f"; } .material-icons.library_music:before { content: "\e030"; } .material-icons.lightbulb:before { content: "\e0f0"; } .material-icons.lightbulb_outline:before { content: "\e90f"; } .material-icons.line_style:before { content: "\e919"; } .material-icons.line_weight:before { content: "\e91a"; } .material-icons.linear_scale:before { content: "\e260"; } .material-icons.link:before { content: "\e157"; } .material-icons.link_off:before { content: "\e16f"; } .material-icons.linked_camera:before { content: "\e438"; } .material-icons.liquor:before { content: "\ea60"; } .material-icons.list:before { content: "\e896"; } .material-icons.list_alt:before { content: "\e0ee"; } .material-icons.live_help:before { content: "\e0c6"; } .material-icons.live_tv:before { content: "\e639"; } .material-icons.local_activity:before { content: "\e53f"; } .material-icons.local_airport:before { content: "\e53d"; } .material-icons.local_atm:before { content: "\e53e"; } .material-icons.local_attraction:before { content: "\e53f"; } .material-icons.local_bar:before { content: "\e540"; } .material-icons.local_cafe:before { content: "\e541"; } .material-icons.local_car_wash:before { content: "\e542"; } .material-icons.local_convenience_store:before { content: "\e543"; } .material-icons.local_dining:before { content: "\e556"; } .material-icons.local_drink:before { content: "\e544"; } .material-icons.local_fire_department:before { content: "\ef55"; } .material-icons.local_florist:before { content: "\e545"; } .material-icons.local_gas_station:before { content: "\e546"; } .material-icons.local_grocery_store:before { content: "\e547"; } .material-icons.local_hospital:before { content: "\e548"; } .material-icons.local_hotel:before { content: "\e549"; } .material-icons.local_laundry_service:before { content: "\e54a"; } .material-icons.local_library:before { content: "\e54b"; } .material-icons.local_mall:before { content: "\e54c"; } .material-icons.local_movies:before { content: "\e54d"; } .material-icons.local_offer:before { content: "\e54e"; } .material-icons.local_parking:before { content: "\e54f"; } .material-icons.local_pharmacy:before { content: "\e550"; } .material-icons.local_phone:before { content: "\e551"; } .material-icons.local_pizza:before { content: "\e552"; } .material-icons.local_play:before { content: "\e553"; } .material-icons.local_police:before { content: "\ef56"; } .material-icons.local_post_office:before { content: "\e554"; } .material-icons.local_print_shop:before { content: "\e555"; } .material-icons.local_printshop:before { content: "\e555"; } .material-icons.local_restaurant:before { content: "\e556"; } .material-icons.local_see:before { content: "\e557"; } .material-icons.local_shipping:before { content: "\e558"; } .material-icons.local_taxi:before { content: "\e559"; } .material-icons.location_city:before { content: "\e7f1"; } .material-icons.location_disabled:before { content: "\e1b6"; } .material-icons.location_history:before { content: "\e55a"; } .material-icons.location_off:before { content: "\e0c7"; } .material-icons.location_on:before { content: "\e0c8"; } .material-icons.location_pin:before { content: "\f1db"; } .material-icons.location_searching:before { content: "\e1b7"; } .material-icons.lock:before { content: "\e897"; } .material-icons.lock_clock:before { content: "\ef57"; } .material-icons.lock_open:before { content: "\e898"; } .material-icons.lock_outline:before { content: "\e899"; } .material-icons.login:before { content: "\ea77"; } .material-icons.logout:before { content: "\e9ba"; } .material-icons.looks:before { content: "\e3fc"; } .material-icons.looks_3:before { content: "\e3fb"; } .material-icons.looks_4:before { content: "\e3fd"; } .material-icons.looks_5:before { content: "\e3fe"; } .material-icons.looks_6:before { content: "\e3ff"; } .material-icons.looks_one:before { content: "\e400"; } .material-icons.looks_two:before { content: "\e401"; } .material-icons.loop:before { content: "\e028"; } .material-icons.loupe:before { content: "\e402"; } .material-icons.low_priority:before { content: "\e16d"; } .material-icons.loyalty:before { content: "\e89a"; } .material-icons.luggage:before { content: "\f235"; } .material-icons.lunch_dining:before { content: "\ea61"; } .material-icons.mail:before { content: "\e158"; } .material-icons.mail_outline:before { content: "\e0e1"; } .material-icons.map:before { content: "\e55b"; } .material-icons.maps_ugc:before { content: "\ef58"; } .material-icons.margin:before { content: "\e9bb"; } .material-icons.mark_as_unread:before { content: "\e9bc"; } .material-icons.mark_chat_read:before { content: "\f18b"; } .material-icons.mark_chat_unread:before { content: "\f189"; } .material-icons.mark_email_read:before { content: "\f18c"; } .material-icons.mark_email_unread:before { content: "\f18a"; } .material-icons.markunread:before { content: "\e159"; } .material-icons.markunread_mailbox:before { content: "\e89b"; } .material-icons.masks:before { content: "\f218"; } .material-icons.maximize:before { content: "\e930"; } .material-icons.mediation:before { content: "\efa7"; } .material-icons.medical_services:before { content: "\f109"; } .material-icons.meeting_room:before { content: "\eb4f"; } .material-icons.memory:before { content: "\e322"; } .material-icons.menu:before { content: "\e5d2"; } .material-icons.menu_book:before { content: "\ea19"; } .material-icons.menu_open:before { content: "\e9bd"; } .material-icons.merge_type:before { content: "\e252"; } .material-icons.message:before { content: "\e0c9"; } .material-icons.messenger:before { content: "\e0ca"; } .material-icons.messenger_outline:before { content: "\e0cb"; } .material-icons.mic:before { content: "\e029"; } .material-icons.mic_external_off:before { content: "\ef59"; } .material-icons.mic_external_on:before { content: "\ef5a"; } .material-icons.mic_none:before { content: "\e02a"; } .material-icons.mic_off:before { content: "\e02b"; } .material-icons.microwave:before { content: "\f204"; } .material-icons.military_tech:before { content: "\ea3f"; } .material-icons.minimize:before { content: "\e931"; } .material-icons.miscellaneous_services:before { content: "\f10c"; } .material-icons.missed_video_call:before { content: "\e073"; } .material-icons.mms:before { content: "\e618"; } .material-icons.mobile_friendly:before { content: "\e200"; } .material-icons.mobile_off:before { content: "\e201"; } .material-icons.mobile_screen_share:before { content: "\e0e7"; } .material-icons.mode_comment:before { content: "\e253"; } .material-icons.mode_edit:before { content: "\e254"; } .material-icons.model_training:before { content: "\f0cf"; } .material-icons.monetization_on:before { content: "\e263"; } .material-icons.money:before { content: "\e57d"; } .material-icons.money_off:before { content: "\e25c"; } .material-icons.monitor:before { content: "\ef5b"; } .material-icons.monochrome_photos:before { content: "\e403"; } .material-icons.mood:before { content: "\e7f2"; } .material-icons.mood_bad:before { content: "\e7f3"; } .material-icons.moped:before { content: "\eb28"; } .material-icons.more:before { content: "\e619"; } .material-icons.more_horiz:before { content: "\e5d3"; } .material-icons.more_time:before { content: "\ea5d"; } .material-icons.more_vert:before { content: "\e5d4"; } .material-icons.motion_photos_off:before { content: "\e9c0"; } .material-icons.motion_photos_on:before { content: "\e9c1"; } .material-icons.motion_photos_pause:before { content: "\f227"; } .material-icons.motion_photos_paused:before { content: "\e9c2"; } .material-icons.motorcycle:before { content: "\e91b"; } .material-icons.mouse:before { content: "\e323"; } .material-icons.move_to_inbox:before { content: "\e168"; } .material-icons.movie:before { content: "\e02c"; } .material-icons.movie_creation:before { content: "\e404"; } .material-icons.movie_filter:before { content: "\e43a"; } .material-icons.mp:before { content: "\e9c3"; } .material-icons.multiline_chart:before { content: "\e6df"; } .material-icons.multiple_stop:before { content: "\f1b9"; } .material-icons.multitrack_audio:before { content: "\e1b8"; } .material-icons.museum:before { content: "\ea36"; } .material-icons.music_note:before { content: "\e405"; } .material-icons.music_off:before { content: "\e440"; } .material-icons.music_video:before { content: "\e063"; } .material-icons.my_library_add:before { content: "\e02e"; } .material-icons.my_library_books:before { content: "\e02f"; } .material-icons.my_library_music:before { content: "\e030"; } .material-icons.my_location:before { content: "\e55c"; } .material-icons.nat:before { content: "\ef5c"; } .material-icons.nature:before { content: "\e406"; } .material-icons.nature_people:before { content: "\e407"; } .material-icons.navigate_before:before { content: "\e408"; } .material-icons.navigate_next:before { content: "\e409"; } .material-icons.navigation:before { content: "\e55d"; } .material-icons.near_me:before { content: "\e569"; } .material-icons.near_me_disabled:before { content: "\f1ef"; } .material-icons.network_cell:before { content: "\e1b9"; } .material-icons.network_check:before { content: "\e640"; } .material-icons.network_locked:before { content: "\e61a"; } .material-icons.network_wifi:before { content: "\e1ba"; } .material-icons.new_releases:before { content: "\e031"; } .material-icons.next_plan:before { content: "\ef5d"; } .material-icons.next_week:before { content: "\e16a"; } .material-icons.nfc:before { content: "\e1bb"; } .material-icons.night_shelter:before { content: "\f1f1"; } .material-icons.nightlife:before { content: "\ea62"; } .material-icons.nightlight_round:before { content: "\ef5e"; } .material-icons.nights_stay:before { content: "\ea46"; } .material-icons.no_backpack:before { content: "\f237"; } .material-icons.no_cell:before { content: "\f1a4"; } .material-icons.no_drinks:before { content: "\f1a5"; } .material-icons.no_encryption:before { content: "\e641"; } .material-icons.no_flash:before { content: "\f1a6"; } .material-icons.no_food:before { content: "\f1a7"; } .material-icons.no_luggage:before { content: "\f23b"; } .material-icons.no_meals:before { content: "\f1d6"; } .material-icons.no_meals_ouline:before { content: "\f229"; } .material-icons.no_meeting_room:before { content: "\eb4e"; } .material-icons.no_photography:before { content: "\f1a8"; } .material-icons.no_sim:before { content: "\e0cc"; } .material-icons.no_stroller:before { content: "\f1af"; } .material-icons.no_transfer:before { content: "\f1d5"; } .material-icons.north:before { content: "\f1e0"; } .material-icons.north_east:before { content: "\f1e1"; } .material-icons.north_west:before { content: "\f1e2"; } .material-icons.not_accessible:before { content: "\f0fe"; } .material-icons.not_interested:before { content: "\e033"; } .material-icons.not_listed_location:before { content: "\e575"; } .material-icons.not_started:before { content: "\f0d1"; } .material-icons.note:before { content: "\e06f"; } .material-icons.note_add:before { content: "\e89c"; } .material-icons.notes:before { content: "\e26c"; } .material-icons.notification_important:before { content: "\e004"; } .material-icons.notifications:before { content: "\e7f4"; } .material-icons.notifications_active:before { content: "\e7f7"; } .material-icons.notifications_none:before { content: "\e7f5"; } .material-icons.notifications_off:before { content: "\e7f6"; } .material-icons.notifications_on:before { content: "\e7f7"; } .material-icons.notifications_paused:before { content: "\e7f8"; } .material-icons.now_wallpaper:before { content: "\e1bc"; } .material-icons.now_widgets:before { content: "\e1bd"; } .material-icons.offline_bolt:before { content: "\e932"; } .material-icons.offline_pin:before { content: "\e90a"; } .material-icons.offline_share:before { content: "\e9c5"; } .material-icons.ondemand_video:before { content: "\e63a"; } .material-icons.online_prediction:before { content: "\f0eb"; } .material-icons.opacity:before { content: "\e91c"; } .material-icons.open_in_browser:before { content: "\e89d"; } .material-icons.open_in_full:before { content: "\f1ce"; } .material-icons.open_in_new:before { content: "\e89e"; } .material-icons.open_with:before { content: "\e89f"; } .material-icons.outbond:before { content: "\f228"; } .material-icons.outbox:before { content: "\ef5f"; } .material-icons.outdoor_grill:before { content: "\ea47"; } .material-icons.outgoing_mail:before { content: "\f0d2"; } .material-icons.outlet:before { content: "\f1d4"; } .material-icons.outlined_flag:before { content: "\e16e"; } .material-icons.padding:before { content: "\e9c8"; } .material-icons.pages:before { content: "\e7f9"; } .material-icons.pageview:before { content: "\e8a0"; } .material-icons.palette:before { content: "\e40a"; } .material-icons.pan_tool:before { content: "\e925"; } .material-icons.panorama:before { content: "\e40b"; } .material-icons.panorama_fish_eye:before { content: "\e40c"; } .material-icons.panorama_fisheye:before { content: "\e40c"; } .material-icons.panorama_horizontal:before { content: "\e40d"; } .material-icons.panorama_horizontal_select:before { content: "\ef60"; } .material-icons.panorama_photosphere:before { content: "\e9c9"; } .material-icons.panorama_photosphere_select:before { content: "\e9ca"; } .material-icons.panorama_vertical:before { content: "\e40e"; } .material-icons.panorama_vertical_select:before { content: "\ef61"; } .material-icons.panorama_wide_angle:before { content: "\e40f"; } .material-icons.panorama_wide_angle_select:before { content: "\ef62"; } .material-icons.park:before { content: "\ea63"; } .material-icons.party_mode:before { content: "\e7fa"; } .material-icons.pause:before { content: "\e034"; } .material-icons.pause_circle_filled:before { content: "\e035"; } .material-icons.pause_circle_outline:before { content: "\e036"; } .material-icons.pause_presentation:before { content: "\e0ea"; } .material-icons.payment:before { content: "\e8a1"; } .material-icons.payments:before { content: "\ef63"; } .material-icons.pedal_bike:before { content: "\eb29"; } .material-icons.pending:before { content: "\ef64"; } .material-icons.pending_actions:before { content: "\f1bb"; } .material-icons.people:before { content: "\e7fb"; } .material-icons.people_alt:before { content: "\ea21"; } .material-icons.people_outline:before { content: "\e7fc"; } .material-icons.perm_camera_mic:before { content: "\e8a2"; } .material-icons.perm_contact_cal:before { content: "\e8a3"; } .material-icons.perm_contact_calendar:before { content: "\e8a3"; } .material-icons.perm_data_setting:before { content: "\e8a4"; } .material-icons.perm_device_info:before { content: "\e8a5"; } .material-icons.perm_device_information:before { content: "\e8a5"; } .material-icons.perm_identity:before { content: "\e8a6"; } .material-icons.perm_media:before { content: "\e8a7"; } .material-icons.perm_phone_msg:before { content: "\e8a8"; } .material-icons.perm_scan_wifi:before { content: "\e8a9"; } .material-icons.person:before { content: "\e7fd"; } .material-icons.person_add:before { content: "\e7fe"; } .material-icons.person_add_alt:before { content: "\ea4d"; } .material-icons.person_add_alt_1:before { content: "\ef65"; } .material-icons.person_add_disabled:before { content: "\e9cb"; } .material-icons.person_outline:before { content: "\e7ff"; } .material-icons.person_pin:before { content: "\e55a"; } .material-icons.person_pin_circle:before { content: "\e56a"; } .material-icons.person_remove:before { content: "\ef66"; } .material-icons.person_remove_alt_1:before { content: "\ef67"; } .material-icons.person_search:before { content: "\f106"; } .material-icons.personal_video:before { content: "\e63b"; } .material-icons.pest_control:before { content: "\f0fa"; } .material-icons.pest_control_rodent:before { content: "\f0fd"; } .material-icons.pets:before { content: "\e91d"; } .material-icons.phone:before { content: "\e0cd"; } .material-icons.phone_android:before { content: "\e324"; } .material-icons.phone_bluetooth_speaker:before { content: "\e61b"; } .material-icons.phone_callback:before { content: "\e649"; } .material-icons.phone_disabled:before { content: "\e9cc"; } .material-icons.phone_enabled:before { content: "\e9cd"; } .material-icons.phone_forwarded:before { content: "\e61c"; } .material-icons.phone_in_talk:before { content: "\e61d"; } .material-icons.phone_iphone:before { content: "\e325"; } .material-icons.phone_locked:before { content: "\e61e"; } .material-icons.phone_missed:before { content: "\e61f"; } .material-icons.phone_paused:before { content: "\e620"; } .material-icons.phonelink:before { content: "\e326"; } .material-icons.phonelink_erase:before { content: "\e0db"; } .material-icons.phonelink_lock:before { content: "\e0dc"; } .material-icons.phonelink_off:before { content: "\e327"; } .material-icons.phonelink_ring:before { content: "\e0dd"; } .material-icons.phonelink_setup:before { content: "\e0de"; } .material-icons.photo:before { content: "\e410"; } .material-icons.photo_album:before { content: "\e411"; } .material-icons.photo_camera:before { content: "\e412"; } .material-icons.photo_camera_back:before { content: "\ef68"; } .material-icons.photo_camera_front:before { content: "\ef69"; } .material-icons.photo_filter:before { content: "\e43b"; } .material-icons.photo_library:before { content: "\e413"; } .material-icons.photo_size_select_actual:before { content: "\e432"; } .material-icons.photo_size_select_large:before { content: "\e433"; } .material-icons.photo_size_select_small:before { content: "\e434"; } .material-icons.picture_as_pdf:before { content: "\e415"; } .material-icons.picture_in_picture:before { content: "\e8aa"; } .material-icons.picture_in_picture_alt:before { content: "\e911"; } .material-icons.pie_chart:before { content: "\e6c4"; } .material-icons.pie_chart_outlined:before { content: "\e6c5"; } .material-icons.pin_drop:before { content: "\e55e"; } .material-icons.pivot_table_chart:before { content: "\e9ce"; } .material-icons.place:before { content: "\e55f"; } .material-icons.plagiarism:before { content: "\ea5a"; } .material-icons.play_arrow:before { content: "\e037"; } .material-icons.play_circle_fill:before { content: "\e038"; } .material-icons.play_circle_filled:before { content: "\e038"; } .material-icons.play_circle_outline:before { content: "\e039"; } .material-icons.play_disabled:before { content: "\ef6a"; } .material-icons.play_for_work:before { content: "\e906"; } .material-icons.playlist_add:before { content: "\e03b"; } .material-icons.playlist_add_check:before { content: "\e065"; } .material-icons.playlist_play:before { content: "\e05f"; } .material-icons.plumbing:before { content: "\f107"; } .material-icons.plus_one:before { content: "\e800"; } .material-icons.point_of_sale:before { content: "\f17e"; } .material-icons.policy:before { content: "\ea17"; } .material-icons.poll:before { content: "\e801"; } .material-icons.polymer:before { content: "\e8ab"; } .material-icons.pool:before { content: "\eb48"; } .material-icons.portable_wifi_off:before { content: "\e0ce"; } .material-icons.portrait:before { content: "\e416"; } .material-icons.post_add:before { content: "\ea20"; } .material-icons.power:before { content: "\e63c"; } .material-icons.power_input:before { content: "\e336"; } .material-icons.power_off:before { content: "\e646"; } .material-icons.power_settings_new:before { content: "\e8ac"; } .material-icons.pregnant_woman:before { content: "\e91e"; } .material-icons.present_to_all:before { content: "\e0df"; } .material-icons.preview:before { content: "\f1c5"; } .material-icons.print:before { content: "\e8ad"; } .material-icons.print_disabled:before { content: "\e9cf"; } .material-icons.priority_high:before { content: "\e645"; } .material-icons.privacy_tip:before { content: "\f0dc"; } .material-icons.psychology:before { content: "\ea4a"; } .material-icons.public:before { content: "\e80b"; } .material-icons.public_off:before { content: "\f1ca"; } .material-icons.publish:before { content: "\e255"; } .material-icons.published_with_changes:before { content: "\f232"; } .material-icons.push_pin:before { content: "\f10d"; } .material-icons.qr_code:before { content: "\ef6b"; } .material-icons.qr_code_2:before { content: "\e00a"; } .material-icons.qr_code_scanner:before { content: "\f206"; } .material-icons.query_builder:before { content: "\e8ae"; } .material-icons.question_answer:before { content: "\e8af"; } .material-icons.queue:before { content: "\e03c"; } .material-icons.queue_music:before { content: "\e03d"; } .material-icons.queue_play_next:before { content: "\e066"; } .material-icons.quick_contacts_dialer:before { content: "\e0cf"; } .material-icons.quick_contacts_mail:before { content: "\e0d0"; } .material-icons.quickreply:before { content: "\ef6c"; } .material-icons.radio:before { content: "\e03e"; } .material-icons.radio_button_checked:before { content: "\e837"; } .material-icons.radio_button_off:before { content: "\e836"; } .material-icons.radio_button_on:before { content: "\e837"; } .material-icons.radio_button_unchecked:before { content: "\e836"; } .material-icons.railway_alert:before { content: "\e9d1"; } .material-icons.ramen_dining:before { content: "\ea64"; } .material-icons.rate_review:before { content: "\e560"; } .material-icons.read_more:before { content: "\ef6d"; } .material-icons.receipt:before { content: "\e8b0"; } .material-icons.receipt_long:before { content: "\ef6e"; } .material-icons.recent_actors:before { content: "\e03f"; } .material-icons.recommend:before { content: "\e9d2"; } .material-icons.record_voice_over:before { content: "\e91f"; } .material-icons.redeem:before { content: "\e8b1"; } .material-icons.redo:before { content: "\e15a"; } .material-icons.reduce_capacity:before { content: "\f21c"; } .material-icons.refresh:before { content: "\e5d5"; } .material-icons.remove:before { content: "\e15b"; } .material-icons.remove_circle:before { content: "\e15c"; } .material-icons.remove_circle_outline:before { content: "\e15d"; } .material-icons.remove_done:before { content: "\e9d3"; } .material-icons.remove_from_queue:before { content: "\e067"; } .material-icons.remove_moderator:before { content: "\e9d4"; } .material-icons.remove_red_eye:before { content: "\e417"; } .material-icons.remove_shopping_cart:before { content: "\e928"; } .material-icons.reorder:before { content: "\e8fe"; } .material-icons.repeat:before { content: "\e040"; } .material-icons.repeat_on:before { content: "\e9d6"; } .material-icons.repeat_one:before { content: "\e041"; } .material-icons.repeat_one_on:before { content: "\e9d7"; } .material-icons.replay:before { content: "\e042"; } .material-icons.replay_10:before { content: "\e059"; } .material-icons.replay_30:before { content: "\e05a"; } .material-icons.replay_5:before { content: "\e05b"; } .material-icons.replay_circle_filled:before { content: "\e9d8"; } .material-icons.reply:before { content: "\e15e"; } .material-icons.reply_all:before { content: "\e15f"; } .material-icons.report:before { content: "\e160"; } .material-icons.report_off:before { content: "\e170"; } .material-icons.report_problem:before { content: "\e8b2"; } .material-icons.request_page:before { content: "\f22c"; } .material-icons.request_quote:before { content: "\f1b6"; } .material-icons.reset_tv:before { content: "\e9d9"; } .material-icons.restaurant:before { content: "\e56c"; } .material-icons.restaurant_menu:before { content: "\e561"; } .material-icons.restore:before { content: "\e8b3"; } .material-icons.restore_from_trash:before { content: "\e938"; } .material-icons.restore_page:before { content: "\e929"; } .material-icons.rice_bowl:before { content: "\f1f5"; } .material-icons.ring_volume:before { content: "\e0d1"; } .material-icons.roofing:before { content: "\f201"; } .material-icons.room:before { content: "\e8b4"; } .material-icons.room_preferences:before { content: "\f1b8"; } .material-icons.room_service:before { content: "\eb49"; } .material-icons.rotate_90_degrees_ccw:before { content: "\e418"; } .material-icons.rotate_left:before { content: "\e419"; } .material-icons.rotate_right:before { content: "\e41a"; } .material-icons.rounded_corner:before { content: "\e920"; } .material-icons.router:before { content: "\e328"; } .material-icons.rowing:before { content: "\e921"; } .material-icons.rss_feed:before { content: "\e0e5"; } .material-icons.rtt:before { content: "\e9ad"; } .material-icons.rule:before { content: "\f1c2"; } .material-icons.rule_folder:before { content: "\f1c9"; } .material-icons.run_circle:before { content: "\ef6f"; } .material-icons.rv_hookup:before { content: "\e642"; } .material-icons.sanitizer:before { content: "\f21d"; } .material-icons.satellite:before { content: "\e562"; } .material-icons.save:before { content: "\e161"; } .material-icons.save_alt:before { content: "\e171"; } .material-icons.saved_search:before { content: "\ea11"; } .material-icons.scanner:before { content: "\e329"; } .material-icons.scatter_plot:before { content: "\e268"; } .material-icons.schedule:before { content: "\e8b5"; } .material-icons.schedule_send:before { content: "\ea0a"; } .material-icons.school:before { content: "\e80c"; } .material-icons.science:before { content: "\ea4b"; } .material-icons.score:before { content: "\e269"; } .material-icons.screen_lock_landscape:before { content: "\e1be"; } .material-icons.screen_lock_portrait:before { content: "\e1bf"; } .material-icons.screen_lock_rotation:before { content: "\e1c0"; } .material-icons.screen_rotation:before { content: "\e1c1"; } .material-icons.screen_search_desktop:before { content: "\ef70"; } .material-icons.screen_share:before { content: "\e0e2"; } .material-icons.sd:before { content: "\e9dd"; } .material-icons.sd_card:before { content: "\e623"; } .material-icons.sd_storage:before { content: "\e1c2"; } .material-icons.search:before { content: "\e8b6"; } .material-icons.search_off:before { content: "\ea76"; } .material-icons.security:before { content: "\e32a"; } .material-icons.segment:before { content: "\e94b"; } .material-icons.select_all:before { content: "\e162"; } .material-icons.self_improvement:before { content: "\ea78"; } .material-icons.send:before { content: "\e163"; } .material-icons.send_and_archive:before { content: "\ea0c"; } .material-icons.send_to_mobile:before { content: "\f05c"; } .material-icons.sensor_door:before { content: "\f1b5"; } .material-icons.sensor_window:before { content: "\f1b4"; } .material-icons.sentiment_dissatisfied:before { content: "\e811"; } .material-icons.sentiment_neutral:before { content: "\e812"; } .material-icons.sentiment_satisfied:before { content: "\e813"; } .material-icons.sentiment_satisfied_alt:before { content: "\e0ed"; } .material-icons.sentiment_very_dissatisfied:before { content: "\e814"; } .material-icons.sentiment_very_satisfied:before { content: "\e815"; } .material-icons.set_meal:before { content: "\f1ea"; } .material-icons.settings:before { content: "\e8b8"; } .material-icons.settings_applications:before { content: "\e8b9"; } .material-icons.settings_backup_restore:before { content: "\e8ba"; } .material-icons.settings_bluetooth:before { content: "\e8bb"; } .material-icons.settings_brightness:before { content: "\e8bd"; } .material-icons.settings_cell:before { content: "\e8bc"; } .material-icons.settings_display:before { content: "\e8bd"; } .material-icons.settings_ethernet:before { content: "\e8be"; } .material-icons.settings_input_antenna:before { content: "\e8bf"; } .material-icons.settings_input_component:before { content: "\e8c0"; } .material-icons.settings_input_composite:before { content: "\e8c1"; } .material-icons.settings_input_hdmi:before { content: "\e8c2"; } .material-icons.settings_input_svideo:before { content: "\e8c3"; } .material-icons.settings_overscan:before { content: "\e8c4"; } .material-icons.settings_phone:before { content: "\e8c5"; } .material-icons.settings_power:before { content: "\e8c6"; } .material-icons.settings_remote:before { content: "\e8c7"; } .material-icons.settings_system_daydream:before { content: "\e1c3"; } .material-icons.settings_voice:before { content: "\e8c8"; } .material-icons.share:before { content: "\e80d"; } .material-icons.shield:before { content: "\e9e0"; } .material-icons.shop:before { content: "\e8c9"; } .material-icons.shop_two:before { content: "\e8ca"; } .material-icons.shopping_bag:before { content: "\f1cc"; } .material-icons.shopping_basket:before { content: "\e8cb"; } .material-icons.shopping_cart:before { content: "\e8cc"; } .material-icons.short_text:before { content: "\e261"; } .material-icons.show_chart:before { content: "\e6e1"; } .material-icons.shuffle:before { content: "\e043"; } .material-icons.shuffle_on:before { content: "\e9e1"; } .material-icons.shutter_speed:before { content: "\e43d"; } .material-icons.sick:before { content: "\f220"; } .material-icons.signal_cellular_0_bar:before { content: "\f0a8"; } .material-icons.signal_cellular_4_bar:before { content: "\e1c8"; } .material-icons.signal_cellular_alt:before { content: "\e202"; } .material-icons.signal_cellular_connected_no_internet_4_bar:before { content: "\e1cd"; } .material-icons.signal_cellular_no_sim:before { content: "\e1ce"; } .material-icons.signal_cellular_null:before { content: "\e1cf"; } .material-icons.signal_cellular_off:before { content: "\e1d0"; } .material-icons.signal_wifi_0_bar:before { content: "\f0b0"; } .material-icons.signal_wifi_4_bar:before { content: "\e1d8"; } .material-icons.signal_wifi_4_bar_lock:before { content: "\e1d9"; } .material-icons.signal_wifi_off:before { content: "\e1da"; } .material-icons.sim_card:before { content: "\e32b"; } .material-icons.sim_card_alert:before { content: "\e624"; } .material-icons.single_bed:before { content: "\ea48"; } .material-icons.skip_next:before { content: "\e044"; } .material-icons.skip_previous:before { content: "\e045"; } .material-icons.slideshow:before { content: "\e41b"; } .material-icons.slow_motion_video:before { content: "\e068"; } .material-icons.smart_button:before { content: "\f1c1"; } .material-icons.smartphone:before { content: "\e32c"; } .material-icons.smoke_free:before { content: "\eb4a"; } .material-icons.smoking_rooms:before { content: "\eb4b"; } .material-icons.sms:before { content: "\e625"; } .material-icons.sms_failed:before { content: "\e626"; } .material-icons.snippet_folder:before { content: "\f1c7"; } .material-icons.snooze:before { content: "\e046"; } .material-icons.soap:before { content: "\f1b2"; } .material-icons.sort:before { content: "\e164"; } .material-icons.sort_by_alpha:before { content: "\e053"; } .material-icons.source:before { content: "\f1c4"; } .material-icons.south:before { content: "\f1e3"; } .material-icons.south_east:before { content: "\f1e4"; } .material-icons.south_west:before { content: "\f1e5"; } .material-icons.spa:before { content: "\eb4c"; } .material-icons.space_bar:before { content: "\e256"; } .material-icons.speaker:before { content: "\e32d"; } .material-icons.speaker_group:before { content: "\e32e"; } .material-icons.speaker_notes:before { content: "\e8cd"; } .material-icons.speaker_notes_off:before { content: "\e92a"; } .material-icons.speaker_phone:before { content: "\e0d2"; } .material-icons.speed:before { content: "\e9e4"; } .material-icons.spellcheck:before { content: "\e8ce"; } .material-icons.sports:before { content: "\ea30"; } .material-icons.sports_bar:before { content: "\f1f3"; } .material-icons.sports_baseball:before { content: "\ea51"; } .material-icons.sports_basketball:before { content: "\ea26"; } .material-icons.sports_cricket:before { content: "\ea27"; } .material-icons.sports_esports:before { content: "\ea28"; } .material-icons.sports_football:before { content: "\ea29"; } .material-icons.sports_golf:before { content: "\ea2a"; } .material-icons.sports_handball:before { content: "\ea33"; } .material-icons.sports_hockey:before { content: "\ea2b"; } .material-icons.sports_kabaddi:before { content: "\ea34"; } .material-icons.sports_mma:before { content: "\ea2c"; } .material-icons.sports_motorsports:before { content: "\ea2d"; } .material-icons.sports_rugby:before { content: "\ea2e"; } .material-icons.sports_soccer:before { content: "\ea2f"; } .material-icons.sports_tennis:before { content: "\ea32"; } .material-icons.sports_volleyball:before { content: "\ea31"; } .material-icons.square_foot:before { content: "\ea49"; } .material-icons.stacked_bar_chart:before { content: "\e9e6"; } .material-icons.stacked_line_chart:before { content: "\f22b"; } .material-icons.stairs:before { content: "\f1a9"; } .material-icons.star:before { content: "\e838"; } .material-icons.star_border:before { content: "\e83a"; } .material-icons.star_half:before { content: "\e839"; } .material-icons.star_outline:before { content: "\f06f"; } .material-icons.star_rate:before { content: "\f0ec"; } .material-icons.stars:before { content: "\e8d0"; } .material-icons.stay_current_landscape:before { content: "\e0d3"; } .material-icons.stay_current_portrait:before { content: "\e0d4"; } .material-icons.stay_primary_landscape:before { content: "\e0d5"; } .material-icons.stay_primary_portrait:before { content: "\e0d6"; } .material-icons.sticky_note_2:before { content: "\f1fc"; } .material-icons.stop:before { content: "\e047"; } .material-icons.stop_circle:before { content: "\ef71"; } .material-icons.stop_screen_share:before { content: "\e0e3"; } .material-icons.storage:before { content: "\e1db"; } .material-icons.store:before { content: "\e8d1"; } .material-icons.store_mall_directory:before { content: "\e563"; } .material-icons.storefront:before { content: "\ea12"; } .material-icons.straighten:before { content: "\e41c"; } .material-icons.stream:before { content: "\e9e9"; } .material-icons.streetview:before { content: "\e56e"; } .material-icons.strikethrough_s:before { content: "\e257"; } .material-icons.stroller:before { content: "\f1ae"; } .material-icons.style:before { content: "\e41d"; } .material-icons.subdirectory_arrow_left:before { content: "\e5d9"; } .material-icons.subdirectory_arrow_right:before { content: "\e5da"; } .material-icons.subject:before { content: "\e8d2"; } .material-icons.subscript:before { content: "\f111"; } .material-icons.subscriptions:before { content: "\e064"; } .material-icons.subtitles:before { content: "\e048"; } .material-icons.subtitles_off:before { content: "\ef72"; } .material-icons.subway:before { content: "\e56f"; } .material-icons.superscript:before { content: "\f112"; } .material-icons.supervised_user_circle:before { content: "\e939"; } .material-icons.supervisor_account:before { content: "\e8d3"; } .material-icons.support:before { content: "\ef73"; } .material-icons.support_agent:before { content: "\f0e2"; } .material-icons.surround_sound:before { content: "\e049"; } .material-icons.swap_calls:before { content: "\e0d7"; } .material-icons.swap_horiz:before { content: "\e8d4"; } .material-icons.swap_horizontal_circle:before { content: "\e933"; } .material-icons.swap_vert:before { content: "\e8d5"; } .material-icons.swap_vert_circle:before { content: "\e8d6"; } .material-icons.swap_vertical_circle:before { content: "\e8d6"; } .material-icons.swipe:before { content: "\e9ec"; } .material-icons.switch_account:before { content: "\e9ed"; } .material-icons.switch_camera:before { content: "\e41e"; } .material-icons.switch_left:before { content: "\f1d1"; } .material-icons.switch_right:before { content: "\f1d2"; } .material-icons.switch_video:before { content: "\e41f"; } .material-icons.sync:before { content: "\e627"; } .material-icons.sync_alt:before { content: "\ea18"; } .material-icons.sync_disabled:before { content: "\e628"; } .material-icons.sync_problem:before { content: "\e629"; } .material-icons.system_update:before { content: "\e62a"; } .material-icons.system_update_alt:before { content: "\e8d7"; } .material-icons.system_update_tv:before { content: "\e8d7"; } .material-icons.tab:before { content: "\e8d8"; } .material-icons.tab_unselected:before { content: "\e8d9"; } .material-icons.table_chart:before { content: "\e265"; } .material-icons.table_rows:before { content: "\f101"; } .material-icons.table_view:before { content: "\f1be"; } .material-icons.tablet:before { content: "\e32f"; } .material-icons.tablet_android:before { content: "\e330"; } .material-icons.tablet_mac:before { content: "\e331"; } .material-icons.tag:before { content: "\e9ef"; } .material-icons.tag_faces:before { content: "\e420"; } .material-icons.takeout_dining:before { content: "\ea74"; } .material-icons.tap_and_play:before { content: "\e62b"; } .material-icons.tapas:before { content: "\f1e9"; } .material-icons.taxi_alert:before { content: "\ef74"; } .material-icons.terrain:before { content: "\e564"; } .material-icons.text_fields:before { content: "\e262"; } .material-icons.text_format:before { content: "\e165"; } .material-icons.text_rotate_up:before { content: "\e93a"; } .material-icons.text_rotate_vertical:before { content: "\e93b"; } .material-icons.text_rotation_angledown:before { content: "\e93c"; } .material-icons.text_rotation_angleup:before { content: "\e93d"; } .material-icons.text_rotation_down:before { content: "\e93e"; } .material-icons.text_rotation_none:before { content: "\e93f"; } .material-icons.text_snippet:before { content: "\f1c6"; } .material-icons.textsms:before { content: "\e0d8"; } .material-icons.texture:before { content: "\e421"; } .material-icons.theater_comedy:before { content: "\ea66"; } .material-icons.theaters:before { content: "\e8da"; } .material-icons.thumb_down:before { content: "\e8db"; } .material-icons.thumb_down_alt:before { content: "\e816"; } .material-icons.thumb_down_off_alt:before { content: "\e9f2"; } .material-icons.thumb_up:before { content: "\e8dc"; } .material-icons.thumb_up_alt:before { content: "\e817"; } .material-icons.thumb_up_off_alt:before { content: "\e9f3"; } .material-icons.thumbs_up_down:before { content: "\e8dd"; } .material-icons.time_to_leave:before { content: "\e62c"; } .material-icons.timelapse:before { content: "\e422"; } .material-icons.timeline:before { content: "\e922"; } .material-icons.timer:before { content: "\e425"; } .material-icons.timer_10:before { content: "\e423"; } .material-icons.timer_3:before { content: "\e424"; } .material-icons.timer_off:before { content: "\e426"; } .material-icons.title:before { content: "\e264"; } .material-icons.toc:before { content: "\e8de"; } .material-icons.today:before { content: "\e8df"; } .material-icons.toggle_off:before { content: "\e9f5"; } .material-icons.toggle_on:before { content: "\e9f6"; } .material-icons.toll:before { content: "\e8e0"; } .material-icons.tonality:before { content: "\e427"; } .material-icons.topic:before { content: "\f1c8"; } .material-icons.touch_app:before { content: "\e913"; } .material-icons.tour:before { content: "\ef75"; } .material-icons.toys:before { content: "\e332"; } .material-icons.track_changes:before { content: "\e8e1"; } .material-icons.traffic:before { content: "\e565"; } .material-icons.train:before { content: "\e570"; } .material-icons.tram:before { content: "\e571"; } .material-icons.transfer_within_a_station:before { content: "\e572"; } .material-icons.transform:before { content: "\e428"; } .material-icons.transit_enterexit:before { content: "\e579"; } .material-icons.translate:before { content: "\e8e2"; } .material-icons.trending_down:before { content: "\e8e3"; } .material-icons.trending_flat:before { content: "\e8e4"; } .material-icons.trending_neutral:before { content: "\e8e4"; } .material-icons.trending_up:before { content: "\e8e5"; } .material-icons.trip_origin:before { content: "\e57b"; } .material-icons.tty:before { content: "\f1aa"; } .material-icons.tune:before { content: "\e429"; } .material-icons.turned_in:before { content: "\e8e6"; } .material-icons.turned_in_not:before { content: "\e8e7"; } .material-icons.tv:before { content: "\e333"; } .material-icons.tv_off:before { content: "\e647"; } .material-icons.two_wheeler:before { content: "\e9f9"; } .material-icons.umbrella:before { content: "\f1ad"; } .material-icons.unarchive:before { content: "\e169"; } .material-icons.undo:before { content: "\e166"; } .material-icons.unfold_less:before { content: "\e5d6"; } .material-icons.unfold_more:before { content: "\e5d7"; } .material-icons.unpublished:before { content: "\f236"; } .material-icons.unsubscribe:before { content: "\e0eb"; } .material-icons.update:before { content: "\e923"; } .material-icons.update_disabled:before { content: "\e075"; } .material-icons.upgrade:before { content: "\f0fb"; } .material-icons.upload_file:before { content: "\e9fc"; } .material-icons.usb:before { content: "\e1e0"; } .material-icons.verified:before { content: "\ef76"; } .material-icons.verified_user:before { content: "\e8e8"; } .material-icons.vertical_align_bottom:before { content: "\e258"; } .material-icons.vertical_align_center:before { content: "\e259"; } .material-icons.vertical_align_top:before { content: "\e25a"; } .material-icons.vertical_distribute:before { content: "\e076"; } .material-icons.vertical_split:before { content: "\e949"; } .material-icons.vibration:before { content: "\e62d"; } .material-icons.video_call:before { content: "\e070"; } .material-icons.video_collection:before { content: "\e04a"; } .material-icons.video_label:before { content: "\e071"; } .material-icons.video_library:before { content: "\e04a"; } .material-icons.video_settings:before { content: "\ea75"; } .material-icons.videocam:before { content: "\e04b"; } .material-icons.videocam_off:before { content: "\e04c"; } .material-icons.videogame_asset:before { content: "\e338"; } .material-icons.view_agenda:before { content: "\e8e9"; } .material-icons.view_array:before { content: "\e8ea"; } .material-icons.view_carousel:before { content: "\e8eb"; } .material-icons.view_column:before { content: "\e8ec"; } .material-icons.view_comfortable:before { content: "\e42a"; } .material-icons.view_comfy:before { content: "\e42a"; } .material-icons.view_compact:before { content: "\e42b"; } .material-icons.view_day:before { content: "\e8ed"; } .material-icons.view_headline:before { content: "\e8ee"; } .material-icons.view_in_ar:before { content: "\e9fe"; } .material-icons.view_list:before { content: "\e8ef"; } .material-icons.view_module:before { content: "\e8f0"; } .material-icons.view_quilt:before { content: "\e8f1"; } .material-icons.view_sidebar:before { content: "\f114"; } .material-icons.view_stream:before { content: "\e8f2"; } .material-icons.view_week:before { content: "\e8f3"; } .material-icons.vignette:before { content: "\e435"; } .material-icons.visibility:before { content: "\e8f4"; } .material-icons.visibility_off:before { content: "\e8f5"; } .material-icons.voice_chat:before { content: "\e62e"; } .material-icons.voice_over_off:before { content: "\e94a"; } .material-icons.voicemail:before { content: "\e0d9"; } .material-icons.volume_down:before { content: "\e04d"; } .material-icons.volume_mute:before { content: "\e04e"; } .material-icons.volume_off:before { content: "\e04f"; } .material-icons.volume_up:before { content: "\e050"; } .material-icons.volunteer_activism:before { content: "\ea70"; } .material-icons.vpn_key:before { content: "\e0da"; } .material-icons.vpn_lock:before { content: "\e62f"; } .material-icons.wallet_giftcard:before { content: "\e8f6"; } .material-icons.wallet_membership:before { content: "\e8f7"; } .material-icons.wallet_travel:before { content: "\e8f8"; } .material-icons.wallpaper:before { content: "\e1bc"; } .material-icons.warning:before { content: "\e002"; } .material-icons.wash:before { content: "\f1b1"; } .material-icons.watch:before { content: "\e334"; } .material-icons.watch_later:before { content: "\e924"; } .material-icons.water_damage:before { content: "\f203"; } .material-icons.waterfall_chart:before { content: "\ea00"; } .material-icons.waves:before { content: "\e176"; } .material-icons.wb_auto:before { content: "\e42c"; } .material-icons.wb_cloudy:before { content: "\e42d"; } .material-icons.wb_incandescent:before { content: "\e42e"; } .material-icons.wb_iridescent:before { content: "\e436"; } .material-icons.wb_shade:before { content: "\ea01"; } .material-icons.wb_sunny:before { content: "\e430"; } .material-icons.wb_twighlight:before { content: "\ea02"; } .material-icons.wc:before { content: "\e63d"; } .material-icons.web:before { content: "\e051"; } .material-icons.web_asset:before { content: "\e069"; } .material-icons.weekend:before { content: "\e16b"; } .material-icons.west:before { content: "\f1e6"; } .material-icons.whatshot:before { content: "\e80e"; } .material-icons.wheelchair_pickup:before { content: "\f1ab"; } .material-icons.where_to_vote:before { content: "\e177"; } .material-icons.widgets:before { content: "\e1bd"; } .material-icons.wifi:before { content: "\e63e"; } .material-icons.wifi_calling:before { content: "\ef77"; } .material-icons.wifi_lock:before { content: "\e1e1"; } .material-icons.wifi_off:before { content: "\e648"; } .material-icons.wifi_protected_setup:before { content: "\f0fc"; } .material-icons.wifi_tethering:before { content: "\e1e2"; } .material-icons.wine_bar:before { content: "\f1e8"; } .material-icons.work:before { content: "\e8f9"; } .material-icons.work_off:before { content: "\e942"; } .material-icons.work_outline:before { content: "\e943"; } .material-icons.workspaces_filled:before { content: "\ea0d"; } .material-icons.workspaces_outline:before { content: "\ea0f"; } .material-icons.wrap_text:before { content: "\e25b"; } .material-icons.wrong_location:before { content: "\ef78"; } .material-icons.wysiwyg:before { content: "\f1c3"; } .material-icons.youtube_searched_for:before { content: "\e8fa"; } .material-icons.zoom_in:before { content: "\e8ff"; } .material-icons.zoom_out:before { content: "\e900"; } .material-icons.zoom_out_map:before { content: "\e56b"; } body { min-height: 100vh; } pxl-vertical-nav { position: fixed; top: 0; left: 0; height: 100vh; overflow: auto; z-index: 10; } .pxl__main { position: relative; z-index: 1; padding-top: 70px; height: calc(100% - 70px); } .pxl__main.pxl__vertical-nav--open { margin-left: 30rem; width: calc(100% - 30rem); min-width: calc(800px - 30rem); } .pxl__main.pxl__vertical-nav--open .pxl__toolbar-container { margin-left: 30rem; width: calc(100% - 30rem); } .pxl__main.pxl__vertical-nav--closed { margin-left: 7rem; width: calc(100% - 7rem); min-width: calc(800px - 7rem); } .pxl__main.pxl__vertical-nav--closed .pxl__toolbar-container { margin-left: 7rem; width: calc(100% - 7rem); } .pxl__main-nested { position: relative; z-index: 0; } .dp-partial { position: relative; z-index: 0; } .dp-layout--section { display: inline-block; width: 100%; } .dp-layout--section.dp-layout--with-padding { padding: 24px 0; } .dp-layout--section > .dp-button.dp-button--right, .dp-layout--section > .dp-button.dp-button--tooltip---right, .dp-layout--section > .dp-button.dp-menu--right, .dp-layout--section > .dp-button--tooltip.dp-button--right, .dp-layout--section > .dp-button--tooltip.dp-button--tooltip---right, .dp-layout--section > .dp-button--tooltip.dp-menu--right, .dp-layout--section > .dp-menu.dp-button--right, .dp-layout--section > .dp-menu.dp-button--tooltip---right, .dp-layout--section > .dp-menu.dp-menu--right { margin-top: 4px; margin-bottom: 4px; } .dp-layout--section > [class^=dp-typography-display-] > .dp-button.dp-button--right, .dp-layout--section > [class^=dp-typography-display-] > .dp-button.dp-button--tooltip---right, .dp-layout--section > [class^=dp-typography-display-] > .dp-button.dp-menu--right, .dp-layout--section > [class^=dp-typography-display-] > .dp-button--tooltip.dp-button--right, .dp-layout--section > [class^=dp-typography-display-] > .dp-button--tooltip.dp-button--tooltip---right, .dp-layout--section > [class^=dp-typography-display-] > .dp-button--tooltip.dp-menu--right, .dp-layout--section > [class^=dp-typography-display-] > .dp-menu.dp-button--right, .dp-layout--section > [class^=dp-typography-display-] > .dp-menu.dp-button--tooltip---right, .dp-layout--section > [class^=dp-typography-display-] > .dp-menu.dp-menu--right { margin-top: -2px; margin-bottom: -2px; } .dp-layout--section .dp-textfield ~ .dp-button.dp-button--right, .dp-layout--section .dp-textfield ~ .dp-button.dp-button--tooltip---right, .dp-layout--section .dp-textfield ~ .dp-button.dp-menu--right, .dp-layout--section .dp-textfield ~ .dp-button--tooltip.dp-button--right, .dp-layout--section .dp-textfield ~ .dp-button--tooltip.dp-button--tooltip---right, .dp-layout--section .dp-textfield ~ .dp-button--tooltip.dp-menu--right, .dp-layout--section .dp-textfield ~ .dp-menu.dp-button--right, .dp-layout--section .dp-textfield ~ .dp-menu.dp-button--tooltip---right, .dp-layout--section .dp-textfield ~ .dp-menu.dp-menu--right { margin-top: 0; margin-bottom: 0; } .dp-layout--empty { width: 100%; max-width: 744px; padding: 24px 0; margin: 0 auto; text-align: center; } .dp-layout--empty > .material-icons, .dp-layout--empty > div .material-icons { font-size: 24px; margin: 12px 0; } .dp-layout--empty .dp-button, .dp-layout--empty span .dp-button, .dp-layout--empty div .dp-button { margin: 12px !important; } .dp-layout--empty .dp-button.dp-button--inline, .dp-layout--empty span .dp-button.dp-button--inline, .dp-layout--empty div .dp-button.dp-button--inline { margin: 0 !important; } .dp-layout--empty .dp-button .material-icons, .dp-layout--empty span .dp-button .material-icons, .dp-layout--empty div .dp-button .material-icons { font-size: 18px; } .dp-layout--empty .dp-message.dp-message--with-tip { float: none; } .dp-layout--bar { display: block; position: relative; width: 100%; height: auto; min-height: 28px; margin-top: 8px; margin-bottom: 24px; } .dp-layout--bar.dp-layout--bar-inner { margin: 0; margin-top: 24px; } .dp-layout--bar > .dp-typography-display-3 { padding: 2px 0; } .dp-layout--bar .dp-textfield.dp-textfield--filter { max-width: 180px; } .dp-layout--bar .dp-editor.dp-editor--base { margin: 0; margin-top: 24px; } .dp-layout--bar .dp-toggle.dp-toggle--absolute { width: 310px; } .dp-layout--section.dp-layout--with-padding .dp-layout--hr { margin-bottom: 0; } .dp-layout--hr { position: relative; height: 0; margin: 24px 0; border: 0; border-bottom: 1px solid var(--pxl-input-border-color); } .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; padding: 0 12px; color: var(--pxl-primary-tint-06); } .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150%; height: 100%; background: var(--pxl-primary-tint-00); content: ""; z-index: -1; } .dp-layout { color: var(--pxl-color-font); } .dp-layout .dp-layout--head { position: relative; padding: 18px 36px; padding-bottom: 0; background: var(--pxl-primary-tint-00); z-index: 2; } .dp-layout .dp-layout--head.dp-layout--with-border { padding-bottom: 18px; border-bottom: 1px solid var(--pxl-input-border-color); } .dp-layout .dp-layout--head .dp-typography-display-3, .dp-layout .dp-layout--head .dp-typography-list-3 { padding: 2px 0; } .dp-layout .dp-layout--head .dp-button.dp-button--inline.dp-button--bg { display: inline-block !important; padding: 2px 0 !important; } .dp-layout .dp-layout--head .dp-list.dp-list--horizontal { padding: 0; } .dp-layout .dp-layout--head .dp-list.dp-list--horizontal .dp-list--item { padding: 6px 0; } .dp-layout .dp-layout--head---fixed { position: fixed; width: 100%; } .dp-layout .dp-layout--body { position: relative; padding: 36px; } .dp-layout .dp-layout--foot { display: flex; align-items: center; position: relative; padding: 36px 36px 39px; background: var(--pxl-primary-tint-00); border-top: 1px solid var(--pxl-input-border-color); z-index: 1; } .dp-layout .dp-layout--foot .dp-layout--logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; opacity: 0.3; } .dp-layout .dp-layout--foot .dp-typography-list-3 { display: table-cell; vertical-align: middle; width: 50%; float: left; } .dp-layout .dp-layout--foot .dp-typography-list-3:nth-child(odd) { padding: 0 0 0 36px; text-align: left; } .dp-layout .dp-layout--foot .dp-typography-list-3:nth-child(even) { padding: 0 36px 0 0; text-align: right; } .dp-layout--connection .dp-layout .dp-layout--body { padding: 0; } .dp-layout--connection .dp-layout .dp-layout--body .dp-dialog--title { display: none; } .dp-layout--withaside { display: inline-block; width: calc(100% - 372px); min-width: 400px; } .dp-layout--withaside.dp-layout--collapsed-aside { width: calc(100% - 96px); } .dp-layout--aside { display: inline-block; position: relative; width: 372px; min-height: 1px; background: transparent; } .dp-layout--aside.dp-layout--aside---right { float: right; padding: 0 0 0 36px; } .dp-layout--aside.dp-layout--aside---left { float: left; padding: 0 36px 0 0; } .dp-layout--aside .dp-editor.dp-editor--base { margin: 0; } .dp-layout--aside .dp-textfield { width: 100%; max-width: none; margin: 12px 0; } .dp-layout--aside .dp-menu--list { width: 100%; max-width: none; } .dp-layout--split { width: 50%; float: left; } .dp-layout--split.dp-layout--split---left { padding: 0 18px 0 0; } .dp-layout--split.dp-layout--split---right { padding: 0 0 0 18px; } .dp-layout--element { width: 324px; } .dp-layout--element.dp-layout--element---relative { position: relative; } .dp-layout--element.dp-layout--element---fixed { position: fixed; } .dp-layout--element .dp-layout--element---actions { display: block; width: 100%; padding: 12px 0; text-align: center; } .dp-layout--aside---menu .dp-sidebar--scroll, .dp-layout--aside---sidebar .dp-sidebar--scroll, .dp-layout--split .dp-sidebar--scroll { display: block; width: 100%; height: 100%; max-height: calc(100% - 48px); margin: 12px 0; border-radius: 4px; overflow: auto; } .dp-layout--aside---menu .dp-sidebar--scroll.dp-menu--scroll, .dp-layout--aside---sidebar .dp-sidebar--scroll.dp-menu--scroll, .dp-layout--split .dp-sidebar--scroll.dp-menu--scroll { max-height: calc(100vh - 312px); } .dp-layout--aside---menu .dp-sidebar--scroll .dp-list, .dp-layout--aside---sidebar .dp-sidebar--scroll .dp-list, .dp-layout--split .dp-sidebar--scroll .dp-list { padding: 0; } .dp-layout--aside---menu.dp-sidebar--shadow---top .dp-sidebar--scroll, .dp-layout--aside---sidebar.dp-sidebar--shadow---top .dp-sidebar--scroll, .dp-layout--split.dp-sidebar--shadow---top .dp-sidebar--scroll { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 95%, rgba(0, 0, 0, 0.1) 100%); } .dp-layout--aside---menu.dp-sidebar--shadow---both .dp-sidebar--scroll, .dp-layout--aside---sidebar.dp-sidebar--shadow---both .dp-sidebar--scroll, .dp-layout--split.dp-sidebar--shadow---both .dp-sidebar--scroll { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 95%, rgba(0, 0, 0, 0.1) 100%); } .dp-layout--aside---menu.dp-sidebar--shadow---bottom .dp-sidebar--scroll, .dp-layout--aside---sidebar.dp-sidebar--shadow---bottom .dp-sidebar--scroll, .dp-layout--split.dp-sidebar--shadow---bottom .dp-sidebar--scroll { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 95%, rgba(0, 0, 0, 0) 100%); } #fingerprint-diff #project-fingerprint-diff .dp-layout--section.dp-layout--split.dp-layout--split---left { padding-right: 36px; } #fingerprint-diff #project-fingerprint-diff .dp-layout--section.dp-layout--split.dp-layout--split---left.dp-layout--withaside + .dp-layout--section.dp-layout--aside.dp-layout--aside-absolute.dp-layout--aside-absolute-right { width: 50%; } datasource, datasource-policies, datasource-dictionary, datasource-contacts, datasource-relationships, datasource-tasks { display: block; } manage-members, discussions { display: block; width: 100%; } admin-auths { display: block; } #policies-view, policies-advanced-search, global-policy-builder, subscription-policy { display: block; } comment-gutter { display: block; width: 100%; height: 100%; } .dp-layout--section.dp-layout--aside comment-gutter .dp-layout--aside-body { height: calc(100% - 61px) !important; } .dp-layout--section.dp-layout--aside.dp-layout--aside-absolute { position: absolute; top: 0; height: 100%; background: var(--pxl-primary-tint-00); overflow: hidden; } .dp-layout--section.dp-layout--aside.dp-layout--aside-absolute.dp-layout--aside-absolute-right { right: 0; border-left: 1px solid var(--pxl-input-border-color); } .dp-layout--section.dp-layout--aside.dp-layout--aside-absolute.dp-layout--aside-absolute-left { left: 0; border-right: 1px solid var(--pxl-input-border-color); } .dp-layout--section.dp-layout--aside .dp-layout--aside-head, .dp-layout--section.dp-layout--aside .dp-layout--aside-body, .dp-layout--section.dp-layout--aside .dp-layout--aside-foot { position: relative; width: 100%; padding: 12px 24px; } .dp-layout--section.dp-layout--aside .dp-layout--aside-head { min-height: 61px; background: var(--pxl-primary-tint-01); border-bottom: 1px solid var(--pxl-input-border-color); } .dp-layout--section.dp-layout--aside .dp-layout--aside-head .dp-button, .dp-layout--section.dp-layout--aside .dp-layout--aside-head .dp-menu { margin-top: 4px; } .dp-layout--section.dp-layout--aside .dp-layout--aside-head .dp-button .dp-button, .dp-layout--section.dp-layout--aside .dp-layout--aside-head .dp-menu .dp-button { margin: 0; } .dp-layout--section.dp-layout--aside .dp-layout--aside-head .dp-typography-display-3 .material-icons { margin-left: 12px; } .dp-layout--section.dp-layout--aside .dp-layout--aside-body { height: calc(100% - 8rem) !important; overflow: auto; } .dp-layout--section.dp-layout--aside .dp-layout--aside-foot { border-top: 1px solid var(--pxl-input-border-color); text-align: center; } .dp-layout .dp-layout--collapseable { width: calc(100% - 496px) !important; min-width: 702px; margin-right: 532px; } .dp-layout .dp-layout--collapseable.dp-layout--expand { width: calc(100% - 96px) !important; margin-right: 132px; } .dp-layout .dp-layout--collapsed { width: 96px !important; } .dp-layout .dp-layout--expand { width: calc(100% - 96px) !important; } .dp-layout #toggle-button { position: absolute; top: 0; right: 0; margin: 16px 30px; z-index: 1; } .dp-layout #toggle-button + .dp-layout--aside-head { padding-right: 70px; } div.admin, div.governance, profile { display: block; min-height: calc(100vh - 70px); } div.admin .dp-layout, div.governance .dp-layout, profile .dp-layout { position: absolute; width: 100%; height: 100%; } div.admin .dp-layout .dp-layout--head .dp-typography-display-3 .dp-typography--inline, div.governance .dp-layout .dp-layout--head .dp-typography-display-3 .dp-typography--inline, profile .dp-layout .dp-layout--head .dp-typography-display-3 .dp-typography--inline { padding: 0 12px; } div.admin .dp-layout .dp-layout--body, div.governance .dp-layout .dp-layout--body, profile .dp-layout .dp-layout--body { min-height: calc(100% - 80px); } div.admin .dp-layout .dp-layout--body profile-sql-credentials, div.admin .dp-layout .dp-layout--body profile-api-keys, div.admin .dp-layout .dp-layout--body profile-requests, div.governance .dp-layout .dp-layout--body profile-sql-credentials, div.governance .dp-layout .dp-layout--body profile-api-keys, div.governance .dp-layout .dp-layout--body profile-requests, profile .dp-layout .dp-layout--body profile-sql-credentials, profile .dp-layout .dp-layout--body profile-api-keys, profile .dp-layout .dp-layout--body profile-requests { display: block; } div.admin .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside, div.governance .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside, profile .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside { margin-left: 372px; } div.admin .dp-layout .dp-layout--body .dp-layout--section .dp-message:first-child, div.governance .dp-layout .dp-layout--body .dp-layout--section .dp-message:first-child, profile .dp-layout .dp-layout--body .dp-layout--section .dp-message:first-child { padding-bottom: 24px; } div.admin .dp-layout .dp-layout--body .dp-layout--section .dp-message:first-child .dp-message--list .dp-message--item, div.governance .dp-layout .dp-layout--body .dp-layout--section .dp-message:first-child .dp-message--list .dp-message--item, profile .dp-layout .dp-layout--body .dp-layout--section .dp-message:first-child .dp-message--list .dp-message--item { padding: 0; } .header-relative { position: fixed !important; left: 80px; width: 372px; padding: 0; margin: -36px 0; z-index: 3; height: calc(100vh - 70px); transform: translateY(0%); } .header-relative .dp-layout--aside { width: 100%; } .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { height: auto; max-height: calc(100vh - 202px); padding: 18px 24px; } .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body { max-height: calc(100vh - 236px); } .header-unpinned #policies-view .header-relative, .header-unpinned add-project .header-relative, .header-unpinned add-datasource .header-relative, .header-unpinned #config-builder .header-relative { height: 100vh; transform: translateY(-70px); } .header-unpinned #policies-view .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .header-unpinned add-project .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .header-unpinned add-datasource .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .header-unpinned #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { height: auto; max-height: calc(100vh - 132px); } .header-unpinned #policies-view .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .header-unpinned add-project .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .header-unpinned add-datasource .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .header-unpinned #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body { max-height: calc(100vh - 166px); } .header-unpinned #config-builder .header-relative { transform: translateY(-18px); } add-datasource .header-relative, add-project .header-relative { margin: 0; } add-datasource .dp-layout--aside, add-project .dp-layout--aside { width: 100%; } add-datasource .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, add-project .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { height: auto; max-height: calc(100vh - 192px); padding: 18px 24px; } add-datasource .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, add-project .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body { max-height: calc(100vh - 226px); } #config-builder .header-relative { margin: 0; } #config-builder .dp-layout--aside { width: 100%; } #config-builder .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { height: auto; max-height: calc(100vh - 244px); padding: 18px 24px; } app-configuration .dp-layout--head---fixed, #app-configuration-view .dp-layout--head---fixed { position: fixed !important; transform: translateY(0%) !important; top: auto !important; z-index: 2 !important; } app-configuration .dp-layout--head---fixed.headroom--pinned, #app-configuration-view .dp-layout--head---fixed.headroom--pinned { position: fixed !important; transform: translateY(0%) !important; } app-configuration .dp-layout--head---fixed.headroom--unpinned, #app-configuration-view .dp-layout--head---fixed.headroom--unpinned { transform: translateY(-70px) !important; } app-configuration .dp-layout--head---fixed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, #app-configuration-view .dp-layout--head---fixed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { height: auto; max-height: calc(100vh - 122px); } app-configuration #admin-license, app-configuration #app-status, #app-configuration-view #admin-license, #app-configuration-view #app-status { top: 56px; position: relative; } #config-builder .header-relative { margin: 0; transform: translateY(52px); height: calc(100vh - 52px); } #config-builder .dp-layout--aside { width: 100%; } #config-builder .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { height: auto; max-height: calc(100vh - 244px); padding: 18px 24px; } #policies-view .header-relative { top: 106px; left: auto; right: 0; width: 496px; } #policies-view .header-relative.headroom--disabled { display: block; position: relative !important; width: 100%; left: auto; height: auto; margin: 0; transform: translateY(-114px); } #policies-view .header-relative.headroom--disabled .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: none !important; } #policies-view .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 131px); padding: 12px 24px; } .security-banner.top add-datasource, .security-banner.top add-project, .security-banner.bottom add-datasource, .security-banner.bottom add-project { min-height: calc(100vh - 94px); } .security-banner.top add-datasource .headroom, .security-banner.top add-project .headroom, .security-banner.bottom add-datasource .headroom, .security-banner.bottom add-project .headroom { height: calc(100vh - 94px); } .security-banner.top add-datasource .headroom.headroom--unpinned, .security-banner.top add-project .headroom.headroom--unpinned, .security-banner.bottom add-datasource .headroom.headroom--unpinned, .security-banner.bottom add-project .headroom.headroom--unpinned { height: calc(100vh - 24px); } .security-banner.top add-datasource .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.top add-project .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom add-datasource .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom add-project .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 144px); } .security-banner.top add-datasource .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .security-banner.top add-project .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .security-banner.bottom add-datasource .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .security-banner.bottom add-project .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body { max-height: calc(100vh - 178px); } .security-banner.top add-datasource .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.top add-project .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom add-datasource .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom add-project .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 214px); } .security-banner.top add-datasource .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .security-banner.top add-project .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .security-banner.bottom add-datasource .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .security-banner.bottom add-project .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body { max-height: calc(100vh - 248px); } .security-banner.top #policies-view .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #policies-view .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 85px); } .security-banner.top #policies-view .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #policies-view .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 155px); } .security-banner.top #policies-view .dp-layout--body > .header-relative, .security-banner.bottom #policies-view .dp-layout--body > .header-relative { top: unset; } .security-banner.top #config-builder, .security-banner.bottom #config-builder { min-height: calc(100vh - 94px); } .security-banner.top #config-builder .header-relative, .security-banner.top #config-builder .headroom, .security-banner.bottom #config-builder .header-relative, .security-banner.bottom #config-builder .headroom { height: calc(100vh - 146px); } .security-banner.top #config-builder .header-relative.headroom--unpinned, .security-banner.top #config-builder .headroom.headroom--unpinned, .security-banner.bottom #config-builder .header-relative.headroom--unpinned, .security-banner.bottom #config-builder .headroom.headroom--unpinned { height: calc(100vh - 42px); } .security-banner.top #config-builder .header-relative.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.top #config-builder .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #config-builder .header-relative.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #config-builder .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 198px); } .security-banner.top #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.top #config-builder .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #config-builder .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 268px); } .security-banner.top #config-builder .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.top #config-builder .headroom.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #config-builder .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #config-builder .headroom.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 336px) !important; } .security-banner.top #config-builder .header-relative.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.top #config-builder .headroom.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #config-builder .header-relative.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #config-builder .headroom.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 266px) !important; } .security-banner.both add-datasource, .security-banner.both add-project { min-height: calc(100vh - 118px); } .security-banner.both add-datasource .headroom, .security-banner.both add-project .headroom { height: calc(100vh - 118px); } .security-banner.both add-datasource .headroom.headroom--unpinned, .security-banner.both add-project .headroom.headroom--unpinned { height: calc(100vh - 48px); } .security-banner.both add-datasource .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.both add-project .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 168px); } .security-banner.both add-datasource .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .security-banner.both add-project .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body { max-height: calc(100vh - 202px); } .security-banner.both add-datasource .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.both add-project .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 238px); } .security-banner.both add-datasource .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body, .security-banner.both add-project .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head-tall + .dp-layout--aside-body { max-height: calc(100vh - 272px); } .security-banner.both #policies-view .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 109px); } .security-banner.both #policies-view .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 179px); } .security-banner.both #policies-view .dp-layout--body > .header-relative { top: unset; } .security-banner.both #config-builder { min-height: calc(100vh - 118px); } .security-banner.both #config-builder .header-relative, .security-banner.both #config-builder .headroom { height: calc(100vh - 170px); } .security-banner.both #config-builder .header-relative.headroom--unpinned, .security-banner.both #config-builder .headroom.headroom--unpinned { height: calc(100vh - 66px); } .security-banner.both #config-builder .header-relative.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.both #config-builder .headroom.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 222px); } .security-banner.both #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.both #config-builder .headroom .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 292px); } .security-banner.both #config-builder .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.both #config-builder .headroom.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 360px) !important; } .security-banner.both #config-builder .header-relative.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.both #config-builder .headroom.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 290px) !important; } #policy-adjustment { display: block; } #policy-adjustment .dp-layout--section.dp-layout--withaside { width: calc(100% - 300px); margin-left: 300px; } #policy-adjustment .dp-layout--section.dp-layout--withaside.dp-layout--expand { margin-left: 96px; } #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section.dp-layout--withaside { width: calc(100% - 300px); margin: 0; } #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section.dp-layout--aside { width: 300px; } #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section > .dp-message .dp-message--list .dp-message--item { padding: 0; padding-bottom: 24px; } #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section .dp-editor + .dp-message { margin-top: 24px; } #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section .dp-editor + .dp-message .dp-message--list .dp-message--item { padding: 16px 0; } #policy-adjustment .dp-layout--section.dp-layout--aside.dp-layout--aside-base { width: 300px; } #policy-adjustment .dp-layout--section.dp-layout--aside.dp-layout--aside-base .dp-layout--aside-head { background: transparent; } #policy-adjustment .dp-layout--section.dp-layout--aside.dp-layout--aside-base .dp-layout--aside-head .dp-typography-display-3[ng-click] { cursor: pointer; } #policy-adjustment .dp-layout--section.dp-layout--aside.dp-layout--aside-base .dp-layout--aside-head .dp-typography-display-3 .material-icons { margin: 0; } .dp-component--disabled { background: var(--pxl-primary-tint-01); border-color: transparent !important; } .dp-component--disabled:before, .dp-component--disabled:after { display: none; } .dp-component--disabled [class^=dp-typography-], .dp-component--disabled [class*=" dp-typography-"] { color: var(--pxl-primary-tint-06) !important; } .dp-component--disabled .material-icons { fill: var(--pxl-primary-tint-06); } .dp-component--disabled .dp-table thead .dp-table--row .dp-table--cell[ng-click] { color: var(--pxl-primary-tint-06); cursor: default; } .dp-layout--fixed-footer { padding-bottom: 10rem !important; } .dp-layout--resize > .dp-layout--section:hover [class^=rg-], .dp-layout--resize > .dp-layout--section.no-transition [class^=rg-] { opacity: 1; } .dp-layout--resize .dp-layout--section.dp-layout--aside.resizable { width: 372px; min-width: 248px; max-width: 496px; } .dp-layout--resize .dp-layout--section.dp-layout--aside.resizable + .dp-layout--section.dp-layout--withaside { display: flex; width: auto; height: 100%; flex: 1; flex-flow: column nowrap; justify-content: space-around; align-content: space-around; } .dp-layout--resize .dp-layout--section.dp-layout--aside.resizable + .dp-layout--section.dp-layout--withaside > .dp-layout--section { display: flex; height: auto; min-height: 184px; border: none; flex: 1; flex-flow: row nowrap; justify-content: space-around; align-content: space-around; } .dp-layout--resize .dp-layout--section.dp-layout--aside.resizable + .dp-layout--section.dp-layout--withaside > .dp-layout--section.resizable { min-height: 184px; max-height: calc(100% - 184px); flex: 0 0 372px; } .dp-layout--resize .dp-layout--section.dp-layout--aside.resizable + .dp-layout--section.dp-layout--withaside > .dp-layout--section .dp-layout--section { height: 100%; } .dp-layout--resize [class^=rg-] { position: absolute; opacity: 0; z-index: 9; } .dp-layout--resize [class^=rg-]:hover span { background: var(--pxl-primary-tint-05); } .dp-layout--resize [class^=rg-] span { border: 0; margin: 0; -webkit-transition-property: color; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: color; transition-duration: 200ms; transition-timing-function: ease; position: absolute; background: transparent; } .dp-layout--resize [class^=rg-] span:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; box-shadow: var(--pxl-shadow-small); width: 28px; height: 28px; background: var(--pxl-panel-background); border: 1px solid var(--pxl-input-border-color); border-radius: 100px; content: ""; line-height: 28px; text-align: center; z-index: 1; } .dp-layout--resize .dp-layout--resize-horizontal [class^=rg-] { top: 0; width: 12px; height: 100%; margin: 0 -6px; cursor: ew-resize; } .dp-layout--resize .dp-layout--resize-horizontal [class^=rg-].rg-right { right: 0; } .dp-layout--resize .dp-layout--resize-horizontal [class^=rg-].rg-right span:before { content: "\e314"; } .dp-layout--resize .dp-layout--resize-horizontal [class^=rg-].rg-left { left: 0; } .dp-layout--resize .dp-layout--resize-horizontal [class^=rg-].rg-left span:before { content: "\e5cb"; } .dp-layout--resize .dp-layout--resize-horizontal [class^=rg-] span { z-index: 999; top: 0; position: absolute; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; } .dp-layout--resize .dp-layout--resize-vertical [class^=rg-] { left: 0; width: 100%; height: 12px; margin: -6px 0; cursor: ns-resize; } .dp-layout--resize .dp-layout--resize-vertical [class^=rg-].rg-top { top: 0; } .dp-layout--resize .dp-layout--resize-vertical [class^=rg-].rg-top span:before { content: "\e5ce"; } .dp-layout--resize .dp-layout--resize-vertical [class^=rg-].rg-bottom { bottom: 0; } .dp-layout--resize .dp-layout--resize-vertical [class^=rg-].rg-bottom span:before { content: "\e5cf"; } .dp-layout--resize .dp-layout--resize-vertical [class^=rg-] span { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; } @media screen and (max-width: 920px) { add-datasource .dp-layout .dp-layout--body .header-relative, add-datasource .dp-layout .dp-layout--body .headroom, add-project .dp-layout .dp-layout--body .header-relative, add-project .dp-layout .dp-layout--body .headroom, #config-builder .dp-layout .dp-layout--body .header-relative, #config-builder .dp-layout .dp-layout--body .headroom { position: fixed; bottom: 0; width: 100%; border: 0; height: 61px; transform: translateY(0px); } add-datasource .dp-layout .dp-layout--body .header-relative #toggle-button, add-datasource .dp-layout .dp-layout--body .header-relative .dp-layout--aside-head, add-datasource .dp-layout .dp-layout--body .header-relative .dp-layout--aside-body, add-datasource .dp-layout .dp-layout--body .headroom #toggle-button, add-datasource .dp-layout .dp-layout--body .headroom .dp-layout--aside-head, add-datasource .dp-layout .dp-layout--body .headroom .dp-layout--aside-body, add-project .dp-layout .dp-layout--body .header-relative #toggle-button, add-project .dp-layout .dp-layout--body .header-relative .dp-layout--aside-head, add-project .dp-layout .dp-layout--body .header-relative .dp-layout--aside-body, add-project .dp-layout .dp-layout--body .headroom #toggle-button, add-project .dp-layout .dp-layout--body .headroom .dp-layout--aside-head, add-project .dp-layout .dp-layout--body .headroom .dp-layout--aside-body, #config-builder .dp-layout .dp-layout--body .header-relative #toggle-button, #config-builder .dp-layout .dp-layout--body .header-relative .dp-layout--aside-head, #config-builder .dp-layout .dp-layout--body .header-relative .dp-layout--aside-body, #config-builder .dp-layout .dp-layout--body .headroom #toggle-button, #config-builder .dp-layout .dp-layout--body .headroom .dp-layout--aside-head, #config-builder .dp-layout .dp-layout--body .headroom .dp-layout--aside-body { display: none; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-layout--aside, add-datasource .dp-layout .dp-layout--body .headroom .dp-layout--aside, add-project .dp-layout .dp-layout--body .header-relative .dp-layout--aside, add-project .dp-layout .dp-layout--body .headroom .dp-layout--aside, #config-builder .dp-layout .dp-layout--body .header-relative .dp-layout--aside, #config-builder .dp-layout .dp-layout--body .headroom .dp-layout--aside { width: 100% !important; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-layout--aside-foot, add-datasource .dp-layout .dp-layout--body .headroom .dp-layout--aside-foot, add-project .dp-layout .dp-layout--body .header-relative .dp-layout--aside-foot, add-project .dp-layout .dp-layout--body .headroom .dp-layout--aside-foot, #config-builder .dp-layout .dp-layout--body .header-relative .dp-layout--aside-foot, #config-builder .dp-layout .dp-layout--body .headroom .dp-layout--aside-foot { width: calc(100% - 72px); } add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper, add-datasource .dp-layout .dp-layout--body .headroom + .dp-layout--wrapper, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper, add-project .dp-layout .dp-layout--body .headroom + .dp-layout--wrapper, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper, #config-builder .dp-layout .dp-layout--body .headroom + .dp-layout--wrapper { margin-left: 0 !important; } add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner, add-datasource .dp-layout .dp-layout--body .headroom + .dp-layout--wrapper .dp-layout--inner, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner, add-project .dp-layout .dp-layout--body .headroom + .dp-layout--wrapper .dp-layout--inner, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner, #config-builder .dp-layout .dp-layout--body .headroom + .dp-layout--wrapper .dp-layout--inner { padding-bottom: 61px !important; } add-datasource .dp-layout .dp-layout--body .header-relative.headroom--unpinned, add-datasource .dp-layout .dp-layout--body .headroom.headroom--unpinned, add-project .dp-layout .dp-layout--body .header-relative.headroom--unpinned, add-project .dp-layout .dp-layout--body .headroom.headroom--unpinned, #config-builder .dp-layout .dp-layout--body .header-relative.headroom--unpinned, #config-builder .dp-layout .dp-layout--body .headroom.headroom--unpinned { transform: translateY(0px); } add-datasource .dp-layout .dp-layout--body .dp-section .dp-section--header.dp-section--header---sticky, add-project .dp-layout .dp-layout--body .dp-section .dp-section--header.dp-section--header---sticky, #config-builder .dp-layout .dp-layout--body .dp-section .dp-section--header.dp-section--header---sticky { width: calc(100% - 80px); padding: 23px 48px; margin-left: -48px; min-width: 520px; } add-datasource .dp-layout .dp-layout--body .dp-section .dp-section--header.dp-section--header---sticky .dp-button-toggle, add-project .dp-layout .dp-layout--body .dp-section .dp-section--header.dp-section--header---sticky .dp-button-toggle, #config-builder .dp-layout .dp-layout--body .dp-section .dp-section--header.dp-section--header---sticky .dp-button-toggle { right: 48px; } add-datasource .dp-list--flex---breakpoints .dp-list--item, add-project .dp-list--flex---breakpoints .dp-list--item, #config-builder .dp-list--flex---breakpoints .dp-list--item { width: 33.3333333333%; } .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button { padding: 0 10px; } div.admin .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside, div.governance .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside, profile .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside { width: 248px; } div.admin .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside, div.governance .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside, profile .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside { margin-left: 248px; width: calc(100% - 248px); } } @media screen and (max-width: 1174px) { #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section.dp-layout--withaside { width: 100%; } #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section.dp-layout--withaside + .dp-layout--aside.dp-layout--aside---right { float: none; width: 100%; padding: 24px 36px 0 36px; text-align: center; } #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section.dp-layout--withaside + .dp-layout--aside.dp-layout--aside---right .dp-list { margin: 0 auto; text-align: left; } } @media screen and (max-width: 800px) { .pxl__main { padding-top: 0 !important; } } .dp-layout--below-headroom { position: relative; z-index: 1; } .dp-layout--flex-right-rail { flex-basis: 0; min-width: 300px; } #project-view datasource-list { display: block; margin-top: 3rem; } #project-view datasource-list .dp-layout--body { padding: 3rem 0; } #project-view datasource-list .dp-layout--body .dp-typography-display-3 { font-family: var(--pxl-font-family-primary); font-size: 16px; font-weight: 400; line-height: 24px; top: unset; } system-banner .dp-banner { position: fixed; width: 100%; padding: 5px 10px; text-align: center; z-index: 7; } system-banner.dp-banner--top .dp-banner { top: 0; } system-banner.dp-banner--bottom .dp-banner { bottom: 0; } .dp-button { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; display: inline-block; position: relative; height: 40px; padding: 0; margin: 0 12px; background: transparent; border: none; border-radius: 2px; outline: none; overflow: hidden; text-decoration: none !important; text-align: center; line-height: 40px; vertical-align: middle; color: var(--pxl-color-font); -webkit-user-select: text; user-select: text; cursor: pointer; } .dp-button .dp-button--value { display: inline-block; max-width: 100%; padding: 0; } .dp-button:not(.dp-menu--button) .dp-button--value, .dp-button.dropdown-toggle .dp-button--value { padding: 0 16px; } .dp-button:hover { background: var(--pxl-primary-tint-01); text-decoration: none; color: var(--pxl-color-font); -webkit-transition-property: background, border, box-shadow, color; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: background, border, box-shadow, color; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: background, border, box-shadow, color; transition-duration: 200ms; transition-timing-function: ease; } .dp-button:focus, .dp-button:active, .dp-button.active, .dp-button--active { outline: none; text-decoration: none; color: var(--pxl-color-font); } .dp-button:focus { background: var(--pxl-primary-tint-02); } .dp-button:active, .dp-button.active, .dp-button--active { background: var(--pxl-primary-tint-02); } .dp-button[disabled][disabled], .dp-button.dp-button--disabled, .dp-button.disabled { background: var(--pxl-primary-tint-02) !important; border-color: transparent !important; box-shadow: none !important; color: var(--pxl-primary-tint-06) !important; pointer-events: none; cursor: default !important; } .dp-button[disabled][disabled] .material-icons, .dp-button.dp-button--disabled .material-icons, .dp-button.disabled .material-icons { opacity: 0.7; color: var(--pxl-primary-tint-06) !important; } .dp-button[disabled][disabled] .material-icons.dp-button--green, .dp-button.dp-button--disabled .material-icons.dp-button--green, .dp-button.disabled .material-icons.dp-button--green { color: var(--pxl-success-tint-10) !important; } .dp-button.dp-button--color { color: var(--pxl-color-main); } .dp-button.dp-button--color.dp-button--color-variant { color: var(--pxl-primary-tint-00); } .dp-button.dp-button--color.dp-button--color-variant:focus, .dp-button.dp-button--color.dp-button--color-variant:hover { color: var(--pxl-primary-tint-00); background: var(--pxl-primary-tint-08); } .dp-button.dp-button--color .dp-button--value.dp-button--primary, .dp-button.dp-button--color .material-icons.dp-button--primary { color: var(--pxl-color-main); } .dp-button.dp-button--color .dp-button--value.dp-button--white, .dp-button.dp-button--color .material-icons.dp-button--white { color: var(--pxl-primary-tint-00); } .dp-button.dp-button--color .dp-button--value.dp-button--blue, .dp-button.dp-button--color .dp-button--value.ephemeral, .dp-button.dp-button--color .material-icons.dp-button--blue, .dp-button.dp-button--color .material-icons.ephemeral { color: var(--pxl-info-tint-10); } .dp-button.dp-button--color .dp-button--value.dp-button--green, .dp-button.dp-button--color .dp-button--value.passed, .dp-button.dp-button--color .material-icons.dp-button--green, .dp-button.dp-button--color .material-icons.passed { color: var(--pxl-success-tint-10); } .dp-button.dp-button--color .dp-button--value.dp-button--yellow, .dp-button.dp-button--color .dp-button--value.warning, .dp-button.dp-button--color .dp-button--value.skipped, .dp-button.dp-button--color .dp-button--value.pending, .dp-button.dp-button--color .material-icons.dp-button--yellow, .dp-button.dp-button--color .material-icons.warning, .dp-button.dp-button--color .material-icons.skipped, .dp-button.dp-button--color .material-icons.pending { color: var(--pxl-color-yellow-text); } .dp-button.dp-button--color .dp-button--value.dp-button--red, .dp-button.dp-button--color .dp-button--value.failed, .dp-button.dp-button--color .material-icons.dp-button--red, .dp-button.dp-button--color .material-icons.failed { color: var(--pxl-error-tint-10); } .dp-button.dp-button--color .dp-button--value.dp-button--orange, .dp-button.dp-button--color .material-icons.dp-button--orange { color: var(--pxl-color-tag-3); } .dp-button.dp-button--color .dp-button--value.dp-button--purple, .dp-button.dp-button--color .material-icons.dp-button--purple { color: var(--pxl-general-tint-10); } .dp-button.dp-button--color .dp-button--value.dp-button--brand, .dp-button.dp-button--color .material-icons.dp-button--brand { color: var(--pxl-secondary); } .dp-button.dp-button--color.dp-button--red.dp-button--outline { border-color: var(--pxl-error-tint-10); } .dp-button.dp-button--color.dp-button--red:hover { background-color: var(--pxl-error-tint-01); } .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.dp-button--primary { background: var(--pxl-primary-tint-01); } .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.dp-button--blue, .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.ephemeral { background-color: var(--pxl-info-tint-01); } .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.dp-button--green, .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.passed { background-color: var(--pxl-success-tint-01); } .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.dp-button--yellow, .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.warning, .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.skipped, .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.pending { background-color: var(--pxl-warning-tint-01); } .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.dp-button--red, .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.failed { background-color: var(--pxl-error-tint-01); } .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.dp-button--orange { background-color: var(--pxl-color-tag-3-tint-01); } .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.dp-button--purple { background-color: var(--pxl-general-tint-01); } .dp-button.dp-button--color:not(.dp-menu--button):hover .dp-button--value.dp-button--brand { background-color: var(--pxl-secondary-tint-01); } .dp-button.dp-button--outline { line-height: 38px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color) !important; } .dp-button.dp-button--outline:hover { border-color: var(--pxl-primary-tint-05); box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.2); } .dp-button.dp-button--outline:focus { border-color: var(--pxl-primary-tint-06); } .dp-button.dp-button--outline[disabled][disabled], .dp-button.dp-button--outline.dp-button--disabled, .dp-button.dp-button--outline.disabled { color: var(--pxl-primary-tint-06) !important; } .dp-button.dp-button--outline.dp-button--sm { line-height: 32px; } .dp-button.dp-button--outline.dp-button--sm.dp-button--icon { min-width: 40px !important; } .dp-button.dp-button--outline.dp-button--sm.dp-button--icon .material-icons { line-height: 32px; } .dp-button.dp-button--outline.dp-button--bg { line-height: 38px; } .dp-button.dp-button--solid { background: var(--pxl-color-main); color: var(--pxl-primary-tint-00); } .dp-button.dp-button--solid:hover { box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.35); } .dp-button.dp-button--solid:active { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.15), 0 5px 5px -3px rgba(0, 0, 0, 0.05); } .dp-button.dp-button--solid:focus:not(:active) { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.05); } .dp-button.dp-button--solid.dp-button--green { background: var(--pxl-success-tint-10); } .dp-button.dp-button--solid.dp-button--yellow { background: var(--pxl-warning-tint-10); } .dp-button.dp-button--solid.dp-button--red { background: var(--pxl-error-tint-10); } .dp-button.dp-button--solid.dp-button--blue { background: var(--pxl-info-tint-10); } .dp-button.dp-button--nobackground { background: transparent !important; } .dp-button.dp-button--placeholder .dp-button--value { color: var(--pxl-primary-tint-06); } .dp-button.dp-button--icon { min-width: 50px; overflow: visible; } .dp-button.dp-button--icon .material-icons { margin: 0 -1rem 0 2rem; line-height: inherit; vertical-align: top; color: inherit; float: left; } .dp-button.dp-button--icon .dp-button--value + .material-icons { margin: 0; padding: 0; padding-left: 8px; float: right; } .dp-button.dp-button--icon.dp-button--absolute .material-icons, .dp-button.dp-button--icon.dp-button--absolute .dp-initial { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; margin: 0 !important; } .dp-button.dp-button--icon-value { margin: 0 -3px 0 0 !important; } .dp-button.dp-button--icon-value:first-of-type { margin-left: 16px !important; } .dp-button.dp-button--icon-value .material-icons { display: inline-block; line-height: 40px !important; } .dp-button.dp-button--icon-value .dp-button--value { padding-left: 3.5rem; } .dp-button.dp-button--color.dp-button--outline .material-icons.icon-strikethrough:after { background: var(--pxl-color-main); } .dp-button .material-icons.icon-strikethrough:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 2px; margin: -2px 0; background: var(--pxl-primary-tint-00); content: ""; } .dp-button .material-icons.icon-strikethrough:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 2px; margin: 0; background: var(--pxl-primary-tint-09); opacity: 0.65; content: ""; } .dp-button.dp-button--icon.dp-button--absolute .material-icons + .material-icons { position: absolute; top: 0; right: 0; bottom: auto; left: auto; width: 8px; height: 8px; margin: 4px; font-size: 8px; line-height: 1; color: var(--pxl-error-tint-10); transform: none; z-index: 1; } .dp-button.dp-button--icon.dp-button--absolute .material-icons + .material-icons:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; background: var(--pxl-error-tint-10); content: ""; animation: pulse-dot 1.2s ease 2; opacity: 0; } .dp-button.dp-button--sm.dp-button--icon.dp-button--absolute .material-icons + .material-icons { width: 10px; height: 10px; font-size: 10px; margin: -4px !important; } @keyframes pulse-dot { 0% { transform: scale(1, 1); opacity: 0.6; } 50% { opacity: 0.3; } 100% { transform: scale(3); opacity: 0; } } .dp-button.dp-button--description { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; position: relative; width: 100%; min-width: auto; max-width: none; height: auto; padding: 16px 16px 16px 64px; margin: 0; text-align: left; } .dp-button.dp-button--description .material-icons { margin: 0 24px !important; } .dp-button.dp-button--description[disabled][disabled], .dp-button.dp-button--description.dp-button--disabled, .dp-button.dp-button--description.disabled { background: transparent !important; } .dp-button.dp-button--description[disabled][disabled] .dp-notification:before, .dp-button.dp-button--description.dp-button--disabled .dp-notification:before, .dp-button.dp-button--description.disabled .dp-notification:before { color: var(--pxl-primary-tint-06); } .dp-button.dp-button--icon.dp-button--toggle.dp-button--open { right: -372px; margin-left: -52px !important; } .dp-button.dp-button--sm { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; height: 34px; line-height: 34px; } .dp-button.dp-button--sm.dp-button--icon { min-width: 40px !important; } .dp-button.dp-button--sm.dp-button--icon .material-icons { line-height: 34px; } .dp-button.dp-button--bg { font-size: 16px; } .dp-button.dp-button--circular { width: 38px; min-width: auto; border-radius: 20px; } .dp-button.dp-button--vertical { margin: 12px 0; } .dp-button.dp-button--no-margin { margin: 0 !important; } .dp-button.dp-button--right { float: right; margin: 0 0 0 12px; } .dp-button.dp-button--left { float: left; margin: 0 12px 0 0; } .dp-button.dp-button--inactive:disabled, .dp-button.dp-button--inactive[disabled][disabled], .dp-button.dp-button--inactive.dp-button--disabled, .dp-button.dp-button--inactive.disabled { background: transparent !important; color: var(--pxl-color-font) !important; } .dp-button.dp-button--base { height: auto; padding: 0; margin: 0; line-height: 30px; } .dp-button.dp-button--base:hover, .dp-button.dp-button--base:focus, .dp-button.dp-button--base:disabled, .dp-button.dp-button--base[disabled][disabled], .dp-button.dp-button--base.dp-button--disabled, .dp-button.dp-button--base.disabled { background: transparent !important; } .dp-button.dp-button--inline { display: inline !important; width: auto; height: auto; padding: 0 !important; margin: 0 !important; border-bottom: 2px solid transparent; border-radius: 0; font-size: inherit; line-height: inherit; text-align: left; vertical-align: baseline; } .dp-button.dp-button--inline:hover, .dp-button.dp-button--inline:focus { background: transparent; border-color: var(--pxl-action-tint-05); } .dp-button.dp-button--inline:hover.dp-button--primary, .dp-button.dp-button--inline:focus.dp-button--primary { border-color: rgba(var(--pxl-color-main), 0.3); } .dp-button.dp-button--inline:hover.dp-button--blue, .dp-button.dp-button--inline:focus.dp-button--blue { border-color: rgba(var(--pxl-info-tint-10), 0.3); } .dp-button.dp-button--inline:hover.dp-button--green, .dp-button.dp-button--inline:focus.dp-button--green { border-color: rgba(var(--pxl-success-tint-10), 0.3); } .dp-button.dp-button--inline:hover.dp-button--yellow, .dp-button.dp-button--inline:focus.dp-button--yellow { border-color: rgba(var(--pxl-warning-tint-10), 0.3); } .dp-button.dp-button--inline:hover.dp-button--red, .dp-button.dp-button--inline:focus.dp-button--red { border-color: rgba(var(--pxl-error-tint-10), 0.3); } .dp-button.dp-button--inline:active, .dp-button.dp-button--inline--active { background: transparent; } .dp-button.dp-button--inline.read-more, .dp-button.dp-button--inline.read-less { margin-left: 6px !important; line-height: normal; } .dp-button.dp-button--inline.hide { display: none !important; } .dp-button.dp-button--inline.dp-button--sm { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; } .dp-button.dp-button--inline.dp-button--bg { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; } .dp-button .dp-button--value .dp-label { padding: 6px 0; } .dp-list .dp-list--item .dp-button.dp-button--no-ellipsis, .dp-list .dp-menu--item .dp-button.dp-button--no-ellipsis, .dp-list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis, .dp-menu--list .dp-list--item .dp-button.dp-button--no-ellipsis, .dp-menu--list .dp-menu--item .dp-button.dp-button--no-ellipsis, .dp-menu--list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis, .dp-table .dp-list--item .dp-button.dp-button--no-ellipsis, .dp-table .dp-menu--item .dp-button.dp-button--no-ellipsis, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis { height: auto; } .dp-list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-menu--list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-menu--list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-menu--list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-table .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-table .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value { width: max-content; max-width: 100%; } .dp-list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-menu--list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-menu--list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-menu--list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-table .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-table .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value span, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value span { display: inline !important; } .dp-list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value span + span, .dp-list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value span + span, .dp-list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value span + span, .dp-menu--list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value span + span, .dp-menu--list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value span + span, .dp-menu--list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value span + span, .dp-table .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value span + span, .dp-table .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value span + span, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value span + span { margin-left: 6px; } .dp-list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label, .dp-list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label, .dp-list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label, .dp-menu--list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label, .dp-menu--list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label, .dp-menu--list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label, .dp-table .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label, .dp-table .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label { top: -1px; } .dp-list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label .dp-label--value, .dp-list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label .dp-label--value, .dp-list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label .dp-label--value, .dp-menu--list .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label .dp-label--value, .dp-menu--list .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label .dp-label--value, .dp-menu--list tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label .dp-label--value, .dp-table .dp-list--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label .dp-label--value, .dp-table .dp-menu--item .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label .dp-label--value, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--no-ellipsis .dp-button--value .dp-label .dp-label--value { display: inline-block !important; vertical-align: middle; } .dp-button--tooltip { display: inline-block; margin: 0 12px; } .dp-button--tooltip:hover { cursor: pointer; } .dp-button--tooltip.dp-button--tooltip---right { margin: 0 0 0 12px; float: right; } .dp-button--tooltip.dp-button--tooltip---left { margin: 0 12px 0 0; float: left; } .dp-button--tooltip .dp-button { margin: 0; } .dp-menu--list .dp-menu--item > .dp-button.dp-button--delete { padding-right: 48px !important; } .dp-button--deletable { display: inline-flex; align-items: center; justify-items: center; justify-content: center; width: 40px; height: 34px; min-height: auto; margin: 0; background: transparent; border-radius: 2px; text-align: center; z-index: 1; } .dp-button--deletable:hover { background: var(--pxl-primary-tint-01); cursor: pointer; } .dp-button--deletable .material-icons { line-height: 28px; } .mdc-button.dp-button--pulse:before, .mdc-button.dp-button--highlight:before { z-index: auto; } .dp-button--pulse, .dp-button--highlight { position: relative; overflow: visible; } .dp-button--pulse .dp-button--value, .dp-button--pulse .material-icons, .dp-button--highlight .dp-button--value, .dp-button--highlight .material-icons { position: relative; z-index: 1; } .dp-button--pulse:before, .dp-button--highlight:before { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 2px; background: inherit; content: ""; animation: pulse-outer 1.2s ease infinite; opacity: 0; z-index: -1; } .dp-button--pulse[disabled][disabled]:before, .dp-button--pulse.dp-button--disabled:before, .dp-button--pulse.disabled:before, .dp-button--highlight[disabled][disabled]:before, .dp-button--highlight.dp-button--disabled:before, .dp-button--highlight.disabled:before { display: none; } .dp-button--pulse.dp-button--limited:before, .dp-button--highlight.dp-button--limited:before { animation: pulse-outer 1.2s ease 3; } @keyframes pulse-outer { 0% { width: calc(100% + 0rem); height: calc(100% + 0rem); opacity: 0.6; } 50% { opacity: 0.3; } 100% { width: calc(100% + 1.5rem); height: calc(100% + 1.5rem); opacity: 0; } } .dp-button.dp-button--block { display: block; } copyable .dp-button { margin: 0 6px !important; } copyable .material-icons { opacity: 1; font-size: 16px; -webkit-transition-property: opacity, border, box-shadow, color; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: opacity, border, box-shadow, color; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: opacity, border, box-shadow, color; transition-duration: 200ms; transition-timing-function: ease; } copyable .material-icons.ng-hide { opacity: 0; } copyable.dp-copyable--wordbreak .dp-button + div { display: flex; width: calc(100% - 56px); word-break: break-all; } .dp-button.dp-button--nowrap { display: flex; white-space: nowrap; } .dp-button.dp-button--gray { color: var(--pxl-primary-tint-06); } .dp-button.dp-button--gray:hover { color: var(--pxl-color-main); } .dp-button.dp-button--normal-weight { font-weight: 300 !important; } .dp-button.dp-button--wrap { height: auto !important; } .dp-button.dp-button--wrap .dp-button--value .dp-typography-body-2 { margin: -6px 6px 0; font-weight: 300; white-space: nowrap !important; } .dp-button.dp-button--multiline { height: auto !important; } .dp-button.dp-button--multiline .dp-button--value { white-space: initial !important; line-height: 20px; padding: 8px 0; max-width: calc(100% - 30px); } .dp-button.dp-button--multiline:not(.dp-menu--button) .dp-button--value { padding: 3px 16px; } .dp-button.dp-button--context-button { margin: 2px !important; max-width: 100% !important; max-height: 100% !important; min-width: 24px !important; min-height: 24px !important; padding: 0px !important; display: flex; align-items: center; justify-content: center; } input.dp-button { padding: 0 16px; } .ms-ie .dp-button--deletable .material-icons, .ms-edge .dp-button--deletable .material-icons { line-height: 38px; } .dp-card { box-shadow: var(--pxl-shadow-small); display: inline-block; width: 372px; padding: 0; margin: 0 auto; background: var(--pxl-panel-background); border: 1px solid var(--pxl-panel-border-color); border-radius: 2px; text-align: left; } .dp-card .dp-card--content { height: auto; max-height: 248px; padding: 12px; overflow-y: auto; } .dp-card .dp-card--content .dp-card--title, .dp-card .dp-card--content .dp-card--title-sm, .dp-card .dp-card--content .dp-card--subtitle, .dp-card .dp-card--content .dp-card--text { width: calc(100% - 24px); padding: 3px 0; margin: 0 12px; } .dp-card .dp-card--content .dp-card--title { font-family: var(--pxl-font-family-primary); font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; font-size: 20px !important; } .dp-card .dp-card--content .dp-card--title-sm { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 400 !important; line-height: 24px !important; } .dp-card .dp-card--content .dp-card--title, .dp-card .dp-card--content .dp-card--title-sm { color: var(--pxl-color-font); } .dp-card .dp-card--content .dp-card--subtitle { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; color: var(--pxl-primary-tint-06); } .dp-card .dp-card--content .dp-card--text { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; color: var(--pxl-color-font); } .dp-card .dp-card--content .dp-card--text.showdown-documentation { padding: 0; } .dp-card .dp-card--content .dp-list { width: calc(100% - 12px); padding: 0; margin: 0 6px; color: var(--pxl-color-font); } .dp-card .dp-card--content .dp-list.dp-list--horizontal { margin: 12px 6px; } .dp-card .dp-card--content .dp-list.dp-list--with-background { background: var(--pxl-color-panel-hover); } .dp-card .dp-card--content .dp-form { width: calc(100% - 12px); margin: 0 12px; } .dp-card .dp-card--actions { padding: 9px 0; border-top: 1px solid var(--pxl-panel-border-color); text-align: center; } .dp-label.dp-label--right { margin: 0 0 0 12px; float: right; } .dp-label.dp-label--left { margin: 0 12px 0 0; float: left; } .dp-card#popover-content-health .dp-card--content { max-height: calc(100vh - 248px); min-height: 248px; padding-top: 0; padding-bottom: 0; } .dp-card#popover-content-health .dp-card--content .dp-card--divider { padding: 12px; margin: 0 -12px; border-bottom: 1px solid var(--pxl-panel-border-color); } .dp-card#popover-content-health .dp-card--content .dp-card--divider:last-child { border-color: transparent; } .dp-card#popover-content-health .dp-card--content .dp-card--divider .dp-card--title-sm .dp-button { margin: -5px -12px; font-weight: 300; } .dp-card#popover-content-health .dp-card--content .dp-card--divider .dp-card--title-sm .dp-button + .dp-button { margin: -5px 12px -5px 0; } .dp-card#popover-content-health .dp-card--content .dp-card--divider .dp-list .dp-list--sub:empty { display: none; } .dp-card#view-pending-evolution-requests-card { width: auto; } .dp-card#view-pending-evolution-requests-card .dp-card--content { min-width: 472px; } .dp-card.dp-card--no-max .dp-card--content { max-height: none; } popover-entity-status { display: block; } view-pending-requests { display: block; } .popover { width: 100%; max-width: 372px; background: transparent; border: none; border-radius: inherit; box-shadow: none; padding: 0; margin: 0 !important; font-family: inherit; z-index: 9999; } .popover .arrow { display: none; } .popover .popover-content { color: var(--pxl-color-font); padding: 0; } .popover .dp-dialog { max-width: 372px; margin: 0; box-shadow: none; } .mat-mdc-card { --mdc-elevated-card-container-shape: 0.25rem !important; --mdc-elevated-card-container-color: var(--pxl-primary-tint-00) !important; margin-bottom: 2rem; box-shadow: none !important; border: 1px solid var(--pxl-input-border-color) !important; } .mat-mdc-card h4 { margin-bottom: 0 !important; } .mat-mdc-card .mat-mdc-card-actions { display: inline-block; position: absolute; top: 2rem; right: 2rem; padding: 0; margin: 0; } .mat-mdc-card .mat-mdc-card-title { --mat-card-title-text-size: 2rem !important; } .mat-mdc-card .mat-mdc-card-content { padding: 2rem; border-top: 1px solid var(--pxl-input-border-color); } .mat-mdc-card .mat-mdc-card-content .mat-h4 { font-size: 2rem !important; } .mat-mdc-card .mat-mdc-card-content:first-of-type { border-top: none; padding-top: 0; } .mat-mdc-card .mat-mdc-card-content kendo-grid { display: block; margin: 0 -2rem; } .mat-mdc-card .mat-mdc-card-content kendo-grid.k-grid { border-left: 0 !important; border-right: 0 !important; } .mat-mdc-card .mat-mdc-card-content .pxl-filter-row [class^=pxl-col-] { padding-top: 0 !important; padding-bottom: 0 !important; } .mat-mdc-card .mat-mdc-card-content .pxl-filter-row pxl-search-input .mat-mdc-form-field-subscript-wrapper, .mat-mdc-card .mat-mdc-card-content .pxl-filter-row pxl-search-input .mat-mdc-form-field-bottom-align::before { display: none !important; } .mat-mdc-card .mat-mdc-card-content .pxl-filter-row pxl-chip-filter { position: relative; top: 0.125rem; } .mat-mdc-card .mat-mdc-card-footer { border-top: 1px solid var(--pxl-input-border-color); padding: 2rem; display: flex; align-items: center; justify-content: start; } .dp-chart { margin: 24px 0; } .dp-chart--wrapper { position: relative; } chart-legend { display: block; text-align: center; } chart-legend ul { display: inline-block; width: auto; } chart-legend ul li { display: table-cell; padding: 0 12px; } chart-legend ul li .line-legend-icon { display: inline-block; width: 12px; height: 12px; margin: 0 12px; border-radius: 100px; } chart-legend ul li .line-legend-text { font-size: 14px; font-weight: 400; } .k-tooltip-date { padding: 0.75rem 1rem 1.5rem; } .k-tooltip-date .k-tooltip-time { margin-top: 0.25rem; font-size: 13px; color: var(--pxl-primary-tint-02); } .k-tooltip-item { display: flex; flex-direction: row; padding: 0.75rem 1rem; } .k-tooltip-item:last-of-type { margin-bottom: 1.5rem; } .k-tooltip-item .k-tooltip-item-color { display: flex; width: 2rem; margin-right: 2rem; height: 3px; flex-direction: column; margin-top: 1.25rem; } .k-tooltip-item .k-tooltip-item-name { display: flex; flex-direction: column; flex-grow: 1; align-items: flex-start; width: 14rem; } .k-tooltip-item .k-tooltip-item-value { display: flex; flex-direction: column; align-items: flex-end; width: 6rem; } .dp-checkbox { display: block; position: relative; padding: 6px 0; vertical-align: middle; } .dp-checkbox .dp-checkbox--input { position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label { display: inline-block; position: relative; width: auto; min-width: 24px; height: 100%; min-height: 26px; padding: 0 0 0 42px; margin: 0; line-height: 26px; cursor: pointer; -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .material-icons { margin-left: 12px; line-height: inherit; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-label { margin: 1px 0 1px 12px; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before { display: inline-block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 2px; box-shadow: 0 0 0 1px var(--pxl-primary-tint-03); outline: none; padding: 0; margin: 1px; font-family: "Material Icons"; font-size: 14px; line-height: 22px; text-align: center; content: "\e5ca"; color: transparent; -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label.dp-checkbox--label-top-auto:before { top: auto; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label.dp-checkbox--label-no-padding { padding: 0 0 0 26px; height: 26px; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label.dp-checkbox--label-context-height { height: 48px; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover .dp-checkbox--value, .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus .dp-checkbox--value { color: var(--pxl-color-primary-reverse); } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before { border-color: var(--pxl-color-main); box-shadow: 0 0 0 1px var(--pxl-primary-tint-05); } .dp-checkbox .dp-checkbox--input:hover + .dp-checkbox--label .dp-checkbox--value, .dp-checkbox .dp-checkbox--input:focus + .dp-checkbox--label .dp-checkbox--value { color: var(--pxl-color-primary-reverse); } .dp-checkbox .dp-checkbox--input:hover + .dp-checkbox--label:before, .dp-checkbox .dp-checkbox--input:focus + .dp-checkbox--label:before { border-color: var(--pxl-color-main); box-shadow: 0 0 0 1px var(--pxl-primary-tint-05); } .dp-checkbox .dp-checkbox--input:focus + .dp-checkbox--label:before { box-shadow: 0 0 0 1px var(--pxl-primary-tint-05), 0 0 0 4px var(--pxl-focus); } .dp-checkbox .dp-checkbox--input:checked + .dp-checkbox--label:before { background: var(--pxl-color-main); border-color: var(--pxl-color-main); box-shadow: 0 0 0 1px var(--pxl-primary-tint-05); color: var(--pxl-primary-tint-00); } .dp-checkbox .dp-checkbox--input:checked + .dp-checkbox--label .dp-checkbox--value { color: var(--pxl-color-primary-reverse); } .dp-checkbox .dp-checkbox--input:disabled + .dp-checkbox--label { color: var(--pxl-primary-tint-06); cursor: default; } .dp-checkbox .dp-checkbox--input:disabled + .dp-checkbox--label:before { background: var(--pxl-primary-tint-01); } .dp-checkbox .dp-checkbox--input:disabled + .dp-checkbox--label:hover:before { border: 1px solid var(--pxl-input-border-color); box-shadow: 0 0 0 1px var(--pxl-primary-tint-03); } .dp-checkbox .dp-checkbox--input:disabled + .dp-checkbox--label .dp-checkbox--value { color: var(--pxl-primary-tint-06) !important; } .dp-checkbox .dp-checkbox--input:disabled + .dp-checkbox--label .dp-checkbox--value:after { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; margin-left: 12px; line-height: 24px; content: "\e897"; } .dp-checkbox .dp-checkbox--input:disabled:checked + .dp-checkbox--label:before { border: 1px solid var(--pxl-input-border-color); box-shadow: 0 0 0 1px var(--pxl-primary-tint-03); color: var(--pxl-primary-tint-06); } .dp-checkbox .dp-checkbox--input.dp-checkbox--deselect:checked + .dp-checkbox--label:before { border-color: var(--pxl-color-main); box-shadow: 0 0 0 1px var(--pxl-primary-tint-05); content: "\e15b"; color: var(--pxl-primary-tint-00); } .dp-checkbox .dp-checkbox--input:disabled:checked + .dp-checkbox--label:before, .dp-checkbox .dp-checkbox--input.dp-checkbox--deselect:disabled:checked + .dp-checkbox--label:before { color: var(--pxl-primary-tint-06) !important; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, .dp-checkbox .dp-checkbox--input.dp-checkbox--deselect + .dp-checkbox--label { color: var(--pxl-primary-tint-09); } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input.dp-checkbox--deselect + .dp-checkbox--label:before { color: transparent !important; } .dp-checkbox .dp-checkbox--input:not(:checked) + .dp-checkbox--label:hover .dp-checkbox--value, .dp-checkbox .dp-checkbox--input:not(:checked) + .dp-checkbox--label:focus .dp-checkbox--value, .dp-checkbox .dp-checkbox--input:not(:checked):hover + .dp-checkbox--label .dp-checkbox--value, .dp-checkbox .dp-checkbox--input:not(:checked):focus + .dp-checkbox--label .dp-checkbox--value { color: var(--pxl-primary-tint-09) !important; } .dp-checkbox.dp-checkbox--block { display: block; width: 100%; } .dp-checkbox.dp-checkbox--inline { display: inline-block; width: auto; white-space: nowrap; } .dp-checkbox .dp-checkbox--description { margin-left: 42px; } .dp-checkbox--head { margin: 0 16px; } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value + .dp-checkbox--description { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: inline-block; padding-top: 6px; color: var(--pxl-primary-tint-06); } .dp-checkbox .dp-checkbox--input + .dp-checkbox--label + .dp-label { margin: 0; margin-left: 12px; vertical-align: bottom; } .ms-ie .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, .ms-edge .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before { box-shadow: none; } .dp-chip { display: inline-flex !important; position: relative; width: auto; max-width: 100%; height: 28px; line-height: 26px; padding: 0 6px; margin: 6px; background: var(--pxl-color-tag-background); border: 1px solid var(--pxl-primary-tint-04); border-radius: 100px; outline: none; vertical-align: middle; -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-chip .dp-chip--text { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; display: inline-block; width: auto; max-width: 100%; padding: 0 6px; color: var(--pxl-color-font); } .dp-chip .dp-chip--action { display: inline-block; padding: 0 9px; margin: -1px -7px -1px 6px; background: var(--pxl-color-tag-background); border: none; border: 1px solid var(--pxl-primary-tint-04); outline: none; text-align: center; text-decoration: none; color: var(--pxl-action-tint-10); cursor: pointer; -webkit-transition-property: color; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: color; transition-duration: 200ms; transition-timing-function: ease; border-radius: 0 100px 100px 0; } .dp-chip .dp-chip--action:hover { background: var(--pxl-color-tag-background-hover); color: var(--pxl-action-color-hover); } .dp-chip .dp-chip--icon.dp-chip--icon-warning { color: var(--pxl-color-tag-3); } .dp-chip .dp-chip--icon .material-icons { font-size: 16px; line-height: 26px; } .dp-chip.dp-chip--with-button:hover { box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.2); background: var(--pxl-accent1-tint-09); } .dp-chip.dp-chip--with-button .dp-chip--text { max-width: calc(100% - 18px); } condensed-tag { display: inline-block; } .dp-chip.dp-chip--topology:hover { box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.2); cursor: pointer; } .dp-chip.dp-chip--topology .dp-chip--text:nth-child(even) { min-width: 24px; max-width: none; text-align: center; } .dp-chip[pxlTooltip]:hover { box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.2); cursor: pointer; } .dp-chip { transition: none; } .dp-chip.dp-chip--base { height: auto; background: transparent; border: none; } .dp-chip.dp-chip--base:first-child:before { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: inline-block; position: absolute; width: auto; right: calc(100% + 6px); white-space: nowrap; content: attr(prefix); } .dp-chip.dp-chip--base:after { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; position: absolute; right: -12px; content: "/"; } .dp-chip.dp-chip--base:hover { box-shadow: none; cursor: pointer; } .dp-chip.dp-chip--base .dp-chip--text { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; padding: 0; color: var(--pxl-action-tint-10); } .dp-chip.dp-chip--base .dp-chip--action { padding: 0; margin: 0; margin-left: 6px; border: none; } .dp-chip.dp-chip--disabled .dp-chip--text:nth-child(1), .dp-chip.dp-chip--disabled .dp-chip--text:nth-child(3) { color: var(--pxl-primary-tint-06); text-decoration: line-through; } .dp-chip.dp-chip--with-button:hover, .dp-chip.dp-chip--topology:hover, .dp-chip[uib-tooltip]:hover { background: var(--pxl-color-tag-background); box-shadow: none; } .ms-ie .dp-chip.dp-chip--with-button, .ms-edge .dp-chip.dp-chip--with-button { padding: 0 12px; } .ms-ie .dp-chip.dp-chip--with-button .dp-chip--text, .ms-edge .dp-chip.dp-chip--with-button .dp-chip--text { max-width: none; } bs-datepicker-container { z-index: 1050; } bs-datepicker-container .bs-datepicker { border-radius: 2px; } bs-datepicker-container .bs-datepicker .bs-datepicker-container { padding: 0; } bs-datepicker-container .bs-datepicker .bs-datepicker-head { background-color: var(--pxl-primary-tint-00); font-size: 14px; } bs-datepicker-container .bs-datepicker .bs-datepicker-head .previous { display: none; } bs-datepicker-container .bs-datepicker .bs-datepicker-head .current { color: var(--pxl-color-font); font-weight: 400; vertical-align: middle; transition: none; } bs-datepicker-container .bs-datepicker .bs-datepicker-head .current:hover { background: var(--pxl-primary-tint-01); border-radius: 2px; } bs-datepicker-container .bs-datepicker .bs-datepicker-head .next { display: none; } bs-datepicker-container .bs-datepicker .bs-datepicker-body { width: 372px; padding: 6px; margin: 0 auto; background: var(--pxl-primary-tint-00); border-radius: 2px; font-size: 14px; border: none; } bs-datepicker-container .bs-datepicker .bs-datepicker-body table thead th, bs-datepicker-container .bs-datepicker .bs-datepicker-body table tbody th { color: var(--pxl-primary-tint-06); cursor: default; font-size: 13px; line-height: 28px; } bs-datepicker-container .bs-datepicker .bs-datepicker-body table thead td span, bs-datepicker-container .bs-datepicker .bs-datepicker-body table tbody td span { color: var(--pxl-color-font); font-weight: 400; vertical-align: middle; border-radius: 2px; font-size: 14px; -webkit-transition-property: background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: background; transition-duration: 200ms; transition-timing-function: ease; } bs-datepicker-container .bs-datepicker .bs-datepicker-body table thead td span:hover, bs-datepicker-container .bs-datepicker .bs-datepicker-body table tbody td span:hover { background: var(--pxl-primary-tint-01) !important; } bs-datepicker-container .bs-datepicker .bs-datepicker-body table thead td span.selected, bs-datepicker-container .bs-datepicker .bs-datepicker-body table thead td span.highlighted, bs-datepicker-container .bs-datepicker .bs-datepicker-body table tbody td span.selected, bs-datepicker-container .bs-datepicker .bs-datepicker-body table tbody td span.highlighted { background: var(--pxl-primary-tint-02); text-shadow: none; color: var(--pxl-color-main); } bs-datepicker-container .bs-datepicker .bs-datepicker-body table thead td span.disabled, bs-datepicker-container .bs-datepicker .bs-datepicker-body table tbody td span.disabled { color: var(--pxl-primary-tint-06); opacity: 0.7; } bs-datepicker-container .bs-datepicker .bs-datepicker-body table thead td span.disabled:hover, bs-datepicker-container .bs-datepicker .bs-datepicker-body table tbody td span.disabled:hover { color: var(--pxl-primary-tint-06); } bs-datepicker-container .bs-datepicker .bs-datepicker-body table thead td:hover span, bs-datepicker-container .bs-datepicker .bs-datepicker-body table tbody td:hover span { background: var(--pxl-primary-tint-01) !important; } .dp-dialog .dp-menu, .dp-dialog .dp-textfield { width: 100%; max-width: none; } .dp-dialog .dp-menu .dp-textfield--input, .dp-dialog .dp-menu .dp-menu--button, .dp-dialog .dp-menu .dp-menu--list, .dp-dialog .dp-textfield .dp-textfield--input, .dp-dialog .dp-textfield .dp-menu--button, .dp-dialog .dp-textfield .dp-menu--list { width: 100%; } .dp-dialog .dp-menu--list .dp-menu--item .dp-checkbox { max-width: none; } .dp-dialog { box-shadow: var(--pxl-shadow-small); display: inline-block; width: 100%; padding: 0; margin: 0; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 2px; text-align: left; } .dp-dialog .dp-dialog--content { color: var(--pxl-color-font); height: auto; min-height: 132px; max-height: calc(100vh - 180px); padding: 12px 24px; overflow: auto; } .dp-dialog .dp-dialog--content .dp-dialog--title, .dp-dialog .dp-dialog--content .dp-dialog--subtitle, .dp-dialog .dp-dialog--content .dp-dialog--text { padding: 6px 0; } .dp-dialog .dp-dialog--content .dp-dialog--title { font-family: var(--pxl-font-family-primary); font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; font-family: var(--pxl-font-family-primary) !important; font-size: 26px !important; } .dp-dialog .dp-dialog--content .dp-dialog--title.dp-dialog--title-red { padding: 16px 32px; border: 1px solid var(--pxl-color-main); border-radius: 2px; background: var(--pxl-error-tint-02); border-color: var(--pxl-error-tint-10); } .dp-dialog .dp-dialog--content .dp-dialog--subtitle { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; color: var(--pxl-primary-tint-06); } .dp-dialog .dp-dialog--content .dp-dialog--text { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; } .dp-dialog .dp-dialog--content .dp-dialog--text.dp-dialog--text-red { padding: 16px 32px; border: 1px solid var(--pxl-color-main); border-radius: 2px; background: var(--pxl-error-tint-02); border-color: var(--pxl-error-tint-10); } .dp-dialog .dp-dialog--actions { padding: 12px 24px; border-top: 1px solid var(--pxl-input-border-color); text-align: center; } .dp-dialog .dp-dialog--actions .dp-messages { margin-top: -10px; } .dp-dialog .dp-dialog--content .dp-tab.dp-tab--offset { width: calc(100% + 48px); padding: 0 24px; margin: 0 -24px; } .dp-dialog .dp-dialog--content .dp-tab + .dp-table--wrap { margin: 24px 0; } .modal .modal-dialog.modal-full { width: calc(100% - 96px); } .modal .modal-dialog.modal-full .dp-dialog { height: 100%; } .modal .modal-dialog.modal-full .dp-dialog .dp-dialog--content { height: calc(100% - 82px); overflow: auto; min-height: 372px; } .modal .modal-dialog.modal-full .dp-dialog .dp-dialog--content .dp-layout--section { height: calc(100% - 48px); } .modal .modal-dialog.modal-full-width { width: calc(100% - 96px); } .modal .modal-dialog.modal-full-width .dp-dialog .dp-dialog--content { min-height: 372px; } @media screen and (min-width: 800px) { .modal-dialog { width: 672px; margin: 48px auto; } } @media screen and (max-width: 800px) { .modal-dialog { width: auto; margin: 48px; } } add-project { display: block; } #new-project-dialog .dp-dialog--content add-datasource, #workspace-dialog .dp-dialog--content add-datasource, #edit-connection-dialog .dp-dialog--content add-datasource { min-height: auto; } #new-project-dialog .dp-dialog--content add-datasource #create-view .dp-layout--body .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3:before, #workspace-dialog .dp-dialog--content add-datasource #create-view .dp-layout--body .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3:before, #edit-connection-dialog .dp-dialog--content add-datasource #create-view .dp-layout--body .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3:before { display: none; } #edit-connection-dialog .dp-dialog--content { max-height: calc(100vh - 98px); padding: 0; overflow: visible; } #edit-connection-dialog .dp-dialog--content add-datasource #create-view { max-height: calc(100vh - 181px); padding: 12px 24px; overflow: auto; } .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions + .dp-menu--list { width: 100%; max-width: calc(100% - 48px); } .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions + .dp-menu--list + .dp-menu--list { width: 100%; max-width: calc(100% - 100px); } .modal .modal-dialog .dp-menu--list { width: 100%; max-width: calc(100% - 48px); } .modal .modal-dialog .dp-menu--list + .dp-menu--list { width: 100%; max-width: calc(100% - 100px); } .modal .modal-dialog { height: 100%; max-height: calc(100vh - 96px); max-width: none; } .modal .modal-dialog .modal-content { height: 100%; max-height: 100%; background: transparent; border: none; border-radius: 0; box-shadow: none; } .modal-backdrop { background: rgba(0, 0, 0, 0.8) !important; opacity: 1 !important; z-index: 1040 !important; } .modal.behind-spinner { z-index: 1048 !important; } .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions { position: relative; } .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions.dp-dialog--actions-flex { display: flex; } .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions.dp-dialog--actions-flex span { flex-grow: 1; position: relative; } .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions.dp-dialog--actions-flex .dp-button--inline { flex-shrink: 1; position: absolute; top: 50%; right: 0; text-align: right; font-size: 14px; line-height: 18px; transform: translateY(-50%); max-width: 80%; } .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions.dp-dialog--actions-flex .dp-button--inline:hover, .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions.dp-dialog--actions-flex .dp-button--inline:focus { background: transparent; border-color: transparent; text-decoration: underline !important; text-decoration-color: var(--pxl-action-tint-01) !important; text-decoration-thickness: 2px !important; } @media screen and (max-width: 800px) { .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions .dp-button--inline { max-width: 100%; } .modal .modal-dialog .modal-content .dp-dialog .dp-dialog--content + .dp-dialog--actions .dp-button--inline .dp-button--hide-break { display: none; } } .dp-editor { display: inline-block; position: relative; width: 100%; } .dp-editor--base { display: block; width: 100%; border: 1px solid var(--pxl-input-border-color); border-radius: 2px; padding: 0; margin: 12px 0; } .dp-editor--base .dp-editor--head { border-bottom: 1px solid var(--pxl-input-border-color); padding: 12px 24px; } .dp-editor--base .dp-editor--body { padding: 12px 24px; } .dp-editor--base .dp-editor--foot { border-top: 1px solid var(--pxl-input-border-color); padding: 0 24px; text-align: center; } .dp-editor--base .dp-editor--foot .dp-button { margin: 12px; } .dp-editor--base .dp-editor--no-border { border: none; } .dp-editor--base .dp-typography-list-1, .dp-editor--base .dp-typography-list-2, .dp-editor--base .dp-typography-list-3 { display: inline-block; } .dp-editor--base .dp-label { margin: 6px 0; } .dp-editor--base .dp-form .dp-fieldset .dp-textfield, .dp-editor--base .dp-form .dp-fieldset .dp-menu, .dp-editor--base .dp-form .dp-fieldset file-input { margin: 12px auto; } .dp-editor--base .dp-form .dp-fieldset .dp-textfield.dp-textfield--input, .dp-editor--base .dp-form .dp-fieldset .dp-textfield.dp-menu--button, .dp-editor--base .dp-form .dp-fieldset .dp-textfield.dp-menu--list, .dp-editor--base .dp-form .dp-fieldset .dp-menu.dp-textfield--input, .dp-editor--base .dp-form .dp-fieldset .dp-menu.dp-menu--button, .dp-editor--base .dp-form .dp-fieldset .dp-menu.dp-menu--list, .dp-editor--base .dp-form .dp-fieldset file-input.dp-textfield--input, .dp-editor--base .dp-form .dp-fieldset file-input.dp-menu--button, .dp-editor--base .dp-form .dp-fieldset file-input.dp-menu--list { width: 100%; max-width: none; } .dp-editor--base .dp-form .dp-fieldset .dp-textfield.dp-textfield--input .dp-menu--item .dp-button, .dp-editor--base .dp-form .dp-fieldset .dp-textfield.dp-menu--button .dp-menu--item .dp-button, .dp-editor--base .dp-form .dp-fieldset .dp-textfield.dp-menu--list .dp-menu--item .dp-button, .dp-editor--base .dp-form .dp-fieldset .dp-menu.dp-textfield--input .dp-menu--item .dp-button, .dp-editor--base .dp-form .dp-fieldset .dp-menu.dp-menu--button .dp-menu--item .dp-button, .dp-editor--base .dp-form .dp-fieldset .dp-menu.dp-menu--list .dp-menu--item .dp-button, .dp-editor--base .dp-form .dp-fieldset file-input.dp-textfield--input .dp-menu--item .dp-button, .dp-editor--base .dp-form .dp-fieldset file-input.dp-menu--button .dp-menu--item .dp-button, .dp-editor--base .dp-form .dp-fieldset file-input.dp-menu--list .dp-menu--item .dp-button { width: calc(100% - 12px); } .dp-editor--base .dp-form .dp-fieldset .dp-textfield.dp-textfield--textarea, .dp-editor--base .dp-form .dp-fieldset .dp-menu.dp-textfield--textarea, .dp-editor--base .dp-form .dp-fieldset file-input.dp-textfield--textarea { margin: 0; } .dp-editor--base .dp-form .dp-fieldset .dp-textfield .dp-editor--showdown, .dp-editor--base .dp-form .dp-fieldset .dp-menu .dp-editor--showdown, .dp-editor--base .dp-form .dp-fieldset file-input .dp-editor--showdown { margin: 0; } .dp-editor--base .dp-table tbody .dp-table--row .dp-table--cell > .dp-textfield, .dp-editor--base .dp-table tbody .dp-table--row .dp-table--cell > span .dp-textfield, .dp-editor--base .dp-table tbody .dp-table--row .dp-table--cell > div .dp-textfield, .dp-editor--base .dp-table tbody .dp-table--row .dp-table--cell > .dp-menu, .dp-editor--base .dp-table tbody .dp-table--row .dp-table--cell > span .dp-menu, .dp-editor--base .dp-table tbody .dp-table--row .dp-table--cell > div .dp-menu { min-width: auto; } .dp-editor--base .dp-typography-snippet pre, .dp-editor--base .dp-typography-snippet .pre { margin: 12px 0; } .dp-editor--padding { padding: 12px 24px; } .dp-editor--margin { margin: 24px 0; } .dp-editor--no-margin { margin: 0; } .dp-editor--disabled .dp-editor .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions { display: none; } md-editor { display: block; width: 100%; } .dp-editor.dp-editor--showdown .dp-editor--bar { min-height: 50px; padding: 6px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); } .dp-editor.dp-editor--showdown .dp-editor--bar.dp-editor--bar---top { border-bottom: none; border-radius: 2px 2px 0 0; } .dp-editor.dp-editor--showdown .dp-editor--bar.dp-editor--bar---bottom { border-top: none; border-radius: 0 0 2px 2px; } .dp-editor.dp-editor--showdown .dp-editor--bar .dp-editor--group { display: inline-block; height: 28px; padding: 0; float: left; } .dp-editor.dp-editor--showdown .dp-editor--bar .dp-editor--group.dp-editor--right { float: right; } .dp-editor.dp-editor--showdown .dp-editor--bar .dp-editor--group .dp-button, .dp-editor.dp-editor--showdown .dp-editor--bar .dp-editor--group .dp-menu { vertical-align: top; } .dp-editor.dp-editor--showdown .dp-editor--bar .dp-editor--group .dp-button { margin: 0; float: left; } .dp-editor.dp-editor--showdown .dp-editor--bar .dp-editor--group .dp-button i { color: inherit !important; } .dp-editor.dp-editor--showdown .dp-editor--bar .dp-editor--group .dp-menu { width: auto !important; min-width: auto !important; margin: 0 !important; display: inline-block !important; } .dp-editor.dp-editor--showdown .dp-editor--bar .dp-editor--group .dp-menu .dp-menu--list { width: auto !important; } .dp-editor.dp-editor--showdown .dp-editor--bar .dp-message .dp-message--list .dp-message--item { padding: 1px 0; } .dp-editor.dp-editor--showdown .dp-textfield.dp-textfield--markdown { width: 100% !important; margin: 0 !important; } .dp-editor.dp-editor--showdown .dp-textfield.dp-textfield--markdown .dp-textfield--input { padding: 12px 16px; border-radius: 0; } .dp-editor.dp-editor--showdown .dp-textfield.dp-editor--preview { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; width: 100% !important; min-height: 168px; max-height: 280px; padding: 6px 16px; margin: 0 !important; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 0; overflow: auto; } .dp-editor--peek { -webkit-user-select: none; user-select: none; pointer-events: none; overflow: hidden; z-index: 1; } .dp-editor--peek:before { display: block; position: absolute; top: 1px; left: 1px; height: calc(100% - 1px); width: calc(100% - 2px); border-radius: 2px; background: linear-gradient(0deg, rgba(var(--pxl-color-main-background-rgb), 1) 25%, rgba(var(--pxl-color-main-background-rgb), 0.25) 100%); content: ""; z-index: 999; } .dp-editor--peek:after { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; position: absolute; bottom: 0; width: 100%; border-top: 1px solid var(--pxl-input-border-color); padding: 16px 32px; background: var(--pxl-primary-tint-00); text-align: center; content: "Please complete the previous step before you can move on."; color: var(--pxl-primary-tint-06); z-index: 999; } .dp-editor--peek.dp-editor--peek---edit:after { content: "You must edit and complete the previous step before you can edit this step."; } .dp-editor--peek.dp-editor--peek---password:after { content: "Please enter the connection password and validate the connection."; } #editor-policies .dp-form .dp-fieldset:last-child .dp-table .dp-table--row .dp-table--cell, #re-equalize-project .dp-form .dp-fieldset:last-child .dp-table .dp-table--row .dp-table--cell, .dp-editor--color .dp-form .dp-fieldset:last-child .dp-table .dp-table--row .dp-table--cell { border: none; } #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-switch, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-switch, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-switch { position: relative; width: auto; padding: 0; text-align: center; vertical-align: middle; } #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions .dp-switch, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-button, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-switch, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio .dp-button, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio .dp-switch, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-switch .dp-button, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-switch .dp-switch, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions .dp-switch, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-button, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-switch, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio .dp-button, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio .dp-switch, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-switch .dp-button, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-switch .dp-switch, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-actions .dp-switch, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-button, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-switch, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio .dp-button, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio .dp-switch, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-switch .dp-button, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-switch .dp-switch { margin: 3px; float: right; } #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox, #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-checkbox, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell.dp-table--with-radio { width: 124px; } #editor-policies .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell:last-child, #re-equalize-project .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell:last-child, .dp-editor--color .dp-form .dp-fieldset .dp-table .dp-table--row .dp-table--cell:last-child { padding-right: 24px; } #editor-policies .dp-form#subscription + .dp-message, #re-equalize-project .dp-form#subscription + .dp-message, .dp-editor--color .dp-form#subscription + .dp-message { padding: 0 24px; padding-bottom: 12px; margin-top: -12px; } #editor-policies .dp-form#subscription .dp-blockquote, #re-equalize-project .dp-form#subscription .dp-blockquote, .dp-editor--color .dp-form#subscription .dp-blockquote { margin-bottom: 18px; } #editor-policies .dp-form#subscription .dp-fieldset .dp-table .dp-table--row .dp-table--cell .dp-label, #re-equalize-project .dp-form#subscription .dp-fieldset .dp-table .dp-table--row .dp-table--cell .dp-label, .dp-editor--color .dp-form#subscription .dp-fieldset .dp-table .dp-table--row .dp-table--cell .dp-label { padding: 6px 0; } .dp-facet { display: block; margin: 6px 0; } .dp-facet .dp-facet--button .dp-button { width: 100%; text-align: left; margin: 0; } .dp-facet .dp-facet--button .dp-button[disabled][disabled], .dp-facet .dp-facet--button .dp-button.dp-button--disabled, .dp-facet .dp-facet--button .dp-button.disabled { background: transparent !important; } .dp-facet .dp-facet--button .dp-button .material-icons { margin: 0 -0.5rem 0 2rem; line-height: 34px; color: var(--pxl-color-main); } .dp-facet .dp-facet--list.ng-hide { opacity: 0; max-height: 0; } .dp-facet .dp-facet--list .dp-list { padding: 12px; } .dp-facet .dp-facet--list .dp-list .dp-list--item { padding-right: 0; padding-left: 0; } .dp-facet .dp-facet--list .dp-list .dp-list--item .dp-checkbox { width: 100%; } .dp-facet .dp-facet--list .dp-list .dp-list--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label { display: flex; } .dp-facet .dp-facet--list .dp-list .dp-list--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value { display: block; } .dp-facet .dp-button { margin: 0; } .dp-head { position: fixed !important; top: 0; left: 0; width: 100%; height: 70px; padding: 18px 40px 18px 120px; background: var(--pxl-primary-tint-00); border-bottom: 1px solid var(--pxl-input-border-color); transition: transform 0.2s linear; z-index: 4 !important; } .dp-head .dp-head--search { display: inline-block; width: 496px; max-width: calc(100% - 410px); } .dp-head .dp-head--search .dp-menu { width: 100%; max-width: none; } .dp-head .dp-head--search .dp-menu .dp-textfield { min-width: inherit; max-width: inherit; margin: 0; } .dp-head .dp-head--search .dp-menu .dp-textfield .dp-textfield--input { padding: 0 46px !important; } .dp-head .dp-head--search .dp-menu .dp-textfield .dp-textfield--input + .dp-textfield--label { width: auto; height: 100%; } .dp-head .dp-head--search .dp-menu .dp-textfield .dp-textfield--input + .dp-textfield--label .material-icons { right: auto; margin: 1px 0; font-size: 18px; line-height: 32px; } .dp-head .dp-head--search .dp-menu .dp-menu--list { width: 100%; max-width: none; } .dp-head .dp-head--search .dp-menu:after { content: ""; } .dp-head .dp-head--dropdown, .dp-head notification-menu { float: right; display: inline; } .dp-head .dp-head--dropdown.dp-head--dropdown-auto .dp-menu .dp-menu--list, .dp-head notification-menu.dp-head--dropdown-auto .dp-menu .dp-menu--list { width: auto; } .dp-head .dp-head--dropdown .dp-menu, .dp-head notification-menu .dp-menu { width: auto; min-width: 46px; max-width: 248px; margin: 0; } .dp-head .dp-head--dropdown .dp-menu .dp-menu--button, .dp-head notification-menu .dp-menu .dp-menu--button { width: 100%; } .dp-head .dp-head--dropdown .dp-menu .dp-menu--list, .dp-head notification-menu .dp-menu .dp-menu--list { width: 372px; max-width: none; } .dp-head .dp-head--dropdown .dp-menu .dp-menu--list, .dp-head notification-menu .dp-menu .dp-menu--list, .dp-head .dp-head--dropdown .dp-menu.dp-menu--right .dp-menu--list { transform: translate(0px, 40px) !important; } .dp-head .dp-head--dropdown .dp-menu .dp-menu--list .dp-menu--item .dp-button i, .dp-head notification-menu .dp-menu .dp-menu--list .dp-menu--item .dp-button i, .dp-head .dp-head--dropdown .dp-menu.dp-menu--right .dp-menu--list .dp-menu--item .dp-button i { margin-top: 1rem !important; } .dp-head.headroom--pinned { transform: translateY(0%); } .dp-head.headroom--unpinned { transform: translateY(-70px); } .dp-head.headroom--unpinned .dp-head--dropdown .dp-menu .dp-menu--list, .dp-head.headroom--unpinned notification-menu .dp-menu .dp-menu--list { display: none; } @media screen and (max-width: 800px) { .dp-head { position: relative !important; transform: translate(0) !important; min-width: calc(800px - 7.5rem); margin-left: 0 !important; padding: 18px 40px; } .dp-head .dp-head--search { max-width: 200px; } .dp-partial { top: -70px; } .dp-head--dropdown .dp-menu > .dp-menu--button, .dp-head notification-menu .dp-menu > .dp-menu--button { padding: 0 16px !important; } .dp-head--dropdown .dp-menu#project > .dp-menu--button, .dp-head notification-menu .dp-menu#project > .dp-menu--button { min-width: 200px; } } .dp-initial { display: inline-block; position: relative; } .dp-initial.dp-initial--stylized { background: var(--pxl-primary-tint-01); border-radius: 100px; } .dp-initial.dp-initial--stylized.dp-initial--small { width: 30px; height: 30px; } .dp-initial.dp-initial--stylized.dp-initial--small .dp-initial--value { font-size: 12px; } .dp-initial.dp-initial--stylized.dp-initial--medium { width: 42px; height: 42px; } .dp-initial.dp-initial--stylized.dp-initial--large { width: 96px; height: 96px; } .dp-initial.dp-initial--stylized.dp-initial--large .dp-initial--value { font-size: 28px; } .dp-initial.dp-initial--stylized[pxlTooltip]:hover { background: var(--pxl-primary-tint-02); cursor: pointer; } .dp-initial .dp-initial--value { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; font-weight: 400; z-index: 1; } .dp-label { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; display: inline-block; position: relative; width: auto; max-width: 100%; margin: 0 6px; outline: none !important; vertical-align: middle; top: -1px; } .dp-label .dp-label--value { display: inline-block; position: relative; width: auto; max-width: 100%; padding: 0 12px; background: var(--pxl-primary-tint-00); border-radius: 3px; line-height: 24px; white-space: nowrap; overflow: visible; -webkit-transition-property: background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: background; transition-duration: 200ms; transition-timing-function: ease; } .dp-label .dp-label--value.dp-label--gray { background: var(--pxl-accent1-tint-10); color: var(--pxl-accent1-contrast); } .dp-label .dp-label--value.dp-label--primary { background: var(--pxl-general-tint-10); color: var(--pxl-general-contrast); } .dp-label .dp-label--value.dp-label--blue { background: var(--pxl-info-tint-10); color: var(--pxl-info-contrast); } .dp-label .dp-label--value.dp-label--green { background: var(--pxl-success-tint-10); color: var(--pxl-success-contrast); } .dp-label .dp-label--value.dp-label--yellow { background: var(--pxl-warning-tint-10); color: var(--pxl-general-contrast); } .dp-label .dp-label--value.dp-label--orange { background: var(--pxl-color-tag-3); color: var(--pxl-accent1-contrast); } .dp-label .dp-label--value.dp-label--red { background: var(--pxl-error-tint-10); color: var(--pxl-error-contrast); } .dp-label .dp-label--value.dp-label--pink { background: var(--pxl-tertiary-tint-10); color: var(--pxl-error-contrast); } .dp-label .dp-label--value.dp-label--outline { border: 1px solid var(--pxl-primary-tint-04); color: var(--pxl-primary-tint-09); } .dp-label.dp-label--disabled { pointer-events: none; cursor: default !important; } .dp-label.dp-label--with-margin { margin: 6px 0; } .dp-label.dp-label--inline { margin: 0 6px !important; } .dp-label.dp-label--with-ellipsis .dp-label--value { padding: 0 9px; letter-spacing: 1px; } .dp-label .dp-label--value .material-icons { position: absolute; right: 0; margin: 0 -30px; line-height: inherit; } .dp-label .dp-label--value .material-icons:hover { cursor: pointer; } .dp-label .dp-label--value .material-icons.dp-label--icon { position: relative; right: auto; padding-right: 3px; margin: 0; font-size: 14px; } .dp-label--value .material-icons.dp-label--icon { padding-right: 6px; } .dp-label.dp-label--with-count .dp-label--value { overflow: visible; } .dp-label.dp-label--with-count .dp-label--value.dp-label--green .dp-label--count { border-color: rgba(var(--pxl-success-tint-10), 0.3); } .dp-label.dp-label--with-count .dp-label--value.dp-label--yellow .dp-label--count { border-color: rgba(var(--pxl-warning-tint-10), 0.3); } .dp-label.dp-label--with-count .dp-label--value.dp-label--red .dp-label--count { border-color: rgba(var(--pxl-error-tint-10), 0.3); } .dp-label.dp-label--with-count .dp-label--value .dp-label--count { display: inline-block; position: relative; right: -12px; padding: 0 12px; border-left: 1px solid var(--pxl-primary-tint-04); } .dp-label .dp-label--value.dp-label--outline { background: var(--pxl-color-tag-background); border: 1px solid var(--pxl-primary-tint-04); } .dp-label .dp-label--value.dp-label--outline:empty { display: none; } .dp-label .dp-label--value.dp-label--outline .dp-typography--primary { position: relative; padding-left: 12px; margin-left: 6px; } .dp-label .dp-label--value.dp-label--outline .dp-typography--primary:before { position: absolute; top: 0; left: 0; width: 1px; height: calc(100% + 12px); margin: -6px 0; border-left: 1px solid var(--pxl-primary-tint-04); content: ""; } .dp-label .dp-label--value.dp-label--clickable:hover { cursor: pointer; background: var(--pxl-color-tag-background-hover); } .dp-label--clickable:hover, .dp-label[pxlTooltip]:hover, .dp-label[pxlPopover]:hover { cursor: pointer; } .dp-label--clickable[disabled][disabled]:hover, .dp-label[pxlTooltip][disabled][disabled]:hover, .dp-label[pxlPopover][disabled][disabled]:hover { cursor: default; } .dp-label--clickable[disabled][disabled] .dp-label--value.dp-label--primary, .dp-label[pxlTooltip][disabled][disabled] .dp-label--value.dp-label--primary, .dp-label[pxlPopover][disabled][disabled] .dp-label--value.dp-label--primary { background: var(--pxl-general-tint-10); } .dp-label--clickable[disabled][disabled] .dp-label--value.dp-label--green:hover, .dp-label[pxlTooltip][disabled][disabled] .dp-label--value.dp-label--green:hover, .dp-label[pxlPopover][disabled][disabled] .dp-label--value.dp-label--green:hover { background: var(--pxl-success-tint-10); } .dp-label--clickable[disabled][disabled] .dp-label--value.dp-label--yellow:hover, .dp-label[pxlTooltip][disabled][disabled] .dp-label--value.dp-label--yellow:hover, .dp-label[pxlPopover][disabled][disabled] .dp-label--value.dp-label--yellow:hover { background: var(--pxl-warning-tint-10); } .dp-label--clickable[disabled][disabled] .dp-label--value.dp-label--red:hover, .dp-label[pxlTooltip][disabled][disabled] .dp-label--value.dp-label--red:hover, .dp-label[pxlPopover][disabled][disabled] .dp-label--value.dp-label--red:hover { background: var(--pxl-error-tint-10); } .dp-label--clickable .dp-label--value.dp-label--gray:hover, .dp-label[pxlTooltip] .dp-label--value.dp-label--gray:hover, .dp-label[pxlPopover] .dp-label--value.dp-label--gray:hover { background: var(--pxl-accent1-tint-09); } .dp-label--clickable .dp-label--value.dp-label--primary:hover, .dp-label[pxlTooltip] .dp-label--value.dp-label--primary:hover, .dp-label[pxlPopover] .dp-label--value.dp-label--primary:hover { background: var(--pxl-general-tint-09); } .dp-label--clickable .dp-label--value.dp-label--blue:hover, .dp-label[pxlTooltip] .dp-label--value.dp-label--blue:hover, .dp-label[pxlPopover] .dp-label--value.dp-label--blue:hover { background: var(--pxl-info-tint-09); } .dp-label--clickable .dp-label--value.dp-label--green:hover, .dp-label[pxlTooltip] .dp-label--value.dp-label--green:hover, .dp-label[pxlPopover] .dp-label--value.dp-label--green:hover { background: var(--pxl-success-tint-09); } .dp-label--clickable .dp-label--value.dp-label--yellow:hover, .dp-label[pxlTooltip] .dp-label--value.dp-label--yellow:hover, .dp-label[pxlPopover] .dp-label--value.dp-label--yellow:hover { background: var(--pxl-warning-tint-09); } .dp-label--clickable .dp-label--value.dp-label--orange:hover, .dp-label[pxlTooltip] .dp-label--value.dp-label--orange:hover, .dp-label[pxlPopover] .dp-label--value.dp-label--orange:hover { background: var(--pxl-color-tag-3-tint-09); } .dp-label--clickable .dp-label--value.dp-label--red:hover, .dp-label[pxlTooltip] .dp-label--value.dp-label--red:hover, .dp-label[pxlPopover] .dp-label--value.dp-label--red:hover { background: var(--pxl-error-tint-09); } .dp-label--clickable-set { white-space: nowrap; } .dp-label--clickable-set.dp-list.dp-list--horizontal:not(.ng-hide) { display: inline-block !important; width: auto !important; } .dp-label--clickable-set:hover { cursor: pointer; } .dp-label--clickable-set:hover .dp-list--item .dp-label--value.dp-label--gray { background: var(--pxl-accent1-tint-09); } .dp-label--clickable-set:hover .dp-list--item .dp-label--value.dp-label--primary { background: var(--pxl-general-tint-09); } .dp-label--clickable-set:hover .dp-list--item .dp-label--value.dp-label--blue { background: var(--pxl-info-tint-09); } .dp-label--clickable-set:hover .dp-list--item .dp-label--value.dp-label--green { background: var(--pxl-success-tint-09); } .dp-label--clickable-set:hover .dp-list--item .dp-label--value.dp-label--yellow { background: var(--pxl-warning-tint-09); } .dp-label--clickable-set:hover .dp-list--item .dp-label--value.dp-label--orange { background: var(--pxl-color-tag-3-tint-09); } .dp-label--clickable-set:hover .dp-list--item .dp-label--value.dp-label--red { background: var(--pxl-error-tint-09); } .dp-label.dp-label--xsm { font-size: 10px; font-weight: 400; letter-spacing: 0; } .dp-label.dp-label--sm { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; } .dp-label.dp-label--bg { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; font-weight: 400; } .dp-card .dp-card--content .dp-card--subtitle kanon-adjustment-level-label { margin-left: 6px !important; } kanon-adjustment-level-label + .dp-label { margin: 0 6px !important; } kanon-adjustment-level-label + .dp-label + .dp-button { margin-left: 0 !important; } kanon-adjustment-level-label + .dp-button { margin-left: 0 !important; } kanon-adjustment-level-label .dp-label .dp-label--value, project-violation .dp-label .dp-label--value { top: unset !important; transform: unset !important; } .dp-menu--item kanon-adjustment-level-label, .dp-menu--item project-violation { top: unset; } .dp-tree--value kanon-adjustment-level-label { position: relative; top: 3px; } .dp-tree--value kanon-adjustment-level-label + .dp-label { top: 2px; } .dp-list { display: block; padding: 12px 0; list-style: none; text-align: left; } .dp-list .dp-list--item { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; position: relative; width: 100%; box-sizing: border-box; flex-direction: list; flex-wrap: nowrap; align-items: center; padding: 6px; overflow: visible; } .dp-list .dp-list--item.dp-list--head, .dp-list .dp-list--item.dp-list--foot { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; color: var(--pxl-primary-tint-06); } .dp-list .dp-list--item .dp-list--sub, .dp-list .dp-list--item .dp-list--value { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; padding: 3px 0; } .dp-list .dp-list--item .dp-list--sub { display: inline-block; color: var(--pxl-primary-tint-06); } .dp-list .dp-list--item .dp-list--sub .material-icons { margin-left: 6px; cursor: pointer; } .dp-list.dp-list--content-hover { position: relative; padding: 0; } .dp-list.dp-list--content-hover:before { position: absolute; width: calc(100% + 12px); height: 100%; margin: 0 -6px; border-radius: 2px; content: ""; cursor: pointer; } .dp-list.dp-list--content-hover:hover:before, .dp-list.dp-list--content-hover.dp-list--content-active:before { background: var(--pxl-primary-tint-01); -webkit-transition-property: background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: background; transition-duration: 200ms; transition-timing-function: ease; } .dp-list.dp-list--content-hover .dp-list--item { position: relative; padding: 6px 12px; cursor: pointer; } .dp-list.dp-list--content-hover .dp-list--item .dp-menu { margin-right: 0; margin-left: 0; z-index: 1; } .dp-list.dp-list--content-hover .dp-list--item .dp-form .dp-fieldset .dp-textfield { margin: 0; margin-bottom: 12px; } .dp-list.dp-list--content-hover .dp-list--item .dp-form .dp-fieldset .dp-textfield .dp-editor { margin: 0; } .dp-list.dp-list--content-hover .dp-list--item .dp-form .dp-fieldset--actions { margin: 0; margin-bottom: 6px; } .dp-list.dp-list--content-hover .dp-list--item .dp-list--content:before { position: absolute; top: 0; left: 0; width: calc(100% + 12px); height: 100%; margin: 0 -6px; content: ""; z-index: -1; } .dp-list.dp-list--content-hover .dp-list--item .dp-list--content .dp-typography-display-4 { padding: 8px 0; } .dp-list.dp-list--content-hover .dp-list--item .dp-list--content .dp-typography-list-3 { padding: 0; } .dp-list.dp-list--content-hover .dp-list--item .dp-list--content .dp-typography-body-1[ng-bind] { max-height: 86px; } .dp-list.dp-list--content-hover .dp-list--item .dp-list--content .dp-typography-body-1[ng-bind] span { padding: 0 12px; color: var(--pxl-color-main); } .dp-list.dp-list--icon .dp-list--value, .dp-list.dp-list--icon .dp-list--sub { padding-left: 36px; } .dp-list.dp-list--icon .material-icons { margin: 3px 9px; float: left; line-height: 24px; color: var(--pxl-color-main); } .dp-list.dp-list--icon .material-icons:before { display: none; } .dp-list.dp-list--icon .material-icons:hover { cursor: pointer; } .dp-list.dp-list--icon .material-icons.passed { color: var(--pxl-success-tint-10); } .dp-list.dp-list--icon .material-icons.warning, .dp-list.dp-list--icon .material-icons.pending, .dp-list.dp-list--icon .material-icons.skipped, .dp-list.dp-list--icon .material-icons.unknown { color: var(--pxl-warning-tint-10); } .dp-list.dp-list--icon .material-icons.failed { color: var(--pxl-error-tint-10); } .dp-list .dp-list--item.dp-list--icon .dp-typography-body-1 { padding-left: 30px; } .dp-list .dp-list--item.dp-list--icon .dp-typography-body-1 > .material-icons:first-child { position: absolute; left: 0; margin: 3px 0; } .dp-list .dp-list--item.dp-list--head .dp-list--value { padding-left: 0; } .dp-list.dp-list--icon-set { padding: 0; margin: 0 -6px; } .dp-list.dp-list--icon-set.dp-list--icon .dp-list--item { position: relative; line-height: normal; } .dp-list.dp-list--icon-set.dp-list--icon .dp-list--item.dp-list--head .dp-list--value { padding-left: 0; } .dp-list.dp-list--icon-set.dp-list--icon .dp-list--item .material-icons { width: 18px; } .dp-list.dp-list--icon-set.dp-list--icon .dp-list--item .material-icons + .material-icons { position: absolute; top: 0; left: 0; font-size: 14px; margin: 0 33px; } .dp-list.dp-list--icon-set.dp-list--icon .dp-list--item .dp-list--value { padding-left: 48px; } .dp-list.dp-list--icon-set.dp-list--icon .dp-list--item .dp-button--inline + .material-icons { position: absolute; top: 0; left: 0; font-size: 14px; margin: 0 33px; } .dp-list .dp-list--item .dp-menu { margin: 6px; } .dp-list .dp-list--item .dp-menu .dp-button { margin: 0; } .dp-list.dp-list--image .dp-list--item .dp-list--image { width: 18px; height: 18px; margin: 6px 12px; overflow: visible; } .dp-list.dp-list--image .dp-list--item .dp-list--image .dp-list--image-cutout { fill: none; } .dp-list.dp-list--image .dp-list--item .dp-list--image .dp-list--image-path { fill: var(--pxl-primary-tint-06); } .dp-list .dp-list--item .dp-list--value .dp-list--image, .dp-list .dp-list--item .dp-list--sub .dp-list--image { width: 50%; margin-top: 12px; } .dp-list.dp-list--toggle-add .dp-list--item { position: relative; } .dp-list.dp-list--toggle-add .dp-list--item:hover > .dp-button.dp-button--with-toggle-add { background: var(--pxl-primary-tint-01); } .dp-list.dp-list--toggle-add .dp-list--item:hover > .dp-button.dp-button--with-toggle-add.active { background: var(--pxl-primary-tint-02); } .dp-list.dp-list--toggle-add .dp-button.dp-button--toggle, .dp-list.dp-list--toggle-add .dp-button.dp-button--add { position: absolute; width: 36px !important; margin: 3px; z-index: 1; } .dp-list.dp-list--toggle-add .dp-button.dp-button--toggle { left: 0; } .dp-list.dp-list--toggle-add .dp-button.dp-button--add { right: 0; } .dp-list.dp-list--toggle-add .dp-button.dp-button--with-toggle-add { padding-right: 48px; padding-left: 48px; } .dp-list.dp-list--expand-collapse .dp-list--item.dp-list--expand .dp-list--sub:before, .dp-list.dp-list--expand-collapse .dp-list--item.dp-list--collapse .dp-list--sub:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; position: absolute; margin: 3px -30px; color: var(--pxl-primary-tint-06); } .dp-list.dp-list--expand-collapse .dp-list--item.dp-list--expand .dp-list--sub:before { content: "\e316"; } .dp-list.dp-list--expand-collapse .dp-list--item.dp-list--collapse .dp-list--sub:before { content: "\e313"; } .dp-list.dp-list--expand-collapse .dp-list--item .dp-list--value, .dp-list.dp-list--expand-collapse .dp-list--item .dp-list--sub { padding-left: 48px !important; } .dp-list .dp-list--item.dp-list--completed .material-icons:hover { cursor: default !important; } .dp-list.dp-list--button .dp-list--item { display: flex; background: transparent; border-radius: 2px; } .dp-list.dp-list--button .dp-list--item:hover { background: var(--pxl-primary-tint-01); cursor: pointer; } .dp-list.dp-list--button .dp-list--item:hover .dp-menu { opacity: 1; } .dp-list.dp-list--button .dp-list--item.dp-list--item-active .dp-list--value, .dp-list.dp-list--button .dp-list--item.dp-list--item-selected .dp-list--value { color: var(--pxl-color-main); } .dp-list.dp-list--button .dp-list--item.dp-list--item-active .dp-list--image .dp-list--image-path, .dp-list.dp-list--button .dp-list--item.dp-list--item-selected .dp-list--image .dp-list--image-path { fill: var(--pxl-color-main); } .dp-list.dp-list--button .dp-list--item.dp-list--no-hover { width: 100% !important; } .dp-list.dp-list--button .dp-list--item.dp-list--no-hover:hover { background: transparent; cursor: default; } .dp-list.dp-list--button .dp-list--item.dp-list--no-hover .dp-list--value, .dp-list.dp-list--button .dp-list--item.dp-list--no-hover .dp-list--sub { padding-left: 0 !important; } .dp-list.dp-list--button .dp-list--item .dp-list--value, .dp-list.dp-list--button .dp-list--item .dp-list--sub { display: inline-block; width: 100%; white-space: nowrap !important; } .dp-list.dp-list--button .dp-list--item .dp-menu { margin: 0; margin-left: 12px; opacity: 0; } .dp-list.dp-list--button .dp-list--item .dp-menu.open { opacity: 1; } .dp-list.dp-list--button .dp-list--item .dp-menu .dp-button { margin: 0; } .dp-list .dp-button { max-width: none; margin: 6px; text-align: left; } .dp-list .dp-button.dp-button--outline { margin: 0; } .dp-list .dp-button .dp-button--value { width: auto !important; } .dp-list.dp-list--columns .dp-list--item { display: flex; } .dp-list.dp-list--columns .dp-list--item.dp-list--head .dp-list--value, .dp-list.dp-list--columns .dp-list--item.dp-list--head .dp-list--sub { text-align: left; } .dp-list.dp-list--columns .dp-list--item .dp-list--value, .dp-list.dp-list--columns .dp-list--item .dp-list--sub { padding-left: 0 !important; } .dp-list.dp-list--columns .dp-list--item .dp-list--value .dp-list--value-auto, .dp-list.dp-list--columns .dp-list--item .dp-list--sub .dp-list--value-auto { display: inline-block; width: auto; max-width: 100%; float: left; } .dp-list.dp-list--columns .dp-list--item .dp-list--value .dp-list--value-auto.dp-list--value-max, .dp-list.dp-list--columns .dp-list--item .dp-list--sub .dp-list--value-auto.dp-list--value-max { max-width: calc(100% - 84px); } .dp-list.dp-list--columns .dp-list--item .dp-list--value .dp-list--value-auto.dp-list--value-max + .dp-button, .dp-list.dp-list--columns .dp-list--item .dp-list--sub .dp-list--value-auto.dp-list--value-max + .dp-button { position: relative; top: 2px; margin-top: -4px; float: left; } .dp-list.dp-list--columns .dp-list--item .dp-list--value { width: 60%; text-align: left; } .dp-list.dp-list--columns .dp-list--item .dp-list--sub { width: 40%; display: block; text-align: right; } .dp-list.dp-list--columns .dp-list--item .dp-list--sub .dp-list--value-auto { width: 100%; } .dp-list.dp-list--columns .dp-list--item .dp-button { margin: 0; margin-left: 12px; } .dp-list.dp-list--columns .dp-list--item .dp-button + .dp-button { margin-left: 0; } .dp-list.dp-list--padding { padding: 0 48px; } .dp-list.dp-list--padding .dp-list--item { padding: 0; } .dp-list.dp-list--padding-bottom { padding-bottom: 6px; } .dp-list.dp-list--no-padding { padding: 0; } .dp-list.dp-list--no-padding .dp-list--item { padding: 0; } .dp-list .dp-list--item.dp-list--no-padding { padding: 0; } .dp-list.dp-list--no-vertical-padding { padding: 0; } .dp-list.dp-list--no-vertical-padding .dp-list--item { padding: 0 6px; } .dp-list.dp-list--no-horizontal-padding { padding: 0; } .dp-list.dp-list--no-horizontal-padding .dp-list--item { padding: 6px 0; } .dp-list.dp-list--with-margin { margin: 12px 0 !important; } .dp-list.dp-list--with-background { padding: 6px 12px !important; margin: 12px 6px 6px 6px !important; background: var(--pxl-primary-tint-01); border-radius: 2px; } .dp-list.dp-list--with-background .dp-list--item { padding: 0 6px; } .dp-list.dp-list--outline { border: 1px solid var(--pxl-input-border-color); border-radius: 2px; } .dp-list.dp-list--outline.dp-list--outline-focus { max-height: 248px; border-color: tint(var(--pxl-color-main), 40%); box-shadow: 0 0 0 1px tint(var(--pxl-color-main), 40%); overflow: auto; } .dp-list.dp-list--outline .dp-list--item { padding: 0 24px; } .dp-list.dp-list--card { position: relative; border-color: transparent; padding: 9px 18px; } .dp-list.dp-list--card:before, .dp-list.dp-list--card:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; z-index: -1; content: ""; } .dp-list.dp-list--card:before { background: linear-gradient(to right, var(--pxl-color-main), var(--pxl-color-main)); margin: -1px; } .dp-list.dp-list--card:after { background: var(--pxl-primary-tint-00); margin: 1px; } .dp-list.dp-list--card .dp-list--item { padding: 0; } .dp-list.dp-list--card .dp-list--item.dp-list--head .dp-list--value .dp-typography-display-4 { padding: 0; color: var(--pxl-color-font); } .dp-list.dp-list--card .dp-list--item.dp-list--head .dp-list--value .dp-typography-display-4 .material-icons { width: 18px; margin: 0; margin-right: 12px; vertical-align: bottom; } .dp-list.dp-list--card .dp-list--item.dp-list--foot .dp-list--value .dp-button { width: 100%; margin: 6px 0; text-align: center; } .dp-list .dp-list--item.dp-list--divider { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--pxl-input-border-color); } .dp-list .dp-list--item.dp-list--divider:last-child { padding: 0 24px; margin: 0; border: none; } .dp-list.dp-list--horizontal { width: calc(100% + 12px); margin: 0 -6px; } .dp-list.dp-list--horizontal:not(.ng-hide) { display: block !important; } .dp-list.dp-list--horizontal .dp-list--item { display: inline-block; width: auto; float: left; } .dp-list.dp-list--horizontal.dp-list--2 .dp-list--item { width: 50%; } .dp-list.dp-list--horizontal.dp-list--3 .dp-list--item { width: 33.33%; } .dp-list.dp-list--horizontal.dp-list--4 .dp-list--item { width: 25%; } .dp-list.dp-list--horizontal.dp-list--5 .dp-list--item { width: 20%; } .dp-list.dp-list--horizontal .dp-list--item .dp-label { margin: 0 6px !important; } .dp-list.dp-list--alpha-upper > .dp-list--item, .dp-list.dp-list--alpha-lower > .dp-list--item, .dp-list.dp-list--numeric > .dp-list--item { margin-left: 48px; width: calc(100% - 48px); } .dp-list.dp-list--alpha-upper.dp-list--min-margin > .dp-list--item, .dp-list.dp-list--alpha-lower.dp-list--min-margin > .dp-list--item, .dp-list.dp-list--numeric.dp-list--min-margin > .dp-list--item { margin-left: 24px; width: calc(100% - 24px); } .dp-list.dp-list--alpha-upper > .dp-list--item { list-style: upper-alpha; } .dp-list.dp-list--alpha-lower > .dp-list--item { list-style: lower-alpha; } .dp-list.dp-list--numeric > .dp-list--item { list-style: decimal; } .dp-list.dp-list--disc { list-style: disc; list-style-position: outside; padding-left: 36px !important; } discussions .dp-list.dp-list--discussion .dp-list--item:first-child { padding: 6px 0; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list--value { padding: 12px 24px; padding-left: 96px !important; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-label { margin: 6px 0; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-layout--hr { transition: none; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-layout--hr.dp-layout--hr-text { border: none; margin: 12px 0 24px 0; z-index: 1; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-layout--hr.dp-layout--hr-text:before { position: absolute; width: 100%; border-bottom: 1px solid var(--pxl-input-border-color); content: ""; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value:before { display: none; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value .dp-button { border-radius: 100px; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value .dp-button.dp-button--icon .dp-button--value { padding-left: 4px; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value .dp-button:disabled, discussions .dp-list.dp-list--discussion .dp-list--item .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value .dp-button[disabled][disabled], discussions .dp-list.dp-list--discussion .dp-list--item .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value .dp-button.disabled { background: var(--pxl-primary-tint-00) !important; border: 1px solid var(--pxl-input-border-color) !important; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-form .dp-fieldset .dp-textfield, discussions .dp-list.dp-list--discussion .dp-list--item .dp-form .dp-fieldset .dp-editor { margin: 0; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-form .dp-fieldset--actions { margin: 12px 0; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse.dp-list--offset { margin-top: -24px; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item { padding: 0; border-bottom: 1px solid var(--pxl-input-border-color); } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item:last-child { border: none; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item[ng-click] { cursor: pointer; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item[ng-click]:hover { background: var(--pxl-primary-tint-01); -webkit-transition-property: background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: background; transition-duration: 200ms; transition-timing-function: ease; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item:disabled, discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item[disabled][disabled], discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item.disabled { cursor: auto; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item:disabled:hover, discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item[disabled][disabled]:hover, discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item.disabled:hover { background: transparent; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item.dp-list--collapsed .dp-typography-display-4 + .dp-typography-body-1.dp-typography--gray { display: none !important; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item.dp-list--collapsed .showdown-documentation { height: 30px; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item.dp-list--collapsed .showdown-documentation * { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: inline; padding-top: 0; color: var(--pxl-primary-tint-06); } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item.collapse:first-child { display: block; height: 0 !important; padding: 0; overflow: hidden; cursor: auto; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item.collapse:first-child.in { height: auto !important; background: transparent; overflow: visible; cursor: pointer; } discussions .dp-list.dp-list--discussion .dp-list--item .dp-list.dp-list--expand-collapse .dp-list--item .showdown-documentation { padding: 0; } discussions .dp-list .dp-initial.dp-initial--small { margin: 6px; } discussions .dp-list .dp-initial.dp-initial--small:first-child { margin-left: 0; } discussions .dp-list .dp-initial.dp-initial--small:last-child { margin-right: 0; } discussions .dp-list .dp-initial.dp-initial--medium { position: absolute; top: 0; left: 0; margin: 24px; } discussions .dp-list .dp-initial.dp-initial--medium + .dp-button.dp-button--outline { margin: 4px 0; margin-left: 24px; } comment-gutter .dp-list .dp-list--item > .dp-form { margin: 0 -6px; } comment-gutter .dp-list .dp-list--item > .dp-form .dp-fieldset .dp-textfield, comment-gutter .dp-list .dp-list--item > .dp-form .dp-fieldset .dp-editor { margin: 0; } comment-gutter .dp-list .dp-list--item > .dp-form .dp-fieldset--actions { margin: 0; margin-top: 12px; } .dp-list--flex---breakpoints { clear: both; width: calc(100% + 12px); padding: 12px 0; margin: 0 -12px; } .dp-list--flex---breakpoints .dp-list--item { display: inline-flex; width: 100%; padding: 12px; } .dp-typography-display-4 + .dp-list.dp-list--flex---breakpoints { width: calc(100% + 24px); margin: 0 -24px; } .dp-list.dp-list--small .dp-list--item { font-size: 13px; line-height: 18px; -webkit-hyphens: auto; hyphens: auto; } @media (min-width: 640px) and (max-width: 816px) { .dp-list--flex---breakpoints .dp-list--item { width: 100%; } } @media (min-width: 816px) and (max-width: 992px) { .dp-list--flex---breakpoints .dp-list--item { width: 50%; } } @media (min-width: 992px) and (max-width: 1168px) { .dp-list--flex---breakpoints .dp-list--item { width: 33.3333333333%; } } @media (min-width: 1168px) { .dp-list--flex---breakpoints .dp-list--item { width: 25%; } } .ms-ie .dp-list.dp-list--outline, .ms-edge .dp-list.dp-list--outline { box-shadow: none; border: 1px solid var(--pxl-input-border-color); } .dp-login { position: relative; margin: 0 auto; width: 100%; min-width: 372px; max-width: 620px; padding: 0 48px; } .dp-login--head { position: relative; height: 144px; overflow: hidden; } .dp-login--head .dp-login--logo { display: block; width: 100%; height: 100%; } .dp-login--head .dp-login--logo .dp-login--logo---image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 248px; padding: 16px; } .dp-login--body .oauth { display: block; } .dp-login--body .dp-typography-display-2 { padding: 12px 0; } .dp-login--body .dp-typography-display-2 + .dp-typography-body-1 { padding: 0 0 12px 0; } .dp-login--body .dp-form { padding: 12px 0; } .dp-login--body .dp-form .dp-fieldset--actions { margin: 24px 0; } .dp-login .dp-list:empty { display: none; } .dp-login .dp-list .dp-list--item { padding: 6px 0; } .dp-login .dp-list .dp-list--item .dp-button { width: 100%; height: auto; padding: 7px 16px; margin: 6px 0; } .dp-login .dp-message#licenseConfig { padding-bottom: 48px; } .dp-login .dp-message .dp-message--list .dp-message--item { padding: 6px 0; } .dp-login .dp-editor.dp-editor--base { margin: 84px 0; } .dp-login--foot { text-align: center; } .dp-login--foot .dp-typography-body-1 { padding: 0; } .dp-login--foot .dp-typography-body-1#emergencyBIM { padding-bottom: 42px; } .dp-login--foot .dp-label { margin: 12px 0; } .dp-menu { display: inline-block !important; position: relative; width: auto; max-width: 496px; text-align: left; } .dp-menu > .dp-menu--button, ngb-typeahead-window.dropdown-menu .dp-menu > button, typeahead-container.dropdown-menu .dp-menu > button { padding-right: 48px; } .dp-menu > .dp-menu--button:after, ngb-typeahead-window.dropdown-menu .dp-menu > button:after, typeahead-container.dropdown-menu .dp-menu > button:after { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 0 16px; content: "\e5d7"; border: 0; } .dp-menu > .dp-menu--button.dp-button--sm, ngb-typeahead-window.dropdown-menu .dp-menu > button.dp-button--sm, typeahead-container.dropdown-menu .dp-menu > button.dp-button--sm { padding-right: 32px; } .dp-menu > .dp-menu--button.dp-button--sm:after, ngb-typeahead-window.dropdown-menu .dp-menu > button.dp-button--sm:after, typeahead-container.dropdown-menu .dp-menu > button.dp-button--sm:after { padding: 0 8px; } .dp-menu > .dp-menu--button.dp-button--icon:after, ngb-typeahead-window.dropdown-menu .dp-menu > button.dp-button--icon:after, typeahead-container.dropdown-menu .dp-menu > button.dp-button--icon:after { display: none; } .dp-menu > .dp-menu--button:disabled:after, ngb-typeahead-window.dropdown-menu .dp-menu > button:disabled:after, typeahead-container.dropdown-menu .dp-menu > button:disabled:after { opacity: 0.85; } .dp-menu.dp-menu--input:after { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 0 8px; content: "\e5d7"; border: 0; } .dp-menu .dp-menu--left-button { padding-left: 34px !important; } .dp-menu--button, ngb-typeahead-window.dropdown-menu button, typeahead-container.dropdown-menu button { position: relative; margin: 0; border: none; text-align: left; } .dp-menu--button.dp-button.dp-button--outline, ngb-typeahead-window.dropdown-menu button.dp-button.dp-button--outline, typeahead-container.dropdown-menu button.dp-button.dp-button--outline { width: 100%; } .dp-menu--button:not(.dp-button--icon):hover, ngb-typeahead-window.dropdown-menu button:not(.dp-button--icon):hover, typeahead-container.dropdown-menu button:not(.dp-button--icon):hover { box-shadow: none !important; } .dp-menu--list, ngb-typeahead-window.dropdown-menu, typeahead-container.dropdown-menu { box-shadow: var(--pxl-shadow-small); display: none; position: absolute; top: 100%; left: 0; min-width: auto; max-width: 372px !important; min-width: 100px; height: auto; max-height: 264px; background: var(--pxl-panel-background); border: 1px solid var(--pxl-panel-border-color); border-radius: 2px; padding: 6px; margin: 0; list-style: none; overflow: auto; z-index: 5; } typeahead-container.dp-menu--list, typeahead-container.dropdown-menu { max-width: none !important; } .dp-menu--list .dp-menu--item, ngb-typeahead-window.dropdown-menu .dp-menu--item, ngb-typeahead-window.dropdown-menu button, typeahead-container.dropdown-menu .dp-menu--item, typeahead-container.dropdown-menu button { display: block; position: relative; width: 100%; border: none; padding: 0; } ngb-typeahead-window.dropdown-menu button, typeahead-container.dropdown-menu button, .dp-menu--list .dp-menu--item > .dp-button, .dp-menu--list ngb-typeahead-window.dropdown-menu button > .dp-button, ngb-typeahead-window.dropdown-menu .dp-menu--list button > .dp-button, ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button, ngb-typeahead-window.dropdown-menu button > .dp-button, .dp-menu--list typeahead-container.dropdown-menu button > .dp-button, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button > .dp-button, typeahead-container.dropdown-menu .dp-menu--list button > .dp-button, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button > .dp-button, typeahead-container.dropdown-menu .dp-menu--item > .dp-button, typeahead-container.dropdown-menu button > .dp-button { display: block; position: relative; width: 100% !important; min-height: 32px; padding: 4px 16px !important; margin: 0 !important; border: none; border-radius: 2px !important; text-align: left; line-height: 34px !important; } ngb-typeahead-window.dropdown-menu button:hover, typeahead-container.dropdown-menu button:hover, .dp-menu--list .dp-menu--item > .dp-button:hover, ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button:hover, ngb-typeahead-window.dropdown-menu button > .dp-button:hover, typeahead-container.dropdown-menu .dp-menu--item > .dp-button:hover, typeahead-container.dropdown-menu button > .dp-button:hover { background: var(--pxl-color-panel-hover); } ngb-typeahead-window.dropdown-menu button[disabled][disabled], typeahead-container.dropdown-menu button[disabled][disabled], .dp-menu--list .dp-menu--item > [disabled][disabled].dp-button, ngb-typeahead-window.dropdown-menu .dp-menu--item > [disabled][disabled].dp-button, ngb-typeahead-window.dropdown-menu button > [disabled][disabled].dp-button, typeahead-container.dropdown-menu .dp-menu--item > [disabled][disabled].dp-button, typeahead-container.dropdown-menu button > [disabled][disabled].dp-button, ngb-typeahead-window.dropdown-menu button.dp-button--disabled, typeahead-container.dropdown-menu button.dp-button--disabled, .dp-menu--list .dp-menu--item > .dp-button--disabled.dp-button, ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button--disabled.dp-button, ngb-typeahead-window.dropdown-menu button > .dp-button--disabled.dp-button, typeahead-container.dropdown-menu .dp-menu--item > .dp-button--disabled.dp-button, typeahead-container.dropdown-menu button > .dp-button--disabled.dp-button, ngb-typeahead-window.dropdown-menu button.disabled, typeahead-container.dropdown-menu button.disabled, .dp-menu--list .dp-menu--item > .disabled.dp-button, ngb-typeahead-window.dropdown-menu .dp-menu--item > .disabled.dp-button, ngb-typeahead-window.dropdown-menu button > .disabled.dp-button, typeahead-container.dropdown-menu .dp-menu--item > .disabled.dp-button, typeahead-container.dropdown-menu button > .disabled.dp-button { display: flex !important; background: transparent !important; align-items: center; } ngb-typeahead-window.dropdown-menu button[disabled][disabled]:after, typeahead-container.dropdown-menu button[disabled][disabled]:after, .dp-menu--list .dp-menu--item > [disabled][disabled].dp-button:after, ngb-typeahead-window.dropdown-menu .dp-menu--item > [disabled][disabled].dp-button:after, ngb-typeahead-window.dropdown-menu button > [disabled][disabled].dp-button:after, typeahead-container.dropdown-menu .dp-menu--item > [disabled][disabled].dp-button:after, typeahead-container.dropdown-menu button > [disabled][disabled].dp-button:after, ngb-typeahead-window.dropdown-menu button.dp-button--disabled:after, typeahead-container.dropdown-menu button.dp-button--disabled:after, .dp-menu--list .dp-menu--item > .dp-button--disabled.dp-button:after, ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button--disabled.dp-button:after, ngb-typeahead-window.dropdown-menu button > .dp-button--disabled.dp-button:after, typeahead-container.dropdown-menu .dp-menu--item > .dp-button--disabled.dp-button:after, typeahead-container.dropdown-menu button > .dp-button--disabled.dp-button:after, ngb-typeahead-window.dropdown-menu button.disabled:after, typeahead-container.dropdown-menu button.disabled:after, .dp-menu--list .dp-menu--item > .disabled.dp-button:after, ngb-typeahead-window.dropdown-menu .dp-menu--item > .disabled.dp-button:after, ngb-typeahead-window.dropdown-menu button > .disabled.dp-button:after, typeahead-container.dropdown-menu .dp-menu--item > .disabled.dp-button:after, typeahead-container.dropdown-menu button > .disabled.dp-button:after { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; margin-left: 12px; line-height: unset; content: "\e14b"; color: var(--pxl-primary-tint-06); } ngb-typeahead-window.dropdown-menu button[disabled][disabled] .dp-button--value, typeahead-container.dropdown-menu button[disabled][disabled] .dp-button--value, .dp-menu--list .dp-menu--item > [disabled][disabled].dp-button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu--item > [disabled][disabled].dp-button .dp-button--value, ngb-typeahead-window.dropdown-menu button > [disabled][disabled].dp-button .dp-button--value, typeahead-container.dropdown-menu .dp-menu--item > [disabled][disabled].dp-button .dp-button--value, typeahead-container.dropdown-menu button > [disabled][disabled].dp-button .dp-button--value, ngb-typeahead-window.dropdown-menu button.dp-button--disabled .dp-button--value, typeahead-container.dropdown-menu button.dp-button--disabled .dp-button--value, .dp-menu--list .dp-menu--item > .dp-button--disabled.dp-button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button--disabled.dp-button .dp-button--value, ngb-typeahead-window.dropdown-menu button > .dp-button--disabled.dp-button .dp-button--value, typeahead-container.dropdown-menu .dp-menu--item > .dp-button--disabled.dp-button .dp-button--value, typeahead-container.dropdown-menu button > .dp-button--disabled.dp-button .dp-button--value, ngb-typeahead-window.dropdown-menu button.disabled .dp-button--value, typeahead-container.dropdown-menu button.disabled .dp-button--value, .dp-menu--list .dp-menu--item > .disabled.dp-button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu--item > .disabled.dp-button .dp-button--value, ngb-typeahead-window.dropdown-menu button > .disabled.dp-button .dp-button--value, typeahead-container.dropdown-menu .dp-menu--item > .disabled.dp-button .dp-button--value, typeahead-container.dropdown-menu button > .disabled.dp-button .dp-button--value { color: var(--pxl-primary-tint-06) !important; } ngb-typeahead-window.dropdown-menu button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), typeahead-container.dropdown-menu button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), .dp-menu--list .dp-menu--item > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu button > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), typeahead-container.dropdown-menu .dp-menu--item > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), typeahead-container.dropdown-menu button > .dp-button:not(.dp-button--multiline) .dp-button--value:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), typeahead-container.dropdown-menu button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), .dp-menu--list .dp-menu--item > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), ngb-typeahead-window.dropdown-menu button > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), typeahead-container.dropdown-menu .dp-menu--item > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline), typeahead-container.dropdown-menu button > .dp-button:not(.dp-button--multiline) > .ng-binding:not(.dp-button--multiline) { white-space: nowrap !important; } .dp-menu--list .dp-menu--item > .dp-button--tooltip, .dp-menu--list ngb-typeahead-window.dropdown-menu button > .dp-button--tooltip, ngb-typeahead-window.dropdown-menu .dp-menu--list button > .dp-button--tooltip, ngb-typeahead-window.dropdown-menu .dp-menu--item > .dp-button--tooltip, ngb-typeahead-window.dropdown-menu button > .dp-button--tooltip, .dp-menu--list typeahead-container.dropdown-menu button > .dp-button--tooltip, typeahead-container.dropdown-menu .dp-menu--list button > .dp-button--tooltip, typeahead-container.dropdown-menu .dp-menu--item > .dp-button--tooltip, typeahead-container.dropdown-menu button > .dp-button--tooltip { margin: 0; } .dp-menu--list .dp-menu--item .dp-checkbox, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox, ngb-typeahead-window.dropdown-menu button .dp-checkbox, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox, typeahead-container.dropdown-menu button .dp-checkbox { width: 100% !important; padding: 0 !important; margin: 0 !important; } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label { display: flex; padding: 11px 16px 11px 36px; border-radius: 2px; } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover, .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus { background: var(--pxl-color-panel-hover); outline: none; } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover:before, .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus:before { color: transparent; } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover .dp-checkbox--value, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover .dp-checkbox--value, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover .dp-checkbox--value, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover .dp-checkbox--value, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:hover .dp-checkbox--value, .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus .dp-checkbox--value, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus .dp-checkbox--value, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus .dp-checkbox--value, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus .dp-checkbox--value, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:focus .dp-checkbox--value { color: var(--pxl-color-font); } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label:before { margin: 11px 6px; background: transparent; border-color: transparent; box-shadow: none; color: transparent; } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label .dp-checkbox--value { color: var(--pxl-primary-tint-09); white-space: nowrap !important; } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input + .dp-checkbox--label i { color: var(--pxl-primary-tint-09); } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before { background: transparent; border-color: transparent; box-shadow: none; color: var(--pxl-color-main); } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label .dp-checkbox--value, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label .dp-checkbox--value, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label .dp-checkbox--value { color: var(--pxl-color-main); } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label, .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:hover { background: var(--pxl-primary-tint-02); } .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, typeahead-container.dropdown-menu button .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:before, .dp-menu--list .dp-menu--item .dp-checkbox .dp-checkbox--input.active + .dp-checkbox--label:hover:before { color: var(--pxl-color-font) !important; } .dp-menu--list .dp-menu--item .dp-checkbox.dp-checkbox--with-button:hover .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox.dp-checkbox--with-button:hover .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu button .dp-checkbox.dp-checkbox--with-button:hover .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox.dp-checkbox--with-button:hover .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu button .dp-checkbox.dp-checkbox--with-button:hover .dp-checkbox--input + .dp-checkbox--label { background: var(--pxl-color-panel-hover); } .dp-menu--list .dp-menu--item .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu .dp-menu--list button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label, typeahead-container.dropdown-menu button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label { padding-right: 48px; } .dp-menu--list .dp-menu--item .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label + .dp-button, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label + .dp-button, ngb-typeahead-window.dropdown-menu button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label + .dp-button, typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label + .dp-button, typeahead-container.dropdown-menu button .dp-checkbox.dp-checkbox--with-button .dp-checkbox--input + .dp-checkbox--label + .dp-button { position: absolute; top: 5px; right: 0; width: auto; margin: 3px; z-index: 1; } .dp-menu--list .dp-menu--item .dp-textfield, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield, ngb-typeahead-window.dropdown-menu button .dp-textfield, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield, typeahead-container.dropdown-menu button .dp-textfield { width: 100% !important; min-width: 236px !important; max-width: none !important; padding: 0 12px !important; margin: 6px 0 !important; } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; width: 100%; height: 24px; padding: 0 16px; background: var(--pxl-primary-tint-00); background-image: none !important; border: 1px solid var(--pxl-input-border-color) !important; border-radius: 2px; outline: none; appearance: none; } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input:hover, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:hover, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input:hover, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:hover, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input:hover { background: transparent !important; cursor: text; } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input:focus, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:focus, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input:focus, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:focus, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input:focus { background: transparent !important; box-shadow: 0 0 0 4px var(--pxl-focus) !important; } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input { height: 32px; min-height: auto; font-size: 12px; font-weight: 400; line-height: 28px; } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input::-webkit-input-placeholder, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input::-webkit-input-placeholder, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input::-webkit-input-placeholder, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input::-webkit-input-placeholder, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input::-webkit-input-placeholder { color: var(--pxl-primary-tint-06); } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input::-moz-placeholder, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input::-moz-placeholder, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input::-moz-placeholder, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input::-moz-placeholder, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input::-moz-placeholder { color: var(--pxl-primary-tint-06); } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input:-ms-input-placeholder, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:-ms-input-placeholder, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input:-ms-input-placeholder, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:-ms-input-placeholder, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input:-ms-input-placeholder { color: var(--pxl-primary-tint-06); } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input:-moz-placeholder, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:-moz-placeholder, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input:-moz-placeholder, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:-moz-placeholder, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input:-moz-placeholder { color: var(--pxl-primary-tint-06); } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input:hover, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:hover, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input:hover, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:hover, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input:hover { background: transparent !important; border-color: var(--pxl-primary-tint-05) !important; } .dp-menu--list .dp-menu--item .dp-textfield .dp-textfield--input:focus, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:focus, ngb-typeahead-window.dropdown-menu button .dp-textfield .dp-textfield--input:focus, typeahead-container.dropdown-menu .dp-menu--item .dp-textfield .dp-textfield--input:focus, typeahead-container.dropdown-menu button .dp-textfield .dp-textfield--input:focus { background: transparent !important; border-color: var(--pxl-color-main) !important; box-shadow: 0 0 0 4px var(--pxl-focus) !important; } .dp-menu--list .dp-menu--item.dp-menu--with-actions, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions, typeahead-container.dropdown-menu button.dp-menu--with-actions { display: flex; } .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--button, .dp-menu--list .dp-menu--item.dp-menu--with-actions ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions button, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--button, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions button, .dp-menu--list .dp-menu--item.dp-menu--with-actions typeahead-container.dropdown-menu button, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions button, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--button, typeahead-container.dropdown-menu button.dp-menu--with-actions button { padding-right: 0 !important; margin-right: 0 !important; } .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--button:hover, .dp-menu--list .dp-menu--item.dp-menu--with-actions ngb-typeahead-window.dropdown-menu button:hover, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button:hover, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions button:hover, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--button:hover, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions button:hover, .dp-menu--list .dp-menu--item.dp-menu--with-actions typeahead-container.dropdown-menu button:hover, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button:hover, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions button:hover, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--button:hover, typeahead-container.dropdown-menu button.dp-menu--with-actions button:hover, .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--button:focus, .dp-menu--list .dp-menu--item.dp-menu--with-actions ngb-typeahead-window.dropdown-menu button:focus, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button:focus, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions button:focus, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--button:focus, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions button:focus, .dp-menu--list .dp-menu--item.dp-menu--with-actions typeahead-container.dropdown-menu button:focus, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button:focus, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions button:focus, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--button:focus, typeahead-container.dropdown-menu button.dp-menu--with-actions button:focus, .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--button:active, .dp-menu--list .dp-menu--item.dp-menu--with-actions ngb-typeahead-window.dropdown-menu button:active, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button:active, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions button:active, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--button:active, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions button:active, .dp-menu--list .dp-menu--item.dp-menu--with-actions typeahead-container.dropdown-menu button:active, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button:active, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions button:active, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--button:active, typeahead-container.dropdown-menu button.dp-menu--with-actions button:active { background: transparent; } .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute, .dp-menu--list .dp-menu--item.dp-menu--with-actions ngb-typeahead-window.dropdown-menu button + .dp-button.dp-button--icon.dp-button--absolute, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute, .dp-menu--list .dp-menu--item.dp-menu--with-actions typeahead-container.dropdown-menu button + .dp-button.dp-button--icon.dp-button--absolute, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute, typeahead-container.dropdown-menu button.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute { display: inline-block; width: auto !important; z-index: 1; } .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:hover, .dp-menu--list .dp-menu--item.dp-menu--with-actions ngb-typeahead-window.dropdown-menu button + .dp-button.dp-button--icon.dp-button--absolute:hover, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:hover, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:hover, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:hover, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:hover, .dp-menu--list .dp-menu--item.dp-menu--with-actions typeahead-container.dropdown-menu button + .dp-button.dp-button--icon.dp-button--absolute:hover, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:hover, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:hover, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:hover, typeahead-container.dropdown-menu button.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:hover, .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:focus, .dp-menu--list .dp-menu--item.dp-menu--with-actions ngb-typeahead-window.dropdown-menu button + .dp-button.dp-button--icon.dp-button--absolute:focus, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:focus, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:focus, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:focus, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:focus, .dp-menu--list .dp-menu--item.dp-menu--with-actions typeahead-container.dropdown-menu button + .dp-button.dp-button--icon.dp-button--absolute:focus, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:focus, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:focus, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:focus, typeahead-container.dropdown-menu button.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:focus, .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:active, .dp-menu--list .dp-menu--item.dp-menu--with-actions ngb-typeahead-window.dropdown-menu button + .dp-button.dp-button--icon.dp-button--absolute:active, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:active, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:active, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:active, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:active, .dp-menu--list .dp-menu--item.dp-menu--with-actions typeahead-container.dropdown-menu button + .dp-button.dp-button--icon.dp-button--absolute:active, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:active, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:active, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--button + .dp-button.dp-button--icon.dp-button--absolute:active, typeahead-container.dropdown-menu button.dp-menu--with-actions button + .dp-button.dp-button--icon.dp-button--absolute:active { background: transparent; } .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--actions, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--actions, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--actions, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--actions, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--actions { display: inline-block; width: auto; padding: 6px; margin: 0; white-space: nowrap; z-index: 1; } .dp-menu--list .dp-menu--item.dp-menu--with-actions .dp-menu--actions .dp-button, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--actions .dp-button, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions .dp-menu--actions .dp-button, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions .dp-menu--actions .dp-button, typeahead-container.dropdown-menu button.dp-menu--with-actions .dp-menu--actions .dp-button { display: block; margin: 0 3px 6px !important; } .dp-menu--list .dp-menu--item.dp-menu--with-actions:hover:before, ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--with-actions:hover:before, ngb-typeahead-window.dropdown-menu button.dp-menu--with-actions:hover:before, typeahead-container.dropdown-menu .dp-menu--item.dp-menu--with-actions:hover:before, typeahead-container.dropdown-menu button.dp-menu--with-actions:hover:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 2px; background: var(--pxl-color-panel-hover); content: ""; } .dp-menu--list .dp-menu--item .dp-tab, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-tab, ngb-typeahead-window.dropdown-menu button .dp-tab, typeahead-container.dropdown-menu .dp-menu--item .dp-tab, typeahead-container.dropdown-menu button .dp-tab { display: block; width: calc(100% + 12px); min-width: 248px; padding: 0; margin: 0 -6px 12px -6px; } typeahead-container.dropdown-menu .dropdown-header, .dp-menu--list .dp-menu--item .dp-menu--head, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-menu--head, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-menu--head, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-menu--head, ngb-typeahead-window.dropdown-menu button .dp-menu--head, .dp-menu--list typeahead-container.dropdown-menu button .dp-menu--head, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--head, typeahead-container.dropdown-menu .dp-menu--list button .dp-menu--head, typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--head, typeahead-container.dropdown-menu .dp-menu--item .dp-menu--head, typeahead-container.dropdown-menu button .dp-menu--head { padding: 0 16px 4px; margin: 0; font-size: 14px; line-height: 40px; text-align: left; white-space: nowrap; color: var(--pxl-primary-tint-06); } typeahead-container.dropdown-menu .dropdown-header .dp-button, .dp-menu--list .dp-menu--item .dp-menu--head .dp-button, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-menu--head .dp-button, ngb-typeahead-window.dropdown-menu button .dp-menu--head .dp-button, typeahead-container.dropdown-menu .dp-menu--item .dp-menu--head .dp-button, typeahead-container.dropdown-menu button .dp-menu--head .dp-button { width: auto !important; margin: 0; } typeahead-container.dropdown-menu .dropdown-header .dp-button:first-child, .dp-menu--list .dp-menu--item .dp-menu--head .dp-button:first-child, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-menu--head .dp-button:first-child, ngb-typeahead-window.dropdown-menu button .dp-menu--head .dp-button:first-child, typeahead-container.dropdown-menu .dp-menu--item .dp-menu--head .dp-button:first-child, typeahead-container.dropdown-menu button .dp-menu--head .dp-button:first-child { margin-right: -12px; } typeahead-container.dropdown-menu .dropdown-header .dp-button.dp-button--icon .material-icons, .dp-menu--list .dp-menu--item .dp-menu--head .dp-button.dp-button--icon .material-icons, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-menu--head .dp-button.dp-button--icon .material-icons, ngb-typeahead-window.dropdown-menu button .dp-menu--head .dp-button.dp-button--icon .material-icons, typeahead-container.dropdown-menu .dp-menu--item .dp-menu--head .dp-button.dp-button--icon .material-icons, typeahead-container.dropdown-menu button .dp-menu--head .dp-button.dp-button--icon .material-icons { margin-left: 16px; } typeahead-container.dropdown-menu .dropdown-header .material-icons, .dp-menu--list .dp-menu--item .dp-menu--head .material-icons, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-menu--head .material-icons, ngb-typeahead-window.dropdown-menu button .dp-menu--head .material-icons, typeahead-container.dropdown-menu .dp-menu--item .dp-menu--head .material-icons, typeahead-container.dropdown-menu button .dp-menu--head .material-icons { margin-left: 6px; cursor: pointer; } .dp-menu--list .dp-menu--item:last-child .dp-menu--group, ngb-typeahead-window.dropdown-menu .dp-menu--item:last-child .dp-menu--group, ngb-typeahead-window.dropdown-menu button:last-child .dp-menu--group, typeahead-container.dropdown-menu .dp-menu--item:last-child .dp-menu--group, typeahead-container.dropdown-menu button:last-child .dp-menu--group { padding: 0; margin: 0; border-color: transparent; } .dp-menu--list .dp-menu--item .dp-menu--sub, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-menu--sub, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-menu--sub, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-menu--sub, ngb-typeahead-window.dropdown-menu button .dp-menu--sub, .dp-menu--list typeahead-container.dropdown-menu button .dp-menu--sub, typeahead-container.dropdown-menu .dp-menu--list button .dp-menu--sub, typeahead-container.dropdown-menu .dp-menu--item .dp-menu--sub, typeahead-container.dropdown-menu button .dp-menu--sub { display: block; color: var(--pxl-primary-tint-06); } .dp-menu--list .dp-menu--item .dp-menu--group, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-menu--group, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-menu--group, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-menu--group, ngb-typeahead-window.dropdown-menu button .dp-menu--group, .dp-menu--list typeahead-container.dropdown-menu button .dp-menu--group, typeahead-container.dropdown-menu .dp-menu--list button .dp-menu--group, typeahead-container.dropdown-menu .dp-menu--item .dp-menu--group, typeahead-container.dropdown-menu button .dp-menu--group { padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid var(--pxl-input-border-color); } .dp-menu--list .dp-menu--item .dp-menu--foot, .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-menu--foot, ngb-typeahead-window.dropdown-menu .dp-menu--list button .dp-menu--foot, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-menu--foot, ngb-typeahead-window.dropdown-menu button .dp-menu--foot, .dp-menu--list typeahead-container.dropdown-menu button .dp-menu--foot, typeahead-container.dropdown-menu .dp-menu--list button .dp-menu--foot, typeahead-container.dropdown-menu .dp-menu--item .dp-menu--foot, typeahead-container.dropdown-menu button .dp-menu--foot { padding: 0; margin: 0; } .dp-menu--list .dp-menu--item .dp-menu--foot .dp-button, ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-menu--foot .dp-button, ngb-typeahead-window.dropdown-menu button .dp-menu--foot .dp-button, typeahead-container.dropdown-menu .dp-menu--item .dp-menu--foot .dp-button, typeahead-container.dropdown-menu button .dp-menu--foot .dp-button { display: block; padding: 0 16px !important; text-align: center; } .dp-menu.dp-menu--with-label .dp-menu--label { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; display: block; position: absolute; top: 0; width: 100%; height: auto; padding: 0 16px; font-weight: 300; line-height: 28px; color: var(--pxl-primary-tint-07); cursor: default; z-index: 1; } .dp-menu.dp-menu--with-label .dp-menu--label + .dp-button { min-height: 46px; max-height: 46px; padding-top: 16px; line-height: 3rem; z-index: 2; } .dp-menu.dp-menu--with-label .dp-menu--label + .dp-button[disabled] { z-index: 0; } .dp-menu.dp-menu--with-label .dp-menu--label .material-icons { position: relative; top: -1px; margin-left: 4px; color: var(--pxl-primary-tint-07); font-size: 14px; line-height: 26px; z-index: 2; cursor: pointer; } .dp-menu.dp-menu--with-label .dp-menu--list + .dp-menu--actions, .dp-menu.dp-menu--with-label ngb-typeahead-window.dropdown-menu + .dp-menu--actions, .dp-menu.dp-menu--with-label typeahead-container.dropdown-menu + .dp-menu--actions, .dp-menu.dp-menu--with-label .dp-menu--label + .dp-button + .dp-menu--actions { position: absolute; top: 1px; right: 1px; margin: 0.75rem; background: var(--pxl-panel-background); border-radius: 2px; z-index: 1; } .dp-menu.dp-menu--with-label .dp-menu--list + .dp-menu--actions .dp-button, .dp-menu.dp-menu--with-label ngb-typeahead-window.dropdown-menu + .dp-menu--actions .dp-button, .dp-menu.dp-menu--with-label typeahead-container.dropdown-menu + .dp-menu--actions .dp-button, .dp-menu.dp-menu--with-label .dp-menu--label + .dp-button + .dp-menu--actions .dp-button { margin: 0; } .dp-menu.dp-menu--with-label:after { height: 46px; line-height: 46px; z-index: 0; } .dp-menu.dp-menu--with-label.dp-menu--disabled .dp-menu--label { color: var(--pxl-primary-tint-06); z-index: 2; } .dp-menu.dp-menu--with-icon { width: auto; } .dp-menu.dp-menu--with-icon .dp-menu--button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon button, .dp-menu.dp-menu--with-icon typeahead-container.dropdown-menu button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon button { padding: 0 16px; width: auto; } .dp-menu.dp-menu--with-icon .dp-menu--list, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dropdown-menu, .dp-menu.dp-menu--with-icon typeahead-container.dropdown-menu { width: auto; } .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item typeahead-container.dropdown-menu button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button typeahead-container.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button typeahead-container.dropdown-menu button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item typeahead-container.dropdown-menu button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button typeahead-container.dropdown-menu button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button { padding-left: 48px !important; } .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--button .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button typeahead-container.dropdown-menu button .dp-button--value, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button button .dp-button--value, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button ngb-typeahead-window.dropdown-menu button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value { white-space: normal !important; } .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button typeahead-container.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item typeahead-container.dropdown-menu button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button typeahead-container.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button ngb-typeahead-window.dropdown-menu button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button button .dp-button--value span, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button ngb-typeahead-window.dropdown-menu button .dp-button--value span, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button button .dp-button--value span { display: inline-block !important; } .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--foot .dp-menu--button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--foot ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--foot button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--foot .dp-menu--button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--foot button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--foot .dp-menu--button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--foot button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--foot .dp-menu--button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--foot button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--foot .dp-menu--button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--foot button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--foot typeahead-container.dropdown-menu button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--foot typeahead-container.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--foot typeahead-container.dropdown-menu button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--foot typeahead-container.dropdown-menu button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--foot typeahead-container.dropdown-menu button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--foot button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons ngb-typeahead-window.dropdown-menu button .dp-menu--foot button, ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--foot button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--foot button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--foot button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--foot .dp-menu--button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--foot ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--foot button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--foot .dp-menu--button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--foot button, .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons typeahead-container.dropdown-menu button .dp-menu--foot button, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu typeahead-container.dropdown-menu button .dp-menu--foot button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--foot .dp-menu--button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--foot ngb-typeahead-window.dropdown-menu button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--foot .dp-menu--button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--foot button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons button .dp-menu--foot button, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dp-menu--icons.dropdown-menu button .dp-menu--foot button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--foot .dp-menu--button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--foot ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--foot button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--foot .dp-menu--button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--foot button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--foot .dp-menu--button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--foot button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu .dp-menu--item .dp-menu--foot button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-menu--foot button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--foot button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--foot .dp-menu--button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--foot ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--foot button, .dp-menu.dp-menu--with-icon typeahead-container.dp-menu--icons.dropdown-menu button .dp-menu--foot button { padding-left: 16px !important; } .dp-menu.dp-menu--with-icon .dp-menu--list .dp-menu--item .dp-checkbox, .dp-menu.dp-menu--with-icon .dp-menu--list ngb-typeahead-window.dropdown-menu button .dp-checkbox, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list button .dp-checkbox, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dropdown-menu .dp-menu--item .dp-checkbox, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dropdown-menu button .dp-checkbox, .dp-menu.dp-menu--with-icon .dp-menu--list typeahead-container.dropdown-menu button .dp-checkbox, .dp-menu.dp-menu--with-icon ngb-typeahead-window.dropdown-menu typeahead-container.dropdown-menu button .dp-checkbox, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon .dp-menu--list button .dp-checkbox, typeahead-container.dropdown-menu .dp-menu.dp-menu--with-icon ngb-typeahead-window.dropdown-menu button .dp-checkbox, .dp-menu.dp-menu--with-icon typeahead-container.dropdown-menu .dp-menu--item .dp-checkbox, .dp-menu.dp-menu--with-icon typeahead-container.dropdown-menu ngb-typeahead-window.dropdown-menu button .dp-checkbox, ngb-typeahead-window.dropdown-menu .dp-menu.dp-menu--with-icon typeahead-container.dropdown-menu button .dp-checkbox, .dp-menu.dp-menu--with-icon typeahead-container.dropdown-menu button .dp-checkbox { height: auto; } .dp-menu.dp-menu--margin { margin: 12px 0; } .dp-menu.dp-menu--margin-right { margin-right: 12px; } .dp-menu.dp-menu--right { margin: 0 0 0 12px; float: right; } .dp-menu.dp-menu--right .dp-menu--list, .dp-menu.dp-menu--right ngb-typeahead-window.dropdown-menu, .dp-menu.dp-menu--right typeahead-container.dropdown-menu { left: auto !important; right: 0 !important; transform: translate(0px, 28px) !important; } .dp-menu.dp-menu--left { margin: 0 12px 0 0; float: left; } .dp-menu.dp-menu--left .dp-menu--list, .dp-menu.dp-menu--left ngb-typeahead-window.dropdown-menu, .dp-menu.dp-menu--left typeahead-container.dropdown-menu { left: 0; right: auto !important; } .dp-menu .dp-menu--list .dp-menu--item.dp-menu--active .dp-menu--button, .dp-menu .dp-menu--list .dp-menu--item.dp-menu--active ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu .dp-menu--list .dp-menu--item.dp-menu--active button, ngb-typeahead-window.dropdown-menu .dp-menu .dp-menu--list button.dp-menu--active .dp-menu--button, ngb-typeahead-window.dropdown-menu .dp-menu .dp-menu--list button.dp-menu--active button, .dp-menu ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--active .dp-menu--button, .dp-menu ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--active button, .dp-menu ngb-typeahead-window.dropdown-menu button.dp-menu--active .dp-menu--button, .dp-menu ngb-typeahead-window.dropdown-menu button.dp-menu--active button, .dp-menu .dp-menu--list .dp-menu--item.dp-menu--active typeahead-container.dropdown-menu button, typeahead-container.dropdown-menu .dp-menu .dp-menu--list .dp-menu--item.dp-menu--active button, typeahead-container.dropdown-menu .dp-menu .dp-menu--list button.dp-menu--active .dp-menu--button, typeahead-container.dropdown-menu .dp-menu .dp-menu--list button.dp-menu--active button, .dp-menu typeahead-container.dropdown-menu .dp-menu--item.dp-menu--active .dp-menu--button, .dp-menu typeahead-container.dropdown-menu .dp-menu--item.dp-menu--active button, .dp-menu typeahead-container.dropdown-menu button.dp-menu--active .dp-menu--button, .dp-menu typeahead-container.dropdown-menu button.dp-menu--active button { background: var(--pxl-color-panel-hover); } .dp-menu .dp-menu--list .dp-menu--item.dp-menu--highlight .dp-menu--button, .dp-menu .dp-menu--list .dp-menu--item.dp-menu--highlight ngb-typeahead-window.dropdown-menu button, ngb-typeahead-window.dropdown-menu .dp-menu .dp-menu--list .dp-menu--item.dp-menu--highlight button, ngb-typeahead-window.dropdown-menu .dp-menu .dp-menu--list button.dp-menu--highlight .dp-menu--button, ngb-typeahead-window.dropdown-menu .dp-menu .dp-menu--list button.dp-menu--highlight button, .dp-menu ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--highlight .dp-menu--button, .dp-menu ngb-typeahead-window.dropdown-menu .dp-menu--item.dp-menu--highlight button, .dp-menu ngb-typeahead-window.dropdown-menu button.dp-menu--highlight .dp-menu--button, .dp-menu ngb-typeahead-window.dropdown-menu button.dp-menu--highlight button, .dp-menu .dp-menu--list .dp-menu--item.dp-menu--highlight typeahead-container.dropdown-menu button, typeahead-container.dropdown-menu .dp-menu .dp-menu--list .dp-menu--item.dp-menu--highlight button, typeahead-container.dropdown-menu .dp-menu .dp-menu--list button.dp-menu--highlight .dp-menu--button, typeahead-container.dropdown-menu .dp-menu .dp-menu--list button.dp-menu--highlight button, .dp-menu typeahead-container.dropdown-menu .dp-menu--item.dp-menu--highlight .dp-menu--button, .dp-menu typeahead-container.dropdown-menu .dp-menu--item.dp-menu--highlight button, .dp-menu typeahead-container.dropdown-menu button.dp-menu--highlight .dp-menu--button, .dp-menu typeahead-container.dropdown-menu button.dp-menu--highlight button { background: var(--pxl-primary-tint-02); } .dp-menu .dp-menu--item .dp-layout--empty, .dp-menu ngb-typeahead-window.dropdown-menu button .dp-layout--empty, ngb-typeahead-window.dropdown-menu .dp-menu button .dp-layout--empty, .dp-menu typeahead-container.dropdown-menu button .dp-layout--empty, typeahead-container.dropdown-menu .dp-menu button .dp-layout--empty { padding: 12px 24px; } body > .dp-menu--list.dp-menu--appended, body > ngb-typeahead-window.dp-menu--appended.dropdown-menu, body > typeahead-container.dp-menu--appended.dropdown-menu { width: 100%; width: 248px; min-width: auto; margin-left: -212px; } body > .dp-menu--appended--dialog, body > ngb-typeahead-window.dropdown-menu { width: 100%; min-width: auto; max-width: 622px !important; max-height: 248px; z-index: 2000 !important; } body > .dp-menu--appended--dialog-from-icon { width: 248px; margin-left: -212px; max-height: 248px; z-index: 2000; } mention-list { padding: 0; margin: 0; } mention-list ul, mention-list ul.dropdown-menu { box-shadow: var(--pxl-shadow-small); display: none; position: relative; width: 248px; height: auto; max-height: 248px; background: var(--pxl-panel-background) !important; border: 1px solid var(--pxl-panel-border-color); border-radius: 2px; padding: 0 !important; margin: 0 !important; list-style: none; overflow: auto; } mention-list ul li, mention-list ul.dropdown-menu li { display: block; position: relative; border: none; padding: 0; margin: 0 -6px !important; } mention-list ul li a.mention-item, mention-list ul.dropdown-menu li a.mention-item { font-family: var(--pxl-font-family-primary); font-size: 14px !important; letter-spacing: 0 !important; position: relative; width: calc(100% - 6px * 2); height: auto; min-height: 32px; background: transparent; border: none; border-radius: 0; padding: 6px 16px !important; margin: 0 auto !important; line-height: 32px !important; font-weight: 300 !important; text-align: left; text-decoration: none; overflow: visible; color: var(--pxl-color-font) !important; cursor: pointer; } mention-list ul li a.mention-item:focus, mention-list ul li a.mention-item:hover, mention-list ul.dropdown-menu li a.mention-item:focus, mention-list ul.dropdown-menu li a.mention-item:hover { background: var(--pxl-color-panel-hover) !important; color: var(--pxl-color-font) !important; } mention-list ul li.mention-active a.mention-item, mention-list ul.dropdown-menu li.mention-active a.mention-item { background: var(--pxl-color-panel-hover) !important; color: var(--pxl-color-font) !important; } .dropdown-menu { font-size: 14px; z-index: 1050 !important; width: auto; max-width: 622px; color: var(--pxl-color-font); } .dropdown-menu > li > a { font-weight: 300; color: var(--pxl-color-font); } .dropdown-item { font-weight: 300; color: var(--pxl-color-font); white-space: normal !important; } .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus { background-color: transparent; } .dropdown-toggle::after { border: none; } .ngb-highlight { font-weight: 600; -webkit-font-smoothing: antialiased; } typeahead-container { width: 100% !important; } typeahead-container.dropdown-menu .dropdown-header:not(:first-of-type) { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--pxl-input-border-color); } typeahead-container.dropdown-menu button { color: var(--pxl-color-font); background: transparent; } typeahead-container.dropdown-menu button .dp-button--value { display: block; width: 100%; } typeahead-container.dropdown-menu button .dp-button--value.dp-button--delete { padding-right: 25px; } typeahead-container.dropdown-menu button.active, typeahead-container.dropdown-menu button:active { background: var(--pxl-color-panel-hover); color: var(--pxl-color-font); } ngb-typeahead-window { width: 100% !important; } ngb-typeahead-window.dropdown-menu { min-height: 60px !important; } ngb-typeahead-window.dropdown-menu button { color: var(--pxl-color-font); background: transparent; } ngb-typeahead-window.dropdown-menu button .dp-button--value { display: block; width: 100%; height: auto !important; line-height: 1.4em; padding: 8px 0; } ngb-typeahead-window.dropdown-menu button .dp-button--value.dp-button--delete { padding-right: 25px; } ngb-typeahead-window.dropdown-menu button.active, ngb-typeahead-window.dropdown-menu button:active { background: var(--pxl-color-panel-hover); color: var(--pxl-color-font); } .dp-menu--list, typeahead-container.dropdown-menu, ngb-typeahead-window.dropdown-menu { padding: 8px 0; } .dp-layout--head .dp-menu--list, .dp-layout--aside-head .dp-menu--list, .dp-layout--head ngb-typeahead-window.dropdown-menu, .dp-layout--aside-head ngb-typeahead-window.dropdown-menu, .dp-layout--head typeahead-container.dropdown-menu, .dp-layout--aside-head typeahead-container.dropdown-menu { margin-top: 4px; } #filter-menu .dp-menu--list .dp-menu--item, #filter-menu typeahead-container.dropdown-menu .dp-menu--item, #filter-menu ngb-typeahead-window.dropdown-menu .dp-menu--item, typeahead-container.dropdown-menu #filter-menu .dp-menu--list button, #filter-menu typeahead-container.dropdown-menu button, ngb-typeahead-window.dropdown-menu #filter-menu .dp-menu--list button, #filter-menu ngb-typeahead-window.dropdown-menu button { min-width: 208px; } #schema-dropdown.dp-menu.dp-menu--right .dp-menu--list, #schema-dropdown.dp-menu.dp-menu--right typeahead-container.dropdown-menu, #schema-dropdown.dp-menu.dp-menu--right ngb-typeahead-window.dropdown-menu { min-width: 240px; } .dp-message { display: block; width: 100%; } .dp-message .dp-message--list .dp-message--item { padding: 8px 0; } .dp-message .dp-message--list .dp-message--item .dp-message--value { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; padding: 16px 32px; background: transparent; border-radius: 2px; color: var(--pxl-color-font); border: 1px solid transparent; border-left-width: 4px; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--gray { border-color: #707070; background: var(--pxl-accent1-tint-02); } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--primary { border-color: var(--pxl-general-tint-10); background: var(--pxl-general-tint-02); } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--info { border-color: var(--pxl-info-tint-10); background: var(--pxl-info-tint-02); } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--success { border-color: var(--pxl-success-tint-10); background: var(--pxl-success-tint-02); } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--warning { border-color: var(--pxl-warning-tint-10); background: var(--pxl-warning-tint-02); } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--error { border-color: var(--pxl-error-tint-10); background: var(--pxl-error-tint-02); } .dp-message .dp-message--list .dp-message--item .dp-message--value[ng-click], .dp-message .dp-message--list .dp-message--item .dp-message--value[popover-trigger], .dp-message .dp-message--list .dp-message--item .dp-message--value[href], .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--clickable { cursor: pointer; } .dp-message .dp-message--list .dp-message--item .dp-message--value[ng-click].dp-message--info:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[popover-trigger].dp-message--info:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[href].dp-message--info:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--clickable.dp-message--info:hover { background: var(--pxl-info-tint-04); } .dp-message .dp-message--list .dp-message--item .dp-message--value[ng-click].dp-message--success:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[popover-trigger].dp-message--success:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[href].dp-message--success:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--clickable.dp-message--success:hover { background: var(--pxl-success-tint-04); } .dp-message .dp-message--list .dp-message--item .dp-message--value[ng-click].dp-message--warning:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[popover-trigger].dp-message--warning:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[href].dp-message--warning:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--clickable.dp-message--warning:hover { background: var(--pxl-warning-tint-04); } .dp-message .dp-message--list .dp-message--item .dp-message--value[ng-click].dp-message--error:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[popover-trigger].dp-message--error:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[href].dp-message--error:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--clickable.dp-message--error:hover { background: var(--pxl-error-tint-04); } .dp-message .dp-message--list .dp-message--item .dp-message--value[ng-click]:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[popover-trigger]:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value[href]:hover, .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--clickable:hover { text-decoration: none; } .dp-message .dp-message--list .dp-message--item .dp-message--value .dp-button.dp-button--icon { margin: 0 !important; margin-top: -2px !important; } .dp-message .dp-message--list .dp-message--item .dp-message--value .dp-button.dp-button--solid { margin: 0 0 0 6px !important; float: right; } .dp-message .dp-message--list .dp-message--item .dp-message--value .dp-button.dp-button--icon, .dp-message .dp-message--list .dp-message--item .dp-message--value .dp-button.dp-button--inline { margin-left: 0 !important; float: none; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--pre-wrap { white-space: pre-wrap; } .dp-message.dp-message--centered .dp-message--list .dp-message--item { text-align: center; } .dp-message.dp-message--with-tip { float: left; } .dp-message.dp-message--with-tip .dp-message--list .dp-message--item { text-align: center; } .dp-message.dp-message--with-tip .dp-message--list .dp-message--item .dp-message--value { padding: 0; color: var(--pxl-primary-tint-06); } .dp-message.dp-message--with-tip .dp-message--list .dp-message--item .dp-message--value:before { padding-right: 16px; font-family: "Material Icons"; font-size: 18px; content: "\e90f"; vertical-align: middle; } .dp-message.dp-message--with-tip .dp-message--list .dp-message--item .dp-message--value.dp-message--markdown:before { font-family: "Ionicons"; content: "\f241"; } .dp-message.dp-message--with-tip .dp-message--list .dp-message--item .dp-message--value .dp-button { float: none; } .dp-message .dp-message--list .dp-message--item .dp-message--value .showdown-documentation { margin: -8px 0; } .dp-message .dp-message--list .dp-message--item .dp-message--value .material-icons.dp-typography--inline { margin: 0 4px; position: relative; top: 4px; } .dp-message .dp-message--list .dp-message--item .dp-message--value .dp-typography-snippet { background: rgba(255, 255, 255, 0.5); } .dp-message .dp-message--list .dp-message--item .dp-message--value .dp-typography-snippet:not(:has(pre)), .dp-message .dp-message--list .dp-message--item .dp-message--value .dp-typography-snippet:not(:has(.pre)) { background: var(--pxl-primary-tint-02); } .dp-message .dp-message--list .dp-message--item .dp-message--value .dp-typography-snippet copyable .dp-button--right { float: right; margin: 14px 0 !important; margin-right: 24px !important; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--value---icon { position: relative; padding-left: 72px; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--value---icon .material-icons.dp-typography--inline { margin: 0 4px; position: absolute; top: 50%; left: 24px; transform: translateY(-50%); } .dp-message .dp-message--list .dp-message--item .dp-message--value .dp-message--small-link { font-size: 12px; text-decoration: underline; } #virtualPopulation .dp-message--list .dp-message--item .dp-message--value .dp-button { top: -0.5rem; } .dp-nav { position: fixed; top: 0; left: 0; width: 80px; height: 100%; margin: 0 auto; background: var(--pxl-primary); background: linear-gradient(180deg, var(--pxl-primary), var(--pxl-primary)); background-size: 300%; z-index: 5; } .dp-nav > .dp-nav--list { position: relative; width: 100%; padding: 18px 0; } .dp-nav > .dp-nav--list:first-child { padding-top: 0; border-bottom: 1px solid rgba(var(--pxl-primary-tint-00), 0.35); } .dp-nav > .dp-nav--list .dp-nav--item { width: 100%; height: auto; text-align: center; } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--logo { height: 70px; } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--logo .dp-nav--button .dp-button { position: relative; width: 100%; height: 100%; padding: 0; margin: 0; background: transparent; } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--logo .dp-nav--button .dp-button .dp-button--image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); outline: none; width: 34px; height: 34px; background: transparent url(/assets/images/immuta/logo-mark-white.svg) center center no-repeat; background-size: contain; } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--add .dp-menu { width: 100%; height: 40px; margin-bottom: 18px; } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--add .dp-menu .dp-menu--button { width: 100%; height: 100%; background: var(--pxl-primary-tint-03); border-radius: 0; } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--add .dp-menu .dp-menu--button:hover { background: var(--pxl-primary-tint-05); } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--add .dp-menu .dp-menu--button .material-icons { color: var(--pxl-primary-tint-00); } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--add .dp-menu .dp-menu--list { top: 0; left: 80px !important; transform: none !important; margin: 12px; } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--add .dp-menu .dp-menu--list .dp-menu--button { background: transparent; } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--add .dp-menu .dp-menu--list .dp-menu--button:hover { background: var(--pxl-primary-tint-01); } .dp-nav > .dp-nav--list .dp-nav--item.dp-nav--editor .dp-nav--button .dp-button .material-icons { transform: scaleX(-1) translate(50%, -50%); } .dp-nav > .dp-nav--list .dp-nav--item .dp-nav--button { display: block; height: 100%; } .dp-nav > .dp-nav--list .dp-nav--item .dp-nav--button .dp-button .material-icons { color: var(--pxl-primary-tint-00); } .dp-nav > .dp-nav--list .dp-nav--item .dp-button { background: transparent; } .dp-nav > .dp-nav--list .dp-nav--item .dp-button:hover, .dp-nav > .dp-nav--list .dp-nav--item .dp-button:focus, .dp-nav > .dp-nav--list .dp-nav--item .dp-button.active { background: var(--pxl-primary-tint-03); } .dp-button.dp-notification { padding: 0; margin: 0 0 0 16px !important; } .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--sm.dp-button--icon.dp-button--absolute.dp-button--nobackground { cursor: default; } .dp-notification, .pxl-notification { position: absolute; left: 0; padding: 0 !important; margin: 0 16px !important; line-height: 24px !important; } .dp-notification:before, .pxl-notification:before { content: var(--fa)/""; font-family: "Font Awesome 7 Pro"; font-weight: 400; color: var(--pxl-primary-tint-06); } @supports not (content: ""/"") { .dp-notification:before, .pxl-notification:before { content: var(--fa); } } .dp-notification--datasource, .dp-notification--owner, .dp-notification--expert, .dp-notification--subscribed, .dp-notification--ingest, .dp-notification--query, .dp-notification--request, .dp-notification--access, .dp-notification--break, .pxl-notification--datasource, .pxl-notification--owner, .pxl-notification--expert, .pxl-notification--subscribed, .pxl-notification--ingest, .pxl-notification--query, .pxl-notification--request, .pxl-notification--access, .pxl-notification--break { --fa: '\f233'; } .dp-notification--project, .pxl-notification--project { --fa: '\e4a2'; } .dp-notification--user, .pxl-notification--user { --fa: '\f007'; } .dp-notification--group, .pxl-notification--group { --fa: '\f0c0'; } .dp-notification--governance, .dp-notification--purpose, .pxl-notification--governance, .pxl-notification--purpose { --fa: '\f19c'; } .dp-notification--comment, .dp-notification--reply, .pxl-notification--comment, .pxl-notification--reply { --fa: '\f27a'; } .dp-notification--apikey, .pxl-notification--apikey { --fa: '\f084'; } .dp-notification--fingerprint, .pxl-notification--fingerprint { --fa: '\f577'; } .dp-notification--column, .pxl-notification--column { --fa: '\e361'; } .dp-notification--server, .pxl-notification--server { --fa: '\e292'; } .dp-notification--delete, .pxl-notification--delete { --fa: '\f1f8'; } .dp-notification--error, .pxl-notification--error { --fa: '\e417'; } .dp-notification--domain-collection, .pxl-notification--domain-collection { --fa: '\f0ac'; } .dp-notification--icon, .pxl-notification--icon { margin: 0; } .pxl-notification { position: relative; left: unset; margin: 0 !important; } .dp-pagination { display: block; position: relative; text-align: center; margin: 12px auto; } .dp-pagination .dp-pagination--item { display: inline; } .dp-pagination .dp-pagination--value { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; line-height: 24px; vertical-align: middle; color: var(--pxl-primary-tint-06); } .dp-layout--section.dp-layout--aside .dp-layout--aside-body .dp-form + .dp-table.dp-table--no-margin + .dp-pagination { margin-top: 24px; } .dp-progress { width: 100%; } .dp-progress .dp-progress--bar { display: inline-block; width: 248px; padding: 0; background: var(--pxl-primary-tint-02); border-radius: 2px; margin: 6px 0; overflow: hidden; } .dp-progress .dp-progress--bar .dp-progress--status { display: block; background: var(--pxl-primary-tint-06); height: 12px; } .dp-progress .dp-progress--info { display: inline-block; width: calc(100% - 284px); vertical-align: top; margin: 0 0 0 24px; } .dp-progress .dp-progress--info .dp-typography-body-1 { padding: 0; } .dp-radio { display: block; position: relative; padding: 6px 0; vertical-align: middle; } .dp-radio .dp-radio--input { position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; } .dp-radio .dp-radio--input + .dp-radio--label { display: inline-block; position: relative; width: auto; min-width: 24px; height: 100%; min-height: 26px; padding: 0 0 0 42px; margin: 0; line-height: 26px; cursor: pointer; -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-radio .dp-radio--input + .dp-radio--label .material-icons { margin-left: 12px; line-height: inherit; } .dp-radio .dp-radio--input + .dp-radio--label .dp-radio--value { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; } .dp-radio .dp-radio--input + .dp-radio--label .dp-label { margin: 0 0 0 12px; } .dp-radio .dp-radio--input + .dp-radio--label:before { display: inline-block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 100px; box-shadow: 0 0 0 1px var(--pxl-primary-tint-03); outline: none; padding: 0; margin: 1px; font-family: "Material Icons"; line-height: 22px; text-align: center; content: "\e3fa"; color: transparent; -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-radio .dp-radio--input + .dp-radio--label:hover .dp-radio--value, .dp-radio .dp-radio--input + .dp-radio--label:focus .dp-radio--value { color: var(--pxl-color-primary-reverse); } .dp-radio .dp-radio--input + .dp-radio--label:hover:before, .dp-radio .dp-radio--input + .dp-radio--label:focus:before { border-color: var(--pxl-primary-tint-05); box-shadow: 0 0 0 1px var(--pxl-primary-tint-05); } .dp-radio .dp-radio--input:hover + .dp-radio--label .dp-radio--value, .dp-radio .dp-radio--input:focus + .dp-radio--label .dp-radio--value { color: var(--pxl-color-primary-reverse); } .dp-radio .dp-radio--input:hover + .dp-radio--label:before, .dp-radio .dp-radio--input:focus + .dp-radio--label:before { border-color: var(--pxl-primary-tint-05); box-shadow: 0 0 0 1px var(--pxl-primary-tint-05); } .dp-radio .dp-radio--input:checked + .dp-radio--label:before, .dp-radio .dp-radio--input.dp-radio--input---checked + .dp-radio--label:before, .dp-radio .dp-radio--input.dp-radio--input---active + .dp-radio--label:before { background: var(--pxl-primary-tint-00); border-color: var(--pxl-primary-tint-05); box-shadow: 0 0 0 1px var(--pxl-primary-tint-05); color: var(--pxl-color-primary-reverse); } .dp-radio .dp-radio--input:checked + .dp-radio--label .dp-radio--value, .dp-radio .dp-radio--input.dp-radio--input---checked + .dp-radio--label .dp-radio--value, .dp-radio .dp-radio--input.dp-radio--input---active + .dp-radio--label .dp-radio--value { color: var(--pxl-color-primary-reverse); } .dp-radio .dp-radio--input:disabled + .dp-radio--label { color: var(--pxl-primary-tint-06); cursor: default; } .dp-radio .dp-radio--input:disabled + .dp-radio--label:before { background: var(--pxl-primary-tint-01); } .dp-radio .dp-radio--input:disabled + .dp-radio--label:hover:before { border: 1px solid var(--pxl-input-border-color); box-shadow: 0 0 0 1px var(--pxl-primary-tint-03); } .dp-radio .dp-radio--input:disabled + .dp-radio--label .dp-radio--value { color: var(--pxl-primary-tint-06) !important; } .dp-radio .dp-radio--input:disabled + .dp-radio--label .dp-radio--value:after { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; margin-left: 12px; line-height: 24px; content: "\e897"; } .dp-radio .dp-radio--input:disabled:checked + .dp-radio--label:before { border: 1px solid var(--pxl-input-border-color); box-shadow: 0 0 0 1px var(--pxl-primary-tint-03); color: var(--pxl-primary-tint-06); } .dp-radio.dp-radio-block { display: block; width: 100%; } .dp-radio.dp-radio--inline { display: inline-block; width: auto; white-space: nowrap; margin-right: 36px !important; } .dp-radio--head { margin: 0 16px; } .dp-radio .dp-radio--input + .dp-radio--label .dp-radio--value + .dp-radio--description { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: inline-block; padding-top: 6px; color: var(--pxl-primary-tint-06); } .dp-radio .dp-radio--input + .dp-radio--label + .dp-label { margin: 0; margin-left: 12px; vertical-align: bottom; } .ms-ie .dp-radio .dp-radio--input + .dp-radio--label:before, .ms-edge .dp-radio .dp-radio--input + .dp-radio--label:before { box-shadow: none; } .dp-radio.dp-radio--card { display: inline-block; position: relative; width: 124px; height: 124px; padding: 0; margin: 0 auto; } .dp-radio.dp-radio--card .dp-radio--input { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } .dp-radio.dp-radio--card .dp-radio--input:checked + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---checked + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---active + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label:after { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; position: absolute; top: 0; left: 0; margin: 12px 16px; } .dp-radio.dp-radio--card .dp-radio--input:checked + .dp-radio--label:before, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---checked + .dp-radio--label:before, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---active + .dp-radio--label:before { background: transparent; box-shadow: 0 0 0 1px var(--pxl-color-main); } .dp-radio.dp-radio--card .dp-radio--input:checked + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---checked + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---active + .dp-radio--label:after { content: "\e5ca"; color: var(--pxl-success-tint-10); } .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label:before, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label:before { border: none; box-shadow: none; } .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label:after { content: "\e899"; color: var(--pxl-primary-tint-06); } .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label .dp-radio--value, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label .dp-radio--value { color: var(--pxl-primary-tint-06); } .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label .dp-radio--value:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label .dp-radio--value:after { display: none; } .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label { display: block; position: relative; width: 100%; bottom: 0; padding: 0; } .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label:before { width: 100%; height: 100%; padding: 0; margin: 0; background: transparent; border-radius: 2px; box-shadow: none; content: ""; -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label .dp-radio--value { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; position: absolute; bottom: 0; width: 100%; padding: 12px; margin: 0; font-weight: 300; line-height: normal; text-align: center; -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-radio.dp-radio--card .dp-radio--img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 12px; margin: 0; z-index: -1; } .dp-radio.dp-radio--card .dp-radio--img + .dp-menu { position: absolute; top: 0; right: 0; } .dp-radio.dp-radio--card.dp-radio--card---full { width: 100%; height: auto; } .dp-radio.dp-radio--card.dp-radio--card---full .dp-radio--input + .dp-radio--label { padding-left: 114px; margin-bottom: -1px; } .dp-radio.dp-radio--card.dp-radio--card---full .dp-radio--input + .dp-radio--label:before { z-index: 3; } .dp-radio.dp-radio--card.dp-radio--card---full .dp-radio--input + .dp-radio--label .dp-radio--value { position: relative; text-align: left; } .dp-radio.dp-radio--card.dp-radio--card---full .dp-radio--input + .dp-radio--label .dp-radio--value .dp-label { margin: 0 !important; } .dp-radio.dp-radio--card.dp-radio--card---full .dp-radio--img { left: 18px; width: 90px; padding: 0 12px; margin: 0; z-index: 1; transform: translate(0, -50%); } .dp-radio.dp-radio--card.dp-radio--card---full.dp-radio--card---no-image .dp-radio--input + .dp-radio--label { padding-left: 0; } .dp-radio.dp-radio--card.dp-radio--card---full.dp-radio--card---no-image .dp-radio--input + .dp-radio--label .dp-radio--value { padding-left: 48px; } .dp-radio.dp-radio--card.dp-radio--card---full.dp-radio--card---no-image .dp-radio--img { display: none; } .dp-radio.dp-radio--no-hover .dp-radio--input + .dp-radio--label:before { border: 1px solid var(--pxl-input-border-color); box-shadow: none; } .dp-radio.dp-radio--no-hover .dp-radio--input + .dp-radio--label:hover, .dp-radio.dp-radio--no-hover .dp-radio--input + .dp-radio--label:focus { cursor: default; } .dp-radio.dp-radio--no-hover .dp-radio--input + .dp-radio--label:hover:before, .dp-radio.dp-radio--no-hover .dp-radio--input + .dp-radio--label:focus:before { border: 1px solid var(--pxl-input-border-color); box-shadow: none; } .dp-radio.dp-radio--no-hover .dp-radio--input + .dp-radio--label .dp-radio--value { color: var(--pxl-primary-tint-06); } .dp-radio.dp-radio--no-hover .dp-radio--input:checked + .dp-radio--label:before, .dp-radio.dp-radio--no-hover .dp-radio--input.dp-radio--input---checked + .dp-radio--label:before, .dp-radio.dp-radio--no-hover .dp-radio--input.dp-radio--input---active + .dp-radio--label:before, .dp-radio.dp-radio--no-hover .dp-radio--input:disabled + .dp-radio--label:before, .dp-radio.dp-radio--no-hover .dp-radio--input.dp-radio--input---disabled + .dp-radio--label:before { background: transparent; border: 1px solid var(--pxl-input-border-color); box-shadow: none; } .dp-radio.dp-radio--card { background: #ffffff; z-index: 0; border-radius: 4px; } .dp-radio.dp-radio--card .dp-radio--input:checked + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---checked + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---active + .dp-radio--label:after { z-index: 3; } .dp-radio.dp-radio--card .dp-radio--input:checked + .dp-radio--label .dp-radio--value, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---checked + .dp-radio--label .dp-radio--value, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---active + .dp-radio--label .dp-radio--value { color: var(--pxl-color-primary-reverse); } .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label:before, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label:before { background: var(--pxl-primary-tint-02); } .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label:after, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label:after { color: var(--pxl-primary-tint-06); } .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label .dp-radio--value, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label .dp-radio--value { background: transparent; color: var(--pxl-primary-tint-06); } .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label + .dp-radio--img, .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label + .dp-radio--img { z-index: 2; filter: grayscale(1); opacity: 0.5; } .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label { border-radius: 2px; z-index: 2; } .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label .dp-radio--value { background: var(--pxl-panel-background); margin: 0 1px 1px 1px; width: calc(100% - 2px); } .dp-radio.dp-radio--card .dp-radio--img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%); z-index: 1; margin-top: -6px; } .dp-radio.dp-radio--card .dp-radio--img + .dp-menu { z-index: 5; } @media (prefers-color-scheme: dark) { html:not([data-theme=light]) .dp-radio.dp-radio--card { background: var(--pxl-primary-tint-09); } html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label:before { box-shadow: none !important; } html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type { color: #1e2cae; } html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:hover, html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:active, html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:focus { background-color: var(--pxl-primary-tint-07); } html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label + .dp-radio--img, html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label + .dp-radio--img { filter: grayscale(1) invert(1) brightness(5); } html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type, html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type { color: #a6bbff; } html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:hover, html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:active, html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input:disabled + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:focus, html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:hover, html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:active, html:not([data-theme=light]) .dp-radio.dp-radio--card .dp-radio--input.dp-radio--input---disabled + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:focus { background-color: var(--pxl-primary-tint-03); } } .dp-form .dp-fieldset .dp-radio--card { padding: 0; } .dp-slider { padding-top: 12px; } .dp-slider .ngx-slider { width: calc(100% - 48px); height: 2px; margin: 24px; opacity: 1; } .dp-slider .ngx-slider .ngx-slider-bar { width: 100%; height: 2px; background: var(--pxl-primary-tint-03); } .dp-slider .ngx-slider .ngx-slider-selection { background: var(--pxl-color-main); } .dp-slider .ngx-slider .ngx-slider-pointer { outline: none; top: -6px; width: 14px; height: 14px; background: var(--pxl-primary-tint-09); border: none; border-radius: 100px; } .dp-slider .ngx-slider .ngx-slider-pointer:after { display: none; } .dp-slider .ngx-slider .ngx-slider-bubble { bottom: 15px; font-family: var(--pxl-font-family-primary); font-size: 12px; font-weight: 400; text-align: left; line-height: 18px; color: var(--pxl-primary-tint-06); white-space: nowrap; visibility: visible; opacity: 0; max-width: 100%; overflow: hidden; } .dp-slider .ngx-slider .ngx-slider-limit { display: none; } .dp-switch { display: inline-block; position: relative; width: 48px; height: 24px; margin: 3px 0; } .dp-switch .dp-switch--input { display: none; } .dp-switch .dp-switch--input:checked ~ .dp-switch--label { background: var(--pxl-secondary); } .dp-switch .dp-switch--input:checked ~ .dp-switch--label:before, .dp-switch .dp-switch--input:checked ~ .dp-switch--label:after { left: 50%; } .dp-switch .dp-switch--input:checked ~ .dp-switch--label:before { background: var(--pxl-secondary); animation: switch-on 1s ease; } .dp-switch .dp-switch--input:checked ~ .dp-switch--label:after { background: var(--pxl-primary-tint-00); } .dp-switch .dp-switch--input:checked:disabled ~ .dp-switch--label:before { right: auto; left: 0; text-align: left; color: rgba(var(--pxl-primary-tint-00), 0.7); } .dp-switch .dp-switch--input:disabled ~ .dp-switch--label { cursor: default; } .dp-switch .dp-switch--input:disabled ~ .dp-switch--label:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; right: 0; width: auto; height: auto; background: transparent; margin: 6px 10px; font-size: 12px; content: "\e897"; text-align: right; color: var(--pxl-primary-tint-03); animation: none; opacity: 1; } .dp-switch .dp-switch--label { display: inline-block; position: relative; width: 100%; height: 100%; background: var(--pxl-primary-tint-05); border-radius: 100px; cursor: pointer; } .dp-switch .dp-switch--label:before, .dp-switch .dp-switch--label:after { position: absolute; display: block; top: 0; left: 0; width: 18px; height: 18px; border-radius: 100px; margin: 3px; content: ""; } .dp-switch .dp-switch--label:before { transition: transform 0.35s ease 0s; animation: switch-off 1s ease; opacity: 0; } .dp-switch .dp-switch--label:after { box-shadow: var(--pxl-shadow-small); background: var(--pxl-primary-tint-00); transition: background 0.35s ease 0s, left 0.35s ease 0s; } .dp-switch.dp-switch--with-label { width: auto; margin: 0; } .dp-switch.dp-switch--with-label:hover .dp-switch--input + .dp-switch--label .dp-switch--value { color: var(--pxl-color-main); } .dp-switch.dp-switch--with-label .dp-switch--input:focus + .dp-switch--label .dp-switch--value, .dp-switch.dp-switch--with-label .dp-switch--input:checked + .dp-switch--label .dp-switch--value { color: var(--pxl-color-main); } .dp-switch.dp-switch--with-label .dp-switch--input + .dp-switch--label { width: 48px; } .dp-switch.dp-switch--with-label .dp-switch--input + .dp-switch--label .dp-switch--value { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; padding-left: 60px; line-height: 24px; white-space: nowrap; float: left; } .dp-switch.dp-switch--vertical { position: absolute; top: 50%; transform: translateY(-50%); } @keyframes switch-off { 0% { transform: scale(1, 1); opacity: 0; } 50% { opacity: 0.5; } 100% { transform: scale(2, 2); opacity: 0; } } @keyframes switch-on { 0% { transform: scale(1, 1); opacity: 0; } 50% { opacity: 0.5; } 100% { transform: scale(2, 2); opacity: 0; } } .dp-switch.dp-switch--focus { border-radius: 100px; box-shadow: var(--pxl-secondary-tint-10); animation: switch-pulse 1.2s infinite; } @keyframes switch-pulse { 0% { box-shadow: 0 0 0 0 var(--pxl-secondary-tint-10); } 100% { box-shadow: 0 0 0 8px var(--pxl-secondary-tint-00); } } .dp-tab { display: inline-block; position: relative; width: 100%; padding: 0 36px; } .dp-tab .dp-tab--list { display: inline-block; width: auto; } .dp-tab .dp-tab--list .dp-tab--item { width: auto; float: left; } .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button { margin: 0; background: transparent; border-radius: 0; } .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button .dp-tab--value { color: var(--pxl-primary-tint-06); } .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button:after { position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; opacity: 0; background: var(--pxl-secondary); content: ""; transition: all 0.35s ease 0s, opacity 0.05s ease 0s; z-index: 1; } .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button.active .dp-tab--value, .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button.dp-tab--active .dp-tab--value { color: var(--pxl-color-font); } .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button.active:after, .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button.dp-tab--active:after { left: 0; width: 100%; opacity: 1; } .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button:hover .dp-tab--value { color: var(--pxl-color-font); background-color: var(--pxl-primary-tint-01); } .dp-tab:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; margin: 0; border-bottom: 1px solid var(--pxl-input-border-color); content: ""; } .dp-tab.dp-tab--left { text-align: left; } .dp-tab.dp-tab--center { text-align: center; } .dp-tab.dp-tab--right { text-align: right; } .dp-tab .dp-tab--button .dp-tab--value .material-icons { font-size: 14px; top: -6px; color: var(--pxl-secondary); position: relative; margin-right: -3px !important; } .dp-tab.dp-tab--offset { width: calc(100% + 72px); margin: 0 -36px; } .dp-tab.dp-tab--static { position: absolute; bottom: 0; width: auto; height: 100%; padding: 0; } .dp-tab.dp-tab--static:after { border: none; } .dp-tab.dp-tab--static .dp-tab--list { height: 100%; } .dp-tab.dp-tab--static .dp-tab--list .dp-tab--item { height: 100%; } .dp-tab.dp-tab--static .dp-tab--list .dp-tab--item .dp-tab--button { height: 100%; } .dp-tab.dp-tab--static .dp-tab--list .dp-tab--item .dp-tab--button:hover { cursor: default; } .dp-tab .dp-tab--list .dp-tab--item .dp-tab--button .material-icons { margin-right: 6px; } .dp-tab.dp-tab--with-labels { margin-top: 40px; } .dp-tab.dp-tab--with-labels .dp-tab--list .dp-tab--item .dp-tab--button { padding: 0 0 6px 16px; height: 40px; } .ag-icon { font-family: var(--ag-icon-font-family); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ag-icon-aggregation::before { content: var(--ag-icon-font-code-aggregation, "\f101"); } .ag-icon-arrows::before { content: var(--ag-icon-font-code-arrows, "\f102"); } .ag-icon-asc::before { content: var(--ag-icon-font-code-asc, "\f103"); } .ag-icon-cancel::before { content: var(--ag-icon-font-code-cancel, "\f104"); } .ag-icon-chart::before { content: var(--ag-icon-font-code-chart, "\f105"); } .ag-icon-checkbox-checked::before { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); } .ag-icon-checkbox-indeterminate::before { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); } .ag-icon-checkbox-unchecked::before { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); } .ag-icon-color-picker::before { content: var(--ag-icon-font-code-color-picker, "\f109"); } .ag-icon-columns::before { content: var(--ag-icon-font-code-columns, "\f10a"); } .ag-icon-contracted::before { content: var(--ag-icon-font-code-contracted, "\f10b"); } .ag-icon-copy::before { content: var(--ag-icon-font-code-copy, "\f10c"); } .ag-icon-cross::before { content: var(--ag-icon-font-code-cross, "\f10d"); } .ag-icon-csv::before { content: var(--ag-icon-font-code-csv, "\f10e"); } .ag-icon-desc::before { content: var(--ag-icon-font-code-desc, "\f10f"); } .ag-icon-excel::before { content: var(--ag-icon-font-code-excel, "\f110"); } .ag-icon-expanded::before { content: var(--ag-icon-font-code-expanded, "\f111"); } .ag-icon-eye-slash::before { content: var(--ag-icon-font-code-eye-slash, "\f112"); } .ag-icon-eye::before { content: var(--ag-icon-font-code-eye, "\f113"); } .ag-icon-filter::before { content: var(--ag-icon-font-code-filter, "\f114"); } .ag-icon-first::before { content: var(--ag-icon-font-code-first, "\f115"); } .ag-icon-grip::before { content: var(--ag-icon-font-code-grip, "\f116"); } .ag-icon-group::before { content: var(--ag-icon-font-code-group, "\f117"); } .ag-icon-last::before { content: var(--ag-icon-font-code-last, "\f118"); } .ag-icon-left::before { content: var(--ag-icon-font-code-left, "\f119"); } .ag-icon-linked::before { content: var(--ag-icon-font-code-linked, "\f11a"); } .ag-icon-loading::before { content: var(--ag-icon-font-code-loading, "\f11b"); } .ag-icon-maximize::before { content: var(--ag-icon-font-code-maximize, "\f11c"); } .ag-icon-menu::before { content: var(--ag-icon-font-code-menu, "\f11d"); } .ag-icon-minimize::before { content: var(--ag-icon-font-code-minimize, "\f11e"); } .ag-icon-next::before { content: var(--ag-icon-font-code-next, "\f11f"); } .ag-icon-none::before { content: var(--ag-icon-font-code-none, "\f120"); } .ag-icon-not-allowed::before { content: var(--ag-icon-font-code-not-allowed, "\f121"); } .ag-icon-paste::before { content: var(--ag-icon-font-code-paste, "\f122"); } .ag-icon-pin::before { content: var(--ag-icon-font-code-pin, "\f123"); } .ag-icon-pivot::before { content: var(--ag-icon-font-code-pivot, "\f124"); } .ag-icon-previous::before { content: var(--ag-icon-font-code-previous, "\f125"); } .ag-icon-radio-button-off::before { content: var(--ag-icon-font-code-radio-button-off, "\f126"); } .ag-icon-radio-button-on::before { content: var(--ag-icon-font-code-radio-button-on, "\f127"); } .ag-icon-right::before { content: var(--ag-icon-font-code-right, "\f128"); } .ag-icon-save::before { content: var(--ag-icon-font-code-save, "\f129"); } .ag-icon-small-down::before { content: var(--ag-icon-font-code-small-down, "\f12a"); } .ag-icon-small-left::before { content: var(--ag-icon-font-code-small-left, "\f12b"); } .ag-icon-small-right::before { content: var(--ag-icon-font-code-small-right, "\f12c"); } .ag-icon-small-up::before { content: var(--ag-icon-font-code-small-up, "\f12d"); } .ag-icon-tick::before { content: var(--ag-icon-font-code-tick, "\f12e"); } .ag-icon-tree-closed::before { content: var(--ag-icon-font-code-tree-closed, "\f12f"); } .ag-icon-tree-indeterminate::before { content: var(--ag-icon-font-code-tree-indeterminate, "\f130"); } .ag-icon-tree-open::before { content: var(--ag-icon-font-code-tree-open, "\f131"); } .ag-icon-unlinked::before { content: var(--ag-icon-font-code-unlinked, "\f132"); } .ag-icon-row-drag::before { content: var(--ag-icon-font-code-grip); } .ag-left-arrow::before { content: var(--ag-icon-font-code-left); } .ag-right-arrow::before { content: var(--ag-icon-font-code-right); } [class*=ag-theme-] { --ag-foreground-color: #000; --ag-data-color: var(--ag-foreground-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-header-foreground-color: var(--ag-secondary-foreground-color); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5); --ag-background-color: #fff; --ag-header-background-color: transparent; --ag-tooltip-background-color: transparent; --ag-subheader-background-color: transparent; --ag-subheader-toolbar-background-color: transparent; --ag-control-panel-background-color: transparent; --ag-side-button-selected-background-color: var(--ag-control-panel-background-color); --ag-selected-row-background-color: #BBB; --ag-odd-row-background-color: var(--ag-background-color); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-row-hover-color: transparent; --ag-column-hover-color: transparent; --ag-range-selection-border-color: var(--ag-foreground-color); --ag-range-selection-border-style: solid; --ag-range-selection-background-color: rgba(0, 0, 0, 0.2); --ag-range-selection-background-color-2: var(--ag-range-selection-background-color); --ag-range-selection-background-color-3: var(--ag-range-selection-background-color); --ag-range-selection-background-color-4: var(--ag-range-selection-background-color); --ag-range-selection-highlight-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-width: 0; --ag-selected-tab-underline-transition-speed: 0s; --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1); --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1); --ag-header-cell-hover-background-color: transparent; --ag-header-cell-moving-background-color: var(--ag-background-color); --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5); --ag-value-change-delta-up-color: #43a047; --ag-value-change-delta-down-color: #e53935; --ag-chip-background-color: transparent; --ag-borders: solid 1px; --ag-border-color: rgba(0, 0, 0, 0.25); --ag-borders-critical: var(--ag-borders); --ag-borders-secondary: var(--ag-borders); --ag-secondary-border-color: var(--ag-border-color); --ag-row-border-style: solid; --ag-row-border-width: 1px; --ag-cell-horizontal-border: solid transparent; --ag-borders-input: var(--ag-borders-secondary); --ag-input-border-color: var(--ag-secondary-border-color); --ag-borders-input-invalid: solid 2px; --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-borders-side-button: var(--ag-borders); --ag-border-radius: 0px; --ag-row-border-color: var(--ag-secondary-border-color); --ag-header-column-separator-display: none; --ag-header-column-separator-height: 100%; --ag-header-column-separator-width: 1px; --ag-header-column-separator-color: var(--ag-secondary-border-color); --ag-header-column-resize-handle-display: none; --ag-header-column-resize-handle-height: 50%; --ag-header-column-resize-handle-width: 1px; --ag-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-invalid-color: red; --ag-input-disabled-border-color: var(--ag-input-border-color); --ag-input-disabled-background-color: transparent; --ag-checkbox-background-color: transparent; --ag-checkbox-border-radius: var(--ag-border-radius); --ag-checkbox-checked-color: var(--ag-foreground-color); --ag-checkbox-unchecked-color: var(--ag-foreground-color); --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color); --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color); --ag-toggle-button-switch-background-color: var(--ag-background-color); --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color); --ag-toggle-button-border-width: 1px; --ag-toggle-button-height: var(--ag-icon-size); --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2); --ag-input-focus-box-shadow: none; --ag-input-focus-border-color: none; --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color); --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color); --ag-grid-size: 4px; --ag-icon-size: 12px; --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: var(--ag-grid-size); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding); --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px); --ag-header-height: var(--ag-row-height); --ag-list-item-height: calc(var(--ag-grid-size) * 5); --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); --ag-filter-tool-panel-group-indent: 16px; --ag-tab-min-width: 220px; --ag-menu-min-width: 181px; --ag-side-bar-panel-width: 200px; --ag-font-family: "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-card-radius: var(--ag-border-radius); --ag-card-shadow: none; --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); } .ag-root-wrapper, .ag-sticky-top, .ag-dnd-ghost { background-color: var(--ag-background-color); } [class*=ag-theme-] { -webkit-font-smoothing: antialiased; font-family: var(--ag-font-family); font-size: var(--ag-font-size); line-height: normal; color: var(--ag-foreground-color); } ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia { display: block; } .ag-hidden { display: none !important; } .ag-invisible { visibility: hidden !important; } .ag-no-transition { transition: none !important; } .ag-drag-handle { cursor: grab; } .ag-column-drop-wrapper { display: flex; } .ag-column-drop-horizontal-half-width { display: inline-block; width: 50% !important; } .ag-unselectable { -webkit-user-select: none; user-select: none; } .ag-selectable { -webkit-user-select: text; user-select: text; } .ag-tab { position: relative; } .ag-tab-guard { position: absolute; width: 0; height: 0; display: block; } .ag-select-agg-func-popup { position: absolute; } .ag-input-wrapper, .ag-picker-field-wrapper { display: flex; flex: 1 1 auto; align-items: center; line-height: normal; position: relative; } .ag-shake-left-to-right { animation-direction: alternate; animation-duration: 0.2s; animation-iteration-count: infinite; animation-name: ag-shake-left-to-right; } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } .ag-root-wrapper { cursor: default; position: relative; display: flex; flex-direction: column; overflow: hidden; } .ag-root-wrapper.ag-layout-normal { height: 100%; } .ag-watermark { position: absolute; bottom: 20px; right: 25px; opacity: 0.5; transition: opacity 1s ease-out 3s; } .ag-watermark::before { content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNSA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjM1NzIzLDAsMCwwLjYzNTcyMywtNDkyLjkyMSwtMzIzLjYwOCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDk5LjQsNTQ5LjRMMTA5OS40LDUzNi45TDEwNzguMSw1MzYuOUwxMDY1LjYsNTQ5LjRMMTA5OS40LDU0OS40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyMy40LDUxOC40TDEwOTYuNyw1MTguNEwxMDg0LjEsNTMwLjlMMTEyMy40LDUzMC45TDExMjMuNCw1MTguNFoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwNTMuMiw1NjEuOUwxMDU5LjYsNTU1LjVMMTA4MS4yLDU1NS41TDEwODEuMiw1NjhMMTA1My4yLDU2OEwxMDUzLjIsNTYxLjlaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDU3LjksNTQzLjNMMTA3MS43LDU0My4zTDEwODQuMyw1MzAuOEwxMDU3LjksNTMwLjhMMTA1Ny45LDU0My4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTA0Mi44LDU2MS45TDEwNTMuMiw1NjEuOUwxMDY1LjYsNTQ5LjRMMTA0Mi44LDU0OS40TDEwNDIuOCw1NjEuOVoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwOTYuNyw1MTguNEwxMDkwLjMsNTI0LjhMMTA0OS41LDUyNC44TDEwNDkuNSw1MTIuM0wxMDk2LjcsNTEyLjNMMTA5Ni43LDUxOC40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNODI4LjYsNTU5LjdMODA5LDU1OS43TDgwNS42LDU2OC4xTDc5Nyw1NjguMUw4MTUuMSw1MjUuN0w4MjIuNiw1MjUuN0w4NDAuNyw1NjguMUw4MzIsNTY4LjFMODI4LjYsNTU5LjdaTTgyNS45LDU1M0w4MTguOCw1MzUuN0w4MTEuNyw1NTNMODI1LjksNTUzWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTYwLjEsNTQxLjNDOTYyLjYsNTM3LjYgOTY4LjksNTM3LjIgOTcxLjUsNTM3LjJMOTcxLjUsNTQ0LjRDOTY4LjMsNTQ0LjQgOTY1LjEsNTQ0LjUgOTYzLjIsNTQ1LjlDOTYxLjMsNTQ3LjMgOTYwLjMsNTQ5LjIgOTYwLjMsNTUxLjVMOTYwLjMsNTY4LjFMOTUyLjUsNTY4LjFMOTUyLjUsNTM3LjJMOTYwLDUzNy4yTDk2MC4xLDU0MS4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTM3LjIiIHdpZHRoPSI3LjgiIGhlaWdodD0iMzAuOSIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTIzLjQiIHdpZHRoPSI3LjgiIGhlaWdodD0iOS4yIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDIyLjMsNTIzLjRMMTAyMi4zLDU2OC4xTDEwMTQuOCw1NjguMUwxMDE0LjYsNTYzLjRDMTAxMy41LDU2NSAxMDEyLjEsNTY2LjMgMTAxMC40LDU2Ny4zQzEwMDguNyw1NjguMiAxMDA2LjYsNTY4LjcgMTAwNC4yLDU2OC43QzEwMDIuMSw1NjguNyAxMDAwLjEsNTY4LjMgOTk4LjQsNTY3LjZDOTk2LjYsNTY2LjggOTk1LDU2NS44IDk5My43LDU2NC40Qzk5Mi40LDU2MyA5OTEuMyw1NjEuMyA5OTAuNiw1NTkuNEM5ODkuOCw1NTcuNSA5ODkuNSw1NTUuMyA5ODkuNSw1NTIuOUM5ODkuNSw1NTAuNSA5ODkuOSw1NDguMyA5OTAuNiw1NDYuM0M5OTEuNCw1NDQuMyA5OTIuNCw1NDIuNiA5OTMuNyw1NDEuMkM5OTUsNTM5LjggOTk2LjYsNTM4LjcgOTk4LjQsNTM3LjlDMTAwMC4yLDUzNy4xIDEwMDIuMSw1MzYuNyAxMDA0LjIsNTM2LjdDMTAwNi42LDUzNi43IDEwMDguNiw1MzcuMSAxMDEwLjMsNTM4QzEwMTIsNTM4LjkgMTAxMy40LDU0MC4xIDEwMTQuNSw1NDEuOEwxMDE0LjUsNTIzLjVMMTAyMi4zLDUyMy41TDEwMjIuMyw1MjMuNFpNMTAwNS45LDU2MkMxMDA4LjUsNTYyIDEwMTAuNSw1NjEuMSAxMDEyLjEsNTU5LjRDMTAxMy43LDU1Ny43IDEwMTQuNSw1NTUuNCAxMDE0LjUsNTUyLjZDMTAxNC41LDU0OS44IDEwMTMuNyw1NDcuNiAxMDEyLjEsNTQ1LjhDMTAxMC41LDU0NC4xIDEwMDguNSw1NDMuMiAxMDA1LjksNTQzLjJDMTAwMy40LDU0My4yIDEwMDEuMyw1NDQuMSA5OTkuOCw1NDUuOEM5OTguMiw1NDcuNSA5OTcuNCw1NDkuOCA5OTcuNCw1NTIuNkM5OTcuNCw1NTUuNCA5OTguMiw1NTcuNiA5OTkuOCw1NTkuM0MxMDAxLjQsNTYxLjEgMTAwMy40LDU2MiAxMDA1LjksNTYyIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik04ODUuOCw1NDQuMkw4NjYuNSw1NDQuMkw4NjYuNSw1NTAuOUw4NzcuNSw1NTAuOUM4NzcuMiw1NTQuMyA4NzUuOSw1NTYuOSA4NzMuNyw1NTlDODcxLjUsNTYxIDg2OC43LDU2MiA4NjUuMSw1NjJDODYzLjEsNTYyIDg2MS4yLDU2MS42IDg1OS42LDU2MC45Qzg1Ny45LDU2MC4yIDg1Ni41LDU1OS4yIDg1NS4zLDU1Ny44Qzg1NC4xLDU1Ni41IDg1My4yLDU1NC45IDg1Mi41LDU1M0M4NTEuOCw1NTEuMSA4NTEuNSw1NDkuMSA4NTEuNSw1NDYuOEM4NTEuNSw1NDQuNSA4NTEuOCw1NDIuNSA4NTIuNSw1NDAuNkM4NTMuMSw1MzguNyA4NTQuMSw1MzcuMiA4NTUuMyw1MzUuOEM4NTYuNSw1MzQuNSA4NTcuOSw1MzMuNSA4NTkuNiw1MzIuN0M4NjEuMyw1MzIgODYzLjEsNTMxLjYgODY1LjIsNTMxLjZDODY5LjQsNTMxLjYgODcyLjYsNTMyLjYgODc0LjgsNTM0LjZMODgwLDUyOS40Qzg3Ni4xLDUyNi40IDg3MS4xLDUyNC44IDg2NS4yLDUyNC44Qzg2MS45LDUyNC44IDg1OC45LDUyNS4zIDg1Ni4yLDUyNi40Qzg1My41LDUyNy41IDg1MS4yLDUyOC45IDg0OS4zLDUzMC44Qzg0Ny40LDUzMi43IDg0NS45LDUzNSA4NDQuOSw1MzcuN0M4NDMuOSw1NDAuNCA4NDMuNCw1NDMuNCA4NDMuNCw1NDYuNkM4NDMuNCw1NDkuOCA4NDMuOSw1NTIuOCA4NDUsNTU1LjVDODQ2LjEsNTU4LjIgODQ3LjUsNTYwLjUgODQ5LjQsNTYyLjRDODUxLjMsNTY0LjMgODUzLjYsNTY1LjggODU2LjMsNTY2LjhDODU5LDU2Ny45IDg2Miw1NjguNCA4NjUuMiw1NjguNEM4NjguNCw1NjguNCA4NzEuMyw1NjcuOSA4NzMuOSw1NjYuOEM4NzYuNSw1NjUuNyA4NzguNyw1NjQuMyA4ODAuNSw1NjIuNEM4ODIuMyw1NjAuNSA4ODMuNyw1NTguMiA4ODQuNyw1NTUuNUM4ODUuNyw1NTIuOCA4ODYuMiw1NDkuOCA4ODYuMiw1NDYuNkw4ODYuMiw1NDUuM0M4ODUuOSw1NDUuMSA4ODUuOCw1NDQuNiA4ODUuOCw1NDQuMiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTQ2LjgsNTQ0LjJMOTI3LjUsNTQ0LjJMOTI3LjUsNTUwLjlMOTM4LjUsNTUwLjlDOTM4LjIsNTU0LjMgOTM2LjksNTU2LjkgOTM0LjcsNTU5QzkzMi41LDU2MSA5MjkuNyw1NjIgOTI2LjEsNTYyQzkyNC4xLDU2MiA5MjIuMiw1NjEuNiA5MjAuNiw1NjAuOUM5MTguOSw1NjAuMiA5MTcuNSw1NTkuMiA5MTYuMyw1NTcuOEM5MTUuMSw1NTYuNSA5MTQuMiw1NTQuOSA5MTMuNSw1NTNDOTEyLjgsNTUxLjEgOTEyLjUsNTQ5LjEgOTEyLjUsNTQ2LjhDOTEyLjUsNTQ0LjUgOTEyLjgsNTQyLjUgOTEzLjUsNTQwLjZDOTE0LjEsNTM4LjcgOTE1LjEsNTM3LjIgOTE2LjMsNTM1LjhDOTE3LjUsNTM0LjUgOTE4LjksNTMzLjUgOTIwLjYsNTMyLjdDOTIyLjMsNTMyIDkyNC4xLDUzMS42IDkyNi4yLDUzMS42QzkzMC40LDUzMS42IDkzMy42LDUzMi42IDkzNS44LDUzNC42TDk0MSw1MjkuNEM5MzcuMSw1MjYuNCA5MzIuMSw1MjQuOCA5MjYuMiw1MjQuOEM5MjIuOSw1MjQuOCA5MTkuOSw1MjUuMyA5MTcuMiw1MjYuNEM5MTQuNSw1MjcuNSA5MTIuMiw1MjguOSA5MTAuMyw1MzAuOEM5MDguNCw1MzIuNyA5MDYuOSw1MzUgOTA1LjksNTM3LjdDOTA0LjksNTQwLjQgOTA0LjQsNTQzLjQgOTA0LjQsNTQ2LjZDOTA0LjQsNTQ5LjggOTA0LjksNTUyLjggOTA2LDU1NS41QzkwNy4xLDU1OC4yIDkwOC41LDU2MC41IDkxMC40LDU2Mi40QzkxMi4zLDU2NC4zIDkxNC42LDU2NS44IDkxNy4zLDU2Ni44QzkyMCw1NjcuOSA5MjMsNTY4LjQgOTI2LjIsNTY4LjRDOTI5LjQsNTY4LjQgOTMyLjMsNTY3LjkgOTM0LjksNTY2LjhDOTM3LjUsNTY1LjcgOTM5LjcsNTY0LjMgOTQxLjUsNTYyLjRDOTQzLjMsNTYwLjUgOTQ0LjcsNTU4LjIgOTQ1LjcsNTU1LjVDOTQ2LjcsNTUyLjggOTQ3LjIsNTQ5LjggOTQ3LjIsNTQ2LjZMOTQ3LjIsNTQ1LjNDOTQ2LjksNTQ1LjEgOTQ2LjgsNTQ0LjYgOTQ2LjgsNTQ0LjIiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 170px 40px; display: block; height: 40px; width: 170px; opacity: 0.5; } .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact, sans-serif; font-size: 19px; padding-left: 0.7rem; } .ag-root-wrapper-body { display: flex; flex-direction: row; } .ag-root-wrapper-body.ag-layout-normal { flex: 1 1 auto; height: 0; min-height: 0; } .ag-root { position: relative; display: flex; flex-direction: column; } .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { overflow: hidden; flex: 1 1 auto; width: 0; } .ag-root.ag-layout-normal { height: 100%; } .ag-header-viewport, .ag-floating-top-viewport, .ag-body-viewport, .ag-center-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-body-vertical-scroll-viewport, .ag-virtual-list-viewport, .ag-sticky-top-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; flex: 1 1 auto; } .ag-body-viewport { display: flex; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-center-cols-viewport { width: 100%; overflow-x: auto; } .ag-body-horizontal-scroll-viewport { overflow-x: scroll; } .ag-body-vertical-scroll-viewport { overflow-y: scroll; } .ag-virtual-list-viewport { overflow: auto; width: 100%; } .ag-header-container, .ag-floating-top-container, .ag-body-container, .ag-pinned-right-cols-container, .ag-center-cols-container, .ag-pinned-left-cols-container, .ag-floating-bottom-container, .ag-body-horizontal-scroll-container, .ag-body-vertical-scroll-container, .ag-full-width-container, .ag-floating-bottom-full-width-container, .ag-virtual-list-container, .ag-sticky-top-container { position: relative; } .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container, .ag-sticky-top-container { height: 100%; white-space: nowrap; } .ag-center-cols-container { display: block; } .ag-pinned-right-cols-container { display: block; } .ag-body-horizontal-scroll-container { height: 100%; } .ag-body-vertical-scroll-container { width: 100%; } .ag-full-width-container, .ag-floating-top-full-width-container, .ag-floating-bottom-full-width-container, .ag-sticky-top-full-width-container { position: absolute; top: 0px; left: 0px; pointer-events: none; } .ag-full-width-container { width: 100%; } .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container { display: inline-block; overflow: hidden; height: 100%; width: 100%; } .ag-virtual-list-container { overflow: hidden; } .ag-center-cols-clipper { flex: 1 1 auto; min-width: 0; overflow: hidden; min-height: 100%; transform: translate3d(0, 0, 0); } .ag-body { position: relative; display: flex; flex: 1 1 auto; flex-direction: row !important; min-height: 0; } .ag-body-clipper { overflow: hidden; min-width: 0px; flex: 1 1 auto; height: 100%; transform: translate3d(0, 0, 0); } .ag-body-horizontal-scroll, .ag-body-vertical-scroll { min-height: 0; min-width: 0; display: flex; position: relative; } .ag-body-horizontal-scroll.ag-scrollbar-invisible, .ag-body-vertical-scroll.ag-scrollbar-invisible { position: absolute; bottom: 0; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar { opacity: 0; transition: opacity 400ms; visibility: hidden; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active { visibility: visible; opacity: 1; } .ag-body-horizontal-scroll { width: 100%; } .ag-body-horizontal-scroll.ag-scrollbar-invisible { left: 0; right: 0; } .ag-body-vertical-scroll { height: 100%; } .ag-body-vertical-scroll.ag-scrollbar-invisible { top: 0; z-index: 10; } .ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible { right: 0; } .ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible { left: 0; } .ag-force-vertical-scroll { overflow-y: scroll !important; } .ag-horizontal-left-spacer, .ag-horizontal-right-spacer { height: 100%; min-width: 0; overflow-x: scroll; } .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner { overflow-x: hidden; } .ag-header, .ag-pinned-left-header, .ag-pinned-right-header { display: inline-block; overflow: hidden; position: relative; } .ag-header-cell-sortable { cursor: pointer; } .ag-header { display: flex; width: 100%; white-space: nowrap; } .ag-pinned-left-header { height: 100%; } .ag-pinned-right-header { height: 100%; } .ag-header-row { position: absolute; overflow: hidden; } .ag-header-cell { display: inline-flex; align-items: center; position: absolute; height: 100%; overflow: hidden; } .ag-header-cell.ag-header-active .ag-header-cell-menu-button { opacity: 1; } .ag-header-cell-menu-button:not(.ag-header-menu-always-show) { transition: opacity 0.2s; opacity: 0; } .ag-header-group-cell-label, .ag-header-cell-label { display: flex; flex: 1 1 auto; overflow: hidden; align-items: center; text-overflow: ellipsis; align-self: stretch; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; } .ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper { height: 100%; display: flex; align-items: center; } .ag-header-cell-comp-wrapper { width: 100%; overflow: hidden; } .ag-header-cell-wrap-text .ag-header-cell-comp-wrapper { white-space: normal; } .ag-right-aligned-header .ag-header-cell-label { flex-direction: row-reverse; } .ag-header-group-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-header-cell-resize { position: absolute; z-index: 2; height: 100%; width: 8px; top: 0; cursor: ew-resize; } .ag-ltr .ag-header-cell-resize { right: -4px; } .ag-rtl .ag-header-cell-resize { left: -4px; } .ag-pinned-left-header .ag-header-cell-resize { right: -4px; } .ag-pinned-right-header .ag-header-cell-resize { left: -4px; } .ag-header-select-all { display: flex; } .ag-column-moving .ag-cell { transition: left 0.2s; } .ag-column-moving .ag-header-cell { transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { transition: left 0.2s, width 0.2s; } .ag-column-panel { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 auto; } .ag-column-select { position: relative; display: flex; flex-direction: column; overflow: hidden; flex: 3 1 0px; } .ag-column-select-header { position: relative; display: flex; flex: none; } .ag-column-select-header-icon { position: relative; } .ag-column-select-header-filter-wrapper { flex: 1 1 auto; } .ag-column-select-header-filter { width: 100%; } .ag-column-select-list { flex: 1 1 0px; overflow: hidden; } .ag-column-drop { position: relative; display: inline-flex; align-items: center; overflow: auto; width: 100%; } .ag-column-drop-list { display: flex; align-items: center; } .ag-column-drop-cell { position: relative; display: flex; align-items: center; } .ag-column-drop-cell-text { overflow: hidden; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical { display: flex; flex-direction: column; overflow: hidden; align-items: stretch; flex: 1 1 0px; } .ag-column-drop-vertical-title-bar { display: flex; align-items: center; flex: none; } .ag-column-drop-vertical-list { position: relative; align-items: stretch; flex-grow: 1; flex-direction: column; overflow-x: auto; } .ag-column-drop-vertical-list > * { flex: none; } .ag-column-drop-empty .ag-column-drop-vertical-list { overflow: hidden; } .ag-column-drop-vertical-empty-message { display: block; } .ag-column-drop.ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-cell-button { cursor: pointer; } .ag-filter-toolpanel { flex: 1 1 0px; min-width: 0; } .ag-filter-toolpanel-header { position: relative; } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { display: flex; align-items: center; } .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * { display: flex; align-items: center; } .ag-filter-apply-panel { display: flex; justify-content: flex-end; overflow: hidden; } .ag-row-animation .ag-row { transition: transform 0.4s, top 0.4s, background-color 0.1s, opacity 0.2s; } .ag-row-animation .ag-row.ag-after-created { transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s; } .ag-row-no-animation .ag-row { transition: background-color 0.1s; } .ag-row { white-space: nowrap; width: 100%; } .ag-row-loading { display: flex; align-items: center; } .ag-row-position-absolute { position: absolute; } .ag-row-position-relative { position: relative; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-row-inline-editing { z-index: 1; } .ag-row-dragging { z-index: 2; } .ag-stub-cell { display: flex; align-items: center; } .ag-cell { display: inline-block; position: absolute; white-space: nowrap; height: 100%; } .ag-cell-value { flex: 1 1 auto; } .ag-cell-value, .ag-group-value { overflow: hidden; text-overflow: ellipsis; } .ag-cell-wrap-text { white-space: normal; word-break: break-all; } .ag-cell-wrapper { display: flex; align-items: center; } .ag-cell-wrapper.ag-row-group { align-items: flex-start; } .ag-sparkline-wrapper { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .ag-full-width-row .ag-cell-wrapper.ag-row-group { height: 100%; align-items: center; } .ag-cell-inline-editing { z-index: 1; } .ag-cell-inline-editing .ag-cell-wrapper, .ag-cell-inline-editing .ag-cell-edit-wrapper, .ag-cell-inline-editing .ag-cell-editor, .ag-cell-inline-editing .ag-cell-editor .ag-wrapper, .ag-cell-inline-editing .ag-cell-editor input { height: 100%; width: 100%; line-height: normal; } .ag-cell .ag-icon { display: inline-block; vertical-align: middle; } .ag-set-filter-item { display: flex; align-items: center; height: 100%; } .ag-set-filter-item-checkbox { display: flex; overflow: hidden; } .ag-set-filter-group-icons { display: block; } .ag-set-filter-group-icons > * { cursor: pointer; } .ag-filter-body-wrapper { display: flex; flex-direction: column; } .ag-filter-filter { flex: 1 1 0px; } .ag-filter-condition { display: flex; justify-content: center; } .ag-floating-filter-body { position: relative; display: flex; flex: 1 1 auto; height: 100%; } .ag-floating-filter-full-body { display: flex; flex: 1 1 auto; height: 100%; width: 100%; align-items: center; overflow: hidden; } .ag-floating-filter-full-body > div { flex: 1 1 auto; } .ag-floating-filter-input { align-items: center; display: flex; width: 100%; } .ag-floating-filter-input > * { flex: 1 1 auto; } .ag-floating-filter-button { display: flex; flex: none; } .ag-dnd-ghost { position: absolute; display: inline-flex; align-items: center; cursor: move; white-space: nowrap; z-index: 9999; } .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .ag-overlay-panel { display: flex; height: 100%; width: 100%; } .ag-overlay-wrapper { display: flex; flex: none; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } .ag-overlay-loading-wrapper { pointer-events: all; } .ag-popup-child { z-index: 5; top: 0; } .ag-popup-editor { position: absolute; -webkit-user-select: none; user-select: none; z-index: 1; } .ag-large-text-input { display: block; } .ag-virtual-list-item { position: absolute; width: 100%; } .ag-floating-top { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-sticky-top { position: absolute; display: flex; width: 100%; } .ag-pinned-left-sticky-top, .ag-pinned-right-sticky-top { position: relative; height: 100%; overflow: hidden; } .ag-sticky-top-full-width-container { overflow: hidden; width: 100%; height: 100%; } .ag-dialog, .ag-panel { display: flex; flex-direction: column; position: relative; overflow: hidden; } .ag-panel-title-bar { display: flex; flex: none; align-items: center; cursor: default; } .ag-panel-title-bar-title { flex: 1 1 auto; } .ag-panel-title-bar-buttons { display: flex; } .ag-panel-title-bar-button { cursor: pointer; } .ag-panel-content-wrapper { display: flex; flex: 1 1 auto; position: relative; overflow: hidden; } .ag-dialog { position: absolute; } .ag-resizer { position: absolute; pointer-events: none; -webkit-user-select: none; user-select: none; z-index: 1; } .ag-resizer.ag-resizer-topLeft { top: 0; left: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-top { top: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-topRight { top: 0; right: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-right { top: 5px; right: 0; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-resizer.ag-resizer-bottomRight { bottom: 0; right: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-bottom { bottom: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-bottomLeft { bottom: 0; left: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-left { left: 0; top: 5px; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-tooltip { position: absolute; pointer-events: none; z-index: 99999; } .ag-tooltip-custom { position: absolute; pointer-events: none; z-index: 99999; } .ag-value-slide-out { margin-right: 5px; opacity: 1; transition: opacity 3s, margin-right 3s; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0 !important; } .ag-menu { max-height: 100%; overflow-y: auto; position: absolute; -webkit-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; } .ag-menu-column-select-wrapper .ag-column-select { height: 100%; } .ag-menu-list { display: table; width: 100%; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-option-part, .ag-menu-separator-part { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-compact-menu-option { width: 100%; display: flex; flex-wrap: nowrap; } .ag-compact-menu-option-text { white-space: nowrap; flex: 1 1 auto; } .ag-rich-select { cursor: default; outline: none; } .ag-rich-select-value { display: flex; align-items: center; } .ag-rich-select-value-icon { flex: 1 1 auto; order: 1; } .ag-ltr .ag-rich-select-value-icon { text-align: right; } .ag-rtl .ag-rich-select-value-icon { text-align: left; } .ag-rich-select-list { position: relative; } .ag-rich-select-virtual-list-item { display: flex; } .ag-rich-select-row { display: flex; flex: 1 1 auto; align-items: center; white-space: nowrap; } .ag-paging-panel { align-items: center; display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-button { position: relative; } .ag-disabled .ag-paging-page-summary-panel { pointer-events: none; } .ag-tool-panel-wrapper { display: flex; overflow-y: auto; overflow-x: hidden; cursor: default; -webkit-user-select: none; user-select: none; } .ag-column-select-column, .ag-column-select-column-group, .ag-select-agg-func-item { position: relative; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; text-overflow: ellipsis; white-space: nowrap; height: 100%; } .ag-column-select-column > *, .ag-column-select-column-group > *, .ag-select-agg-func-item > * { flex: none; } .ag-column-select-checkbox { display: flex; } .ag-tool-panel-horizontal-resize { cursor: ew-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { right: -3px; } .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { left: -3px; } .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize { left: -3px; } .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { right: -3px; } .ag-details-row { width: 100%; } .ag-details-row-fixed-height { height: 100%; } .ag-details-grid { width: 100%; } .ag-details-grid-fixed-height { height: 100%; } .ag-header-group-cell { display: flex; align-items: center; height: 100%; position: absolute; } .ag-cell-label-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; height: 100%; width: 100%; overflow: hidden; padding: 5px 0px; } .ag-right-aligned-header .ag-cell-label-container { flex-direction: row; } .ag-side-bar { display: flex; flex-direction: row-reverse; } .ag-side-bar-left { order: -1; flex-direction: row; } .ag-side-button-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; white-space: nowrap; outline: none; cursor: pointer; } .ag-side-button-label { writing-mode: vertical-lr; } .ag-status-bar { display: flex; justify-content: space-between; overflow: hidden; } .ag-status-panel { display: inline-flex; } .ag-status-name-value { white-space: nowrap; } .ag-status-bar-left { display: inline-flex; } .ag-status-bar-center { display: inline-flex; } .ag-status-bar-right { display: inline-flex; } .ag-icon { display: block; speak: none; } .ag-group { position: relative; width: 100%; } .ag-group-title-bar { display: flex; align-items: center; } .ag-group-title { display: block; flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ag-group-title-bar .ag-group-title { cursor: default; } .ag-group-toolbar { display: flex; align-items: center; } .ag-group-container { display: flex; } .ag-disabled .ag-group-container { pointer-events: none; } .ag-group-container-horizontal { flex-direction: row; flex-wrap: wrap; } .ag-group-container-vertical { flex-direction: column; } .ag-column-group-icons { display: block; } .ag-column-group-icons > * { cursor: pointer; } .ag-group-item-alignment-stretch .ag-group-item { align-items: stretch; } .ag-group-item-alignment-start .ag-group-item { align-items: flex-start; } .ag-group-item-alignment-end .ag-group-item { align-items: flex-end; } .ag-toggle-button-icon { transition: right 0.3s; position: absolute; top: -1px; } .ag-input-field, .ag-select { display: flex; flex-direction: row; align-items: center; } .ag-input-field-input { flex: 1 1 auto; } .ag-floating-filter-input .ag-input-field-input[type=date] { width: 1px; } .ag-range-field { display: flex; align-items: center; } .ag-angle-select { display: flex; align-items: center; } .ag-angle-select-wrapper { display: flex; } .ag-angle-select-parent-circle { display: block; position: relative; } .ag-angle-select-child-circle { position: absolute; } .ag-slider-wrapper { display: flex; } .ag-slider-wrapper .ag-input-field { flex: 1 1 auto; } .ag-picker-field-display { flex: 1 1 auto; } .ag-picker-field { display: flex; align-items: center; } .ag-picker-field-icon { display: flex; border: 0; padding: 0; margin: 0; cursor: pointer; } .ag-picker-field-wrapper { overflow: hidden; } .ag-label-align-right .ag-label { order: 1; } .ag-label-align-right > * { flex: none; } .ag-label-align-top { flex-direction: column; align-items: flex-start; } .ag-label-align-top > * { align-self: stretch; } .ag-label-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .ag-color-panel { width: 100%; display: flex; flex-direction: column; text-align: center; } .ag-spectrum-color { flex: 1 1 auto; position: relative; overflow: hidden; cursor: default; } .ag-spectrum-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-spectrum-val { cursor: pointer; } .ag-spectrum-dragger { position: absolute; pointer-events: none; cursor: pointer; } .ag-spectrum-hue { cursor: default; background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } .ag-spectrum-alpha { cursor: default; } .ag-spectrum-hue-background { width: 100%; height: 100%; } .ag-spectrum-alpha-background { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0)); width: 100%; height: 100%; } .ag-spectrum-tool { cursor: pointer; } .ag-spectrum-slider { position: absolute; pointer-events: none; } .ag-recent-colors { display: flex; } .ag-recent-color { cursor: pointer; } .ag-ltr .ag-column-select-indent-1 { padding-left: 20px; } .ag-rtl .ag-column-select-indent-1 { padding-right: 20px; } .ag-ltr .ag-set-filter-indent-1 { padding-left: 20px; } .ag-rtl .ag-set-filter-indent-1 { padding-right: 20px; } .ag-ltr .ag-row-group-indent-1 { padding-left: 20px; } .ag-rtl .ag-row-group-indent-1 { padding-right: 20px; } .ag-ltr .ag-column-select-indent-2 { padding-left: 40px; } .ag-rtl .ag-column-select-indent-2 { padding-right: 40px; } .ag-ltr .ag-set-filter-indent-2 { padding-left: 40px; } .ag-rtl .ag-set-filter-indent-2 { padding-right: 40px; } .ag-ltr .ag-row-group-indent-2 { padding-left: 40px; } .ag-rtl .ag-row-group-indent-2 { padding-right: 40px; } .ag-ltr .ag-column-select-indent-3 { padding-left: 60px; } .ag-rtl .ag-column-select-indent-3 { padding-right: 60px; } .ag-ltr .ag-set-filter-indent-3 { padding-left: 60px; } .ag-rtl .ag-set-filter-indent-3 { padding-right: 60px; } .ag-ltr .ag-row-group-indent-3 { padding-left: 60px; } .ag-rtl .ag-row-group-indent-3 { padding-right: 60px; } .ag-ltr .ag-column-select-indent-4 { padding-left: 80px; } .ag-rtl .ag-column-select-indent-4 { padding-right: 80px; } .ag-ltr .ag-set-filter-indent-4 { padding-left: 80px; } .ag-rtl .ag-set-filter-indent-4 { padding-right: 80px; } .ag-ltr .ag-row-group-indent-4 { padding-left: 80px; } .ag-rtl .ag-row-group-indent-4 { padding-right: 80px; } .ag-ltr .ag-column-select-indent-5 { padding-left: 100px; } .ag-rtl .ag-column-select-indent-5 { padding-right: 100px; } .ag-ltr .ag-set-filter-indent-5 { padding-left: 100px; } .ag-rtl .ag-set-filter-indent-5 { padding-right: 100px; } .ag-ltr .ag-row-group-indent-5 { padding-left: 100px; } .ag-rtl .ag-row-group-indent-5 { padding-right: 100px; } .ag-ltr .ag-column-select-indent-6 { padding-left: 120px; } .ag-rtl .ag-column-select-indent-6 { padding-right: 120px; } .ag-ltr .ag-set-filter-indent-6 { padding-left: 120px; } .ag-rtl .ag-set-filter-indent-6 { padding-right: 120px; } .ag-ltr .ag-row-group-indent-6 { padding-left: 120px; } .ag-rtl .ag-row-group-indent-6 { padding-right: 120px; } .ag-ltr .ag-column-select-indent-7 { padding-left: 140px; } .ag-rtl .ag-column-select-indent-7 { padding-right: 140px; } .ag-ltr .ag-set-filter-indent-7 { padding-left: 140px; } .ag-rtl .ag-set-filter-indent-7 { padding-right: 140px; } .ag-ltr .ag-row-group-indent-7 { padding-left: 140px; } .ag-rtl .ag-row-group-indent-7 { padding-right: 140px; } .ag-ltr .ag-column-select-indent-8 { padding-left: 160px; } .ag-rtl .ag-column-select-indent-8 { padding-right: 160px; } .ag-ltr .ag-set-filter-indent-8 { padding-left: 160px; } .ag-rtl .ag-set-filter-indent-8 { padding-right: 160px; } .ag-ltr .ag-row-group-indent-8 { padding-left: 160px; } .ag-rtl .ag-row-group-indent-8 { padding-right: 160px; } .ag-ltr .ag-column-select-indent-9 { padding-left: 180px; } .ag-rtl .ag-column-select-indent-9 { padding-right: 180px; } .ag-ltr .ag-set-filter-indent-9 { padding-left: 180px; } .ag-rtl .ag-set-filter-indent-9 { padding-right: 180px; } .ag-ltr .ag-row-group-indent-9 { padding-left: 180px; } .ag-rtl .ag-row-group-indent-9 { padding-right: 180px; } .ag-ltr { direction: ltr; } .ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll { flex-direction: row; } .ag-rtl { direction: rtl; } .ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll { flex-direction: row-reverse; } .ag-rtl .ag-icon-contracted, .ag-rtl .ag-icon-expanded, .ag-rtl .ag-icon-tree-closed { display: block; transform: rotate(180deg); } .ag-body .ag-body-viewport { -webkit-overflow-scrolling: touch; } .ag-layout-print.ag-body { display: block; height: unset; } .ag-layout-print.ag-body-clipper { height: unset; } .ag-layout-print.ag-root-wrapper { display: inline-flex; } .ag-layout-print .ag-center-cols-clipper { min-width: 100%; } .ag-layout-print .ag-body-vertical-scroll { display: none; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-layout-print.ag-force-vertical-scroll { overflow-y: visible !important; } @media print { .ag-root-wrapper.ag-layout-print { display: table; } .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, .ag-root-wrapper.ag-layout-print .ag-root, .ag-root-wrapper.ag-layout-print .ag-body-viewport, .ag-root-wrapper.ag-layout-print .ag-center-cols-container, .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, .ag-root-wrapper.ag-layout-print .ag-center-cols-clipper, .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport { height: auto !important; overflow: hidden !important; display: block !important; } .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell { break-inside: avoid; } } [class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before { box-sizing: border-box; outline: none; } [class^=ag-]::-ms-clear { display: none; } .ag-checkbox .ag-input-wrapper, .ag-radio-button .ag-input-wrapper { overflow: visible; } .ag-range-field .ag-input-wrapper { height: 100%; } .ag-toggle-button { flex: none; width: unset; min-width: unset; } .ag-ltr .ag-label-align-right .ag-label { margin-left: var(--ag-grid-size); } .ag-rtl .ag-label-align-right .ag-label { margin-right: var(--ag-grid-size); } input[class^=ag-] { margin: 0; background-color: var(--ag-background-color); } textarea[class^=ag-], select[class^=ag-] { background-color: var(--ag-background-color); } input[class^=ag-]:not([type]), input[class^=ag-][type=text], input[class^=ag-][type=number], input[class^=ag-][type=tel], input[class^=ag-][type=date], input[class^=ag-][type=datetime-local], textarea[class^=ag-] { font-size: inherit; line-height: inherit; color: inherit; border: var(--ag-borders-input) var(--ag-input-border-color); } input[class^=ag-]:not([type]):disabled, input[class^=ag-][type=text]:disabled, input[class^=ag-][type=number]:disabled, input[class^=ag-][type=tel]:disabled, input[class^=ag-][type=date]:disabled, input[class^=ag-][type=datetime-local]:disabled, textarea[class^=ag-]:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } input[class^=ag-]:not([type]):focus, input[class^=ag-][type=text]:focus, input[class^=ag-][type=number]:focus, input[class^=ag-][type=tel]:focus, input[class^=ag-][type=date]:focus, input[class^=ag-][type=datetime-local]:focus, textarea[class^=ag-]:focus { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } input[class^=ag-]:not([type]):invalid, input[class^=ag-][type=text]:invalid, input[class^=ag-][type=number]:invalid, input[class^=ag-][type=tel]:invalid, input[class^=ag-][type=date]:invalid, input[class^=ag-][type=datetime-local]:invalid, textarea[class^=ag-]:invalid { border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid); } input[class^=ag-][type=number] { -moz-appearance: textfield; } input[class^=ag-][type=number]::-webkit-outer-spin-button, input[class^=ag-][type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[class^=ag-][type=range] { padding: 0; } input[class^=ag-][type=button]:focus, button[class^=ag-]:focus { box-shadow: var(--ag-input-focus-box-shadow); } .ag-drag-handle { color: var(--ag-secondary-foreground-color); } .ag-list-item, .ag-virtual-list-item { height: var(--ag-list-item-height); } .ag-keyboard-focus .ag-virtual-list-item:focus { outline: none; } .ag-keyboard-focus .ag-virtual-list-item:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-select-list { background-color: var(--ag-background-color); overflow-y: auto; overflow-x: hidden; } .ag-list-item { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-list-item.ag-active-item { background-color: var(--ag-row-hover-color); } .ag-select-list-item { padding-left: 4px; padding-right: 4px; cursor: default; -webkit-user-select: none; user-select: none; } .ag-select-list-item span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ag-select .ag-picker-field-wrapper { background-color: var(--ag-background-color); min-height: var(--ag-list-item-height); cursor: default; } .ag-select.ag-disabled .ag-picker-field-wrapper:focus { box-shadow: none; } .ag-select:not(.ag-cell-editor) { height: var(--ag-list-item-height); } .ag-select .ag-picker-field-display { margin: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-select .ag-picker-field-icon { display: flex; align-items: center; } .ag-select.ag-disabled { opacity: 0.5; } .ag-rich-select { background-color: var(--ag-control-panel-background-color); } .ag-rich-select-list { width: 100%; min-width: 200px; height: calc(var(--ag-row-height) * 6.5); } .ag-rich-select-value { height: var(--ag-row-height); border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); padding-top: 0; padding-bottom: 0; } .ag-ltr .ag-rich-select-value { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-rich-select-value { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-rich-select-value { padding-right: var(--ag-grid-size); } .ag-rtl .ag-rich-select-value { padding-left: var(--ag-grid-size); } .ag-rich-select-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-keyboard-focus .ag-rich-select-virtual-list-item:focus::after { content: none; } .ag-rich-select-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-ltr .ag-rich-select-row { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-rich-select-row { padding-right: var(--ag-cell-horizontal-padding); } .ag-rich-select-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-row-drag, .ag-selection-checkbox, .ag-group-expanded, .ag-group-contracted { color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-row-drag, .ag-ltr .ag-selection-checkbox, .ag-ltr .ag-group-expanded, .ag-ltr .ag-group-contracted { margin-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-row-drag, .ag-rtl .ag-selection-checkbox, .ag-rtl .ag-group-expanded, .ag-rtl .ag-group-contracted { margin-left: var(--ag-cell-widget-spacing); } .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width))); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); display: flex; align-items: center; flex: none; } .ag-group-expanded, .ag-group-contracted { cursor: pointer; } .ag-group-title-bar-icon { cursor: pointer; flex: none; color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-group-child-count { margin-left: 2px; } .ag-rtl .ag-group-child-count { margin-right: 2px; } .ag-group-title-bar { background-color: var(--ag-subheader-background-color); padding: var(--ag-grid-size); } .ag-group-toolbar { padding: var(--ag-grid-size); background-color: var(--ag-subheader-toolbar-background-color); } .ag-disabled-group-title-bar, .ag-disabled-group-container { opacity: 0.5; } .group-item { margin: calc(var(--ag-grid-size) * 0.5) 0; } .ag-label { white-space: nowrap; } .ag-ltr .ag-label { margin-right: var(--ag-grid-size); } .ag-rtl .ag-label { margin-left: var(--ag-grid-size); } .ag-label-align-top .ag-label { margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-angle-select[disabled] { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-angle-select[disabled] .ag-angle-select-field { opacity: 0.4; } .ag-ltr .ag-slider-field, .ag-ltr .ag-angle-select-field { margin-right: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-slider-field, .ag-rtl .ag-angle-select-field { margin-left: calc(var(--ag-grid-size) * 2); } .ag-angle-select-parent-circle { width: 24px; height: 24px; border-radius: 12px; border: solid 1px; border-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-angle-select-child-circle { top: 4px; left: 12px; width: 6px; height: 6px; margin-left: -3px; margin-top: -4px; border-radius: 3px; background-color: var(--ag-secondary-foreground-color); } .ag-picker-field-wrapper { border: 1px solid; border-color: var(--ag-border-color); border-radius: 5px; } .ag-picker-field-wrapper:focus { box-shadow: var(--ag-input-focus-box-shadow); } .ag-picker-field-button { background-color: var(--ag-background-color); color: var(--ag-secondary-foreground-color); } .ag-dialog.ag-color-dialog { border-radius: 5px; } .ag-color-picker .ag-picker-field-display { height: var(--ag-icon-size); } .ag-color-panel { padding: var(--ag-grid-size); } .ag-spectrum-color { background-color: rgb(255, 0, 0); border-radius: 2px; } .ag-spectrum-tools { padding: 10px; } .ag-spectrum-sat { background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); } .ag-spectrum-val { background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); } .ag-spectrum-dragger { border-radius: 12px; height: 12px; width: 12px; border: 1px solid white; background: black; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); } .ag-spectrum-hue-background { border-radius: 2px; } .ag-spectrum-alpha-background { border-radius: 2px; } .ag-spectrum-tool { margin-bottom: 10px; height: 11px; border-radius: 2px; } .ag-spectrum-slider { margin-top: -12px; width: 13px; height: 13px; border-radius: 13px; background-color: rgb(248, 248, 248); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .ag-recent-color { margin: 0 3px; } .ag-recent-color:first-child { margin-left: 0; } .ag-recent-color:last-child { margin-right: 0; } .ag-dnd-ghost { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); overflow: hidden; text-overflow: ellipsis; border: var(--ag-borders-secondary) var(--ag-secondary-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height) !important; line-height: var(--ag-header-height); margin: 0; padding: 0 calc(var(--ag-grid-size) * 2); transform: translateY(calc(var(--ag-grid-size) * 2)); } .ag-dnd-ghost-icon { margin-right: var(--ag-grid-size); color: var(--ag-foreground-color); } .ag-popup-child:not(.ag-tooltip-custom) { box-shadow: var(--ag-popup-shadow); } .ag-dragging-range-handle .ag-dialog, .ag-dragging-fill-handle .ag-dialog { opacity: 0.7; pointer-events: none; } .ag-dialog { border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-panel { background-color: var(--ag-background-color); } .ag-panel-title-bar { background-color: var(--ag-header-background-color); color: var(--ag-header-foreground-color); height: var(--ag-header-height); padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-panel-title-bar-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-panel-title-bar-button { margin-right: var(--ag-grid-size); } .ag-tooltip { background-color: var(--ag-tooltip-background-color); color: var(--ag-foreground-color); padding: var(--ag-grid-size); border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); transition: opacity 1s; white-space: normal; } .ag-tooltip.ag-tooltip-hiding { opacity: 0; } .ag-tooltip-custom { transition: opacity 1s; } .ag-tooltip-custom.ag-tooltip-hiding { opacity: 0; } .ag-ltr .ag-column-select-indent-1 { padding-left: calc(1 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-1 { padding-right: calc(1 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-2 { padding-left: calc(2 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-2 { padding-right: calc(2 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-3 { padding-left: calc(3 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-3 { padding-right: calc(3 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-4 { padding-left: calc(4 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-4 { padding-right: calc(4 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-5 { padding-left: calc(5 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-5 { padding-right: calc(5 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-6 { padding-left: calc(6 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-6 { padding-right: calc(6 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-7 { padding-left: calc(7 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-7 { padding-right: calc(7 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-8 { padding-left: calc(8 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-8 { padding-right: calc(8 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-9 { padding-left: calc(9 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-9 { padding-right: calc(9 * var(--ag-column-select-indent-size)); } .ag-column-select-header-icon { cursor: pointer; } .ag-keyboard-focus .ag-column-select-header-icon:focus { outline: none; } .ag-keyboard-focus .ag-column-select-header-icon:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-ltr .ag-column-group-icons:not(:last-child), .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-label:not(:last-child) { margin-right: var(--ag-widget-horizontal-spacing); } .ag-rtl .ag-column-group-icons:not(:last-child), .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-label:not(:last-child) { margin-left: var(--ag-widget-horizontal-spacing); } .ag-keyboard-focus .ag-column-select-virtual-list-item:focus { outline: none; } .ag-keyboard-focus .ag-column-select-virtual-list-item:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-column-group:not(:last-child), .ag-column-select-column:not(:last-child) { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-column-select-column-readonly, .ag-column-select-column-group-readonly { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-column-select-virtual-list-viewport { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px; } .ag-column-select-virtual-list-item { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-rtl { text-align: right; } .ag-root-wrapper { border: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1); } .ag-ltr .ag-row-group-indent-1 { padding-left: calc(1 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-1 { padding-right: calc(1 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2); } .ag-ltr .ag-row-group-indent-2 { padding-left: calc(2 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-2 { padding-right: calc(2 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3); } .ag-ltr .ag-row-group-indent-3 { padding-left: calc(3 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-3 { padding-right: calc(3 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4); } .ag-ltr .ag-row-group-indent-4 { padding-left: calc(4 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-4 { padding-right: calc(4 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5); } .ag-ltr .ag-row-group-indent-5 { padding-left: calc(5 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-5 { padding-right: calc(5 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6); } .ag-ltr .ag-row-group-indent-6 { padding-left: calc(6 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-6 { padding-right: calc(6 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7); } .ag-ltr .ag-row-group-indent-7 { padding-left: calc(7 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-7 { padding-right: calc(7 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8); } .ag-ltr .ag-row-group-indent-8 { padding-left: calc(8 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-8 { padding-right: calc(8 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9); } .ag-ltr .ag-row-group-indent-9 { padding-left: calc(9 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-9 { padding-right: calc(9 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10); } .ag-ltr .ag-row-group-indent-10 { padding-left: calc(10 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-10 { padding-right: calc(10 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11); } .ag-ltr .ag-row-group-indent-11 { padding-left: calc(11 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-11 { padding-right: calc(11 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12); } .ag-ltr .ag-row-group-indent-12 { padding-left: calc(12 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-12 { padding-right: calc(12 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13); } .ag-ltr .ag-row-group-indent-13 { padding-left: calc(13 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-13 { padding-right: calc(13 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14); } .ag-ltr .ag-row-group-indent-14 { padding-left: calc(14 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-14 { padding-right: calc(14 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15); } .ag-ltr .ag-row-group-indent-15 { padding-left: calc(15 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-15 { padding-right: calc(15 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16); } .ag-ltr .ag-row-group-indent-16 { padding-left: calc(16 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-16 { padding-right: calc(16 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17); } .ag-ltr .ag-row-group-indent-17 { padding-left: calc(17 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-17 { padding-right: calc(17 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18); } .ag-ltr .ag-row-group-indent-18 { padding-left: calc(18 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-18 { padding-right: calc(18 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19); } .ag-ltr .ag-row-group-indent-19 { padding-left: calc(19 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-19 { padding-right: calc(19 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20); } .ag-ltr .ag-row-group-indent-20 { padding-left: calc(20 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-20 { padding-right: calc(20 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-20 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-20 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21); } .ag-ltr .ag-row-group-indent-21 { padding-left: calc(21 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-21 { padding-right: calc(21 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-21 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-21 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22); } .ag-ltr .ag-row-group-indent-22 { padding-left: calc(22 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-22 { padding-right: calc(22 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-22 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-22 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23); } .ag-ltr .ag-row-group-indent-23 { padding-left: calc(23 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-23 { padding-right: calc(23 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-23 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-23 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24); } .ag-ltr .ag-row-group-indent-24 { padding-left: calc(24 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-24 { padding-right: calc(24 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-24 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-24 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25); } .ag-ltr .ag-row-group-indent-25 { padding-left: calc(25 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-25 { padding-right: calc(25 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-25 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-25 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26); } .ag-ltr .ag-row-group-indent-26 { padding-left: calc(26 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-26 { padding-right: calc(26 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-26 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-26 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27); } .ag-ltr .ag-row-group-indent-27 { padding-left: calc(27 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-27 { padding-right: calc(27 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-27 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-27 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28); } .ag-ltr .ag-row-group-indent-28 { padding-left: calc(28 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-28 { padding-right: calc(28 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-28 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-28 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29); } .ag-ltr .ag-row-group-indent-29 { padding-left: calc(29 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-29 { padding-right: calc(29 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-29 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-29 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30); } .ag-ltr .ag-row-group-indent-30 { padding-left: calc(30 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-30 { padding-right: calc(30 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-30 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-30 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31); } .ag-ltr .ag-row-group-indent-31 { padding-left: calc(31 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-31 { padding-right: calc(31 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-31 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-31 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32); } .ag-ltr .ag-row-group-indent-32 { padding-left: calc(32 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-32 { padding-right: calc(32 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-32 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-32 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33); } .ag-ltr .ag-row-group-indent-33 { padding-left: calc(33 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-33 { padding-right: calc(33 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-33 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-33 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34); } .ag-ltr .ag-row-group-indent-34 { padding-left: calc(34 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-34 { padding-right: calc(34 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-34 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-34 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35); } .ag-ltr .ag-row-group-indent-35 { padding-left: calc(35 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-35 { padding-right: calc(35 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-35 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-35 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36); } .ag-ltr .ag-row-group-indent-36 { padding-left: calc(36 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-36 { padding-right: calc(36 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-36 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-36 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37); } .ag-ltr .ag-row-group-indent-37 { padding-left: calc(37 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-37 { padding-right: calc(37 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-37 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-37 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38); } .ag-ltr .ag-row-group-indent-38 { padding-left: calc(38 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-38 { padding-right: calc(38 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-38 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-38 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39); } .ag-ltr .ag-row-group-indent-39 { padding-left: calc(39 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-39 { padding-right: calc(39 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-39 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-39 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40); } .ag-ltr .ag-row-group-indent-40 { padding-left: calc(40 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-40 { padding-right: calc(40 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-40 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-40 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41); } .ag-ltr .ag-row-group-indent-41 { padding-left: calc(41 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-41 { padding-right: calc(41 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-41 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-41 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42); } .ag-ltr .ag-row-group-indent-42 { padding-left: calc(42 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-42 { padding-right: calc(42 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-42 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-42 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43); } .ag-ltr .ag-row-group-indent-43 { padding-left: calc(43 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-43 { padding-right: calc(43 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-43 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-43 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44); } .ag-ltr .ag-row-group-indent-44 { padding-left: calc(44 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-44 { padding-right: calc(44 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-44 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-44 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45); } .ag-ltr .ag-row-group-indent-45 { padding-left: calc(45 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-45 { padding-right: calc(45 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-45 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-45 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46); } .ag-ltr .ag-row-group-indent-46 { padding-left: calc(46 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-46 { padding-right: calc(46 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-46 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-46 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47); } .ag-ltr .ag-row-group-indent-47 { padding-left: calc(47 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-47 { padding-right: calc(47 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-47 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-47 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48); } .ag-ltr .ag-row-group-indent-48 { padding-left: calc(48 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-48 { padding-right: calc(48 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-48 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-48 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49); } .ag-ltr .ag-row-group-indent-49 { padding-left: calc(49 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-49 { padding-right: calc(49 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-49 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-49 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50); } .ag-ltr .ag-row-group-indent-50 { padding-left: calc(50 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-50 { padding-right: calc(50 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-50 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-50 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51); } .ag-ltr .ag-row-group-indent-51 { padding-left: calc(51 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-51 { padding-right: calc(51 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-51 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-51 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52); } .ag-ltr .ag-row-group-indent-52 { padding-left: calc(52 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-52 { padding-right: calc(52 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-52 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-52 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53); } .ag-ltr .ag-row-group-indent-53 { padding-left: calc(53 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-53 { padding-right: calc(53 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-53 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-53 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54); } .ag-ltr .ag-row-group-indent-54 { padding-left: calc(54 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-54 { padding-right: calc(54 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-54 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-54 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55); } .ag-ltr .ag-row-group-indent-55 { padding-left: calc(55 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-55 { padding-right: calc(55 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-55 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-55 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56); } .ag-ltr .ag-row-group-indent-56 { padding-left: calc(56 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-56 { padding-right: calc(56 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-56 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-56 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57); } .ag-ltr .ag-row-group-indent-57 { padding-left: calc(57 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-57 { padding-right: calc(57 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-57 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-57 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58); } .ag-ltr .ag-row-group-indent-58 { padding-left: calc(58 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-58 { padding-right: calc(58 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-58 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-58 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59); } .ag-ltr .ag-row-group-indent-59 { padding-left: calc(59 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-59 { padding-right: calc(59 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-59 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-59 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60); } .ag-ltr .ag-row-group-indent-60 { padding-left: calc(60 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-60 { padding-right: calc(60 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-60 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-60 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61); } .ag-ltr .ag-row-group-indent-61 { padding-left: calc(61 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-61 { padding-right: calc(61 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-61 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-61 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62); } .ag-ltr .ag-row-group-indent-62 { padding-left: calc(62 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-62 { padding-right: calc(62 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-62 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-62 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63); } .ag-ltr .ag-row-group-indent-63 { padding-left: calc(63 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-63 { padding-right: calc(63 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-63 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-63 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64); } .ag-ltr .ag-row-group-indent-64 { padding-left: calc(64 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-64 { padding-right: calc(64 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-64 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-64 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65); } .ag-ltr .ag-row-group-indent-65 { padding-left: calc(65 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-65 { padding-right: calc(65 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-65 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-65 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66); } .ag-ltr .ag-row-group-indent-66 { padding-left: calc(66 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-66 { padding-right: calc(66 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-66 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-66 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67); } .ag-ltr .ag-row-group-indent-67 { padding-left: calc(67 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-67 { padding-right: calc(67 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-67 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-67 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68); } .ag-ltr .ag-row-group-indent-68 { padding-left: calc(68 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-68 { padding-right: calc(68 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-68 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-68 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69); } .ag-ltr .ag-row-group-indent-69 { padding-left: calc(69 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-69 { padding-right: calc(69 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-69 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-69 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70); } .ag-ltr .ag-row-group-indent-70 { padding-left: calc(70 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-70 { padding-right: calc(70 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-70 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-70 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71); } .ag-ltr .ag-row-group-indent-71 { padding-left: calc(71 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-71 { padding-right: calc(71 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-71 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-71 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72); } .ag-ltr .ag-row-group-indent-72 { padding-left: calc(72 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-72 { padding-right: calc(72 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-72 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-72 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73); } .ag-ltr .ag-row-group-indent-73 { padding-left: calc(73 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-73 { padding-right: calc(73 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-73 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-73 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74); } .ag-ltr .ag-row-group-indent-74 { padding-left: calc(74 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-74 { padding-right: calc(74 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-74 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-74 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75); } .ag-ltr .ag-row-group-indent-75 { padding-left: calc(75 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-75 { padding-right: calc(75 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-75 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-75 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76); } .ag-ltr .ag-row-group-indent-76 { padding-left: calc(76 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-76 { padding-right: calc(76 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-76 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-76 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77); } .ag-ltr .ag-row-group-indent-77 { padding-left: calc(77 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-77 { padding-right: calc(77 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-77 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-77 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78); } .ag-ltr .ag-row-group-indent-78 { padding-left: calc(78 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-78 { padding-right: calc(78 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-78 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-78 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79); } .ag-ltr .ag-row-group-indent-79 { padding-left: calc(79 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-79 { padding-right: calc(79 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-79 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-79 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80); } .ag-ltr .ag-row-group-indent-80 { padding-left: calc(80 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-80 { padding-right: calc(80 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-80 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-80 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81); } .ag-ltr .ag-row-group-indent-81 { padding-left: calc(81 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-81 { padding-right: calc(81 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-81 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-81 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82); } .ag-ltr .ag-row-group-indent-82 { padding-left: calc(82 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-82 { padding-right: calc(82 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-82 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-82 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83); } .ag-ltr .ag-row-group-indent-83 { padding-left: calc(83 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-83 { padding-right: calc(83 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-83 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-83 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84); } .ag-ltr .ag-row-group-indent-84 { padding-left: calc(84 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-84 { padding-right: calc(84 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-84 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-84 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85); } .ag-ltr .ag-row-group-indent-85 { padding-left: calc(85 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-85 { padding-right: calc(85 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-85 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-85 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86); } .ag-ltr .ag-row-group-indent-86 { padding-left: calc(86 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-86 { padding-right: calc(86 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-86 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-86 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87); } .ag-ltr .ag-row-group-indent-87 { padding-left: calc(87 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-87 { padding-right: calc(87 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-87 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-87 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88); } .ag-ltr .ag-row-group-indent-88 { padding-left: calc(88 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-88 { padding-right: calc(88 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-88 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-88 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89); } .ag-ltr .ag-row-group-indent-89 { padding-left: calc(89 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-89 { padding-right: calc(89 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-89 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-89 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90); } .ag-ltr .ag-row-group-indent-90 { padding-left: calc(90 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-90 { padding-right: calc(90 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-90 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-90 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91); } .ag-ltr .ag-row-group-indent-91 { padding-left: calc(91 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-91 { padding-right: calc(91 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-91 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-91 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92); } .ag-ltr .ag-row-group-indent-92 { padding-left: calc(92 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-92 { padding-right: calc(92 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-92 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-92 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93); } .ag-ltr .ag-row-group-indent-93 { padding-left: calc(93 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-93 { padding-right: calc(93 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-93 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-93 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94); } .ag-ltr .ag-row-group-indent-94 { padding-left: calc(94 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-94 { padding-right: calc(94 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-94 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-94 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95); } .ag-ltr .ag-row-group-indent-95 { padding-left: calc(95 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-95 { padding-right: calc(95 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-95 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-95 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96); } .ag-ltr .ag-row-group-indent-96 { padding-left: calc(96 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-96 { padding-right: calc(96 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-96 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-96 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97); } .ag-ltr .ag-row-group-indent-97 { padding-left: calc(97 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-97 { padding-right: calc(97 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-97 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-97 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98); } .ag-ltr .ag-row-group-indent-98 { padding-left: calc(98 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-98 { padding-right: calc(98 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-98 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-98 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99); } .ag-ltr .ag-row-group-indent-99 { padding-left: calc(99 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-99 { padding-right: calc(99 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-99 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-99 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row-group-leaf-indent { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-group-leaf-indent { margin-right: var(--ag-row-group-indent-size); } .ag-value-change-delta { padding-right: 2px; } .ag-value-change-delta-up { color: var(--ag-value-change-delta-up-color); } .ag-value-change-delta-down { color: var(--ag-value-change-delta-down-color); } .ag-value-change-value { background-color: transparent; border-radius: 1px; padding-left: 1px; padding-right: 1px; transition: background-color 1s; } .ag-value-change-value-highlight { background-color: var(--ag-value-change-value-highlight-background-color); transition: background-color 0.1s; } .ag-cell-data-changed { background-color: var(--ag-value-change-value-highlight-background-color) !important; } .ag-cell-data-changed-animation { background-color: transparent; } .ag-cell-highlight { background-color: var(--ag-range-selection-highlight-color) !important; } .ag-row { height: var(--ag-row-height); background-color: var(--ag-background-color); color: var(--ag-data-color); border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-row-highlight-above::after, .ag-row-highlight-below::after { content: ""; position: absolute; width: calc(100% - 1px); height: 1px; background-color: var(--ag-range-selection-border-color); left: 1px; } .ag-row-highlight-above::after { top: -1px; } .ag-row-highlight-above.ag-row-first::after { top: 0; } .ag-row-highlight-below::after { bottom: 0px; } .ag-row-odd { background-color: var(--ag-odd-row-background-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-row-selected::before { content: ""; background-color: var(--ag-selected-row-background-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-row-hover:not(.ag-full-width-row)::before, .ag-row-hover.ag-full-width-row.ag-row-group::before { content: ""; background-color: var(--ag-row-hover-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .ag-row-hover.ag-full-width-row.ag-row-group > * { position: relative; } .ag-row-hover.ag-row-selected::before { background-color: var(--ag-row-hover-color); background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color)); } .ag-column-hover { background-color: var(--ag-column-hover-color); } .ag-ltr .ag-right-aligned-cell { text-align: right; } .ag-rtl .ag-right-aligned-cell { text-align: left; } .ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-ltr .ag-right-aligned-cell .ag-group-value { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-rtl .ag-right-aligned-cell .ag-group-value { margin-right: auto; } .ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group { --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width))); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); border: 1px solid transparent; line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); -webkit-font-smoothing: subpixel-antialiased; } .ag-row > .ag-cell-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); } .ag-row-dragging { cursor: move; opacity: 0.5; } .ag-cell-inline-editing { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); padding: 0; height: var(--ag-row-height); background-color: var(--ag-control-panel-background-color); } .ag-popup-editor { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-control-panel-background-color); padding: 0; } .ag-large-text-input { height: auto; padding: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-large-text-input textarea { resize: none; } .ag-details-row { padding: calc(var(--ag-grid-size) * 5); background-color: var(--ag-background-color); } .ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-clipper, .ag-layout-print .ag-center-cols-container { min-height: 50px; } .ag-overlay-loading-wrapper { background-color: var(--ag-modal-overlay-background-color); } .ag-overlay-loading-center { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); } .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 30px; } .ag-loading { display: flex; height: 100%; align-items: center; } .ag-ltr .ag-loading { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-loading { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-loading-icon { padding-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-loading-icon { padding-left: var(--ag-cell-widget-spacing); } .ag-icon-loading { animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ag-floating-top { border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-floating-bottom { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-cell { border-right: var(--ag-cell-horizontal-border); } .ag-rtl .ag-cell { border-left: var(--ag-cell-horizontal-border); } .ag-ltr .ag-cell { border-right-width: 1px; } .ag-rtl .ag-cell { border-left-width: 1px; } .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell-range-selected:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart { background-color: var(--ag-range-selection-chart-background-color) !important; } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category { background-color: var(--ag-range-selection-chart-category-background-color) !important; } .ag-cell-range-selected-1:not(.ag-cell-focus), .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected-2:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 { background-color: var(--ag-range-selection-background-color-2); } .ag-cell-range-selected-3:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 { background-color: var(--ag-range-selection-background-color-3); } .ag-cell-range-selected-4:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 { background-color: var(--ag-range-selection-background-color-4); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top { border-top-color: var(--ag-range-selection-border-color); border-top-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right { border-right-color: var(--ag-range-selection-border-color); border-right-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom { border-bottom-color: var(--ag-range-selection-border-color); border-bottom-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left { border-left-color: var(--ag-range-selection-border-color); border-left-style: var(--ag-range-selection-border-style); } .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-ltr .ag-cell-range-single-cell, .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-rtl .ag-cell-range-single-cell, .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle { border: 1px solid; border-color: var(--ag-range-selection-border-color); border-style: var(--ag-range-selection-border-style); outline: initial; } .ag-cell.ag-selection-fill-top, .ag-cell.ag-selection-fill-top.ag-cell-range-selected { border-top: 1px dashed; border-top-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-right, .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-right, .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-cell.ag-selection-fill-bottom, .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { border-bottom: 1px dashed; border-bottom-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-left, .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-left, .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-fill-handle, .ag-range-handle { position: absolute; width: 6px; height: 6px; bottom: -1px; background-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle { right: -1px; } .ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle { left: -1px; } .ag-fill-handle { cursor: cell; } .ag-range-handle { cursor: nwse-resize; } .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-menu { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); padding: 0; } .ag-menu-list { cursor: default; padding: var(--ag-grid-size) 0; } .ag-menu-separator { height: calc(var(--ag-grid-size) * 2 + 1px); } .ag-menu-separator-part::after { content: ""; display: block; border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-menu-option-active, .ag-compact-menu-option-active { background-color: var(--ag-row-hover-color); } .ag-menu-option-part, .ag-compact-menu-option-part { line-height: var(--ag-icon-size); padding: calc(var(--ag-grid-size) + 2px) 0; } .ag-menu-option-disabled, .ag-compact-menu-option-disabled { opacity: 0.5; } .ag-menu-option-icon, .ag-compact-menu-option-icon { width: var(--ag-icon-size); } .ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 2); } .ag-menu-option-text, .ag-compact-menu-option-text { padding-left: calc(var(--ag-grid-size) * 2); padding-right: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut { padding-left: var(--ag-grid-size); } .ag-menu-option-popup-pointer, .ag-compact-menu-option-popup-pointer { padding-right: var(--ag-grid-size); } .ag-tabs { min-width: var(--ag-tab-min-width); } .ag-tabs-header { width: 100%; display: flex; } .ag-tab { border-bottom: var(--ag-selected-tab-underline-width) solid transparent; transition: border-bottom var(--ag-selected-tab-underline-transition-speed); display: flex; flex: none; align-items: center; justify-content: center; cursor: pointer; } .ag-keyboard-focus .ag-tab:focus { outline: none; } .ag-keyboard-focus .ag-tab:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-tab-selected { border-bottom-color: var(--ag-selected-tab-underline-color); } .ag-menu-header { color: var(--ag-secondary-foreground-color); } .ag-filter-separator { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-menu:not(.ag-tabs) .ag-filter-select { min-width: calc(var(--ag-menu-min-width) - 2 * var(--ag-widget-container-horizontal-padding) - 2px); } .ag-tabs .ag-filter-select { min-width: calc(var(--ag-tab-min-width) - 2 * var(--ag-widget-container-horizontal-padding) - 2px); } .ag-filter-select .ag-picker-field-wrapper { width: 0; } .ag-filter-condition-operator { height: 17px; } .ag-ltr .ag-filter-condition-operator-or { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-condition-operator-or { margin-right: calc(var(--ag-grid-size) * 2); } .ag-set-filter-select-all { padding-top: var(--ag-widget-container-vertical-padding); } .ag-set-filter-list, .ag-filter-no-matches { height: calc(var(--ag-list-item-height) * 6); } .ag-set-filter-tree-list { height: calc(var(--ag-list-item-height) * 10); } .ag-set-filter-filter { margin-top: var(--ag-widget-container-vertical-padding); margin-left: var(--ag-widget-container-horizontal-padding); margin-right: var(--ag-widget-container-horizontal-padding); } .ag-filter-to { margin-top: var(--ag-widget-vertical-spacing); } .ag-mini-filter { margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-set-filter-item { margin: 0px var(--ag-widget-container-horizontal-padding); } .ag-ltr .ag-set-filter-add-group-indent { margin-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-set-filter-add-group-indent { margin-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-ltr .ag-set-filter-indent-1 { padding-left: calc(1 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-1 { padding-right: calc(1 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-2 { padding-left: calc(2 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-2 { padding-right: calc(2 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-3 { padding-left: calc(3 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-3 { padding-right: calc(3 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-4 { padding-left: calc(4 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-4 { padding-right: calc(4 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-5 { padding-left: calc(5 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-5 { padding-right: calc(5 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-6 { padding-left: calc(6 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-6 { padding-right: calc(6 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-7 { padding-left: calc(7 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-7 { padding-right: calc(7 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-8 { padding-left: calc(8 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-8 { padding-right: calc(8 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-9 { padding-left: calc(9 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-9 { padding-right: calc(9 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-group-icons { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-set-filter-group-icons { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-filter-apply-panel { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-filter-apply-panel-button { line-height: 1.5; } .ag-ltr .ag-filter-apply-panel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-apply-panel-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-simple-filter-body-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-simple-filter-body-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-filter-no-matches { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-multi-filter-menu-item { margin: var(--ag-grid-size) 0; } .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size); background-color: transparent; } .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus { outline: none; } .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-side-bar { position: relative; } .ag-tool-panel-wrapper { width: var(--ag-side-bar-panel-width); background-color: var(--ag-control-panel-background-color); } .ag-side-buttons { padding-top: calc(var(--ag-grid-size) * 4); width: calc(var(--ag-icon-size) + 4px); position: relative; color: var(--ag-foreground-color); overflow: hidden; } button.ag-side-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; background: transparent; padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0; width: 100%; margin: 0; min-height: calc(var(--ag-grid-size) * 18); background-position-y: center; background-position-x: center; background-repeat: no-repeat; border: none; border-top: var(--ag-borders-side-button) var(--ag-border-color); border-bottom: var(--ag-borders-side-button) var(--ag-border-color); } button.ag-side-button-button:focus { box-shadow: none; } .ag-keyboard-focus .ag-side-button-button:focus { outline: none; } .ag-keyboard-focus .ag-side-button-button:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-selected button.ag-side-button-button { background-color: var(--ag-side-button-selected-background-color); } .ag-side-button-icon-wrapper { margin-bottom: 3px; } .ag-ltr .ag-side-bar-left, .ag-rtl .ag-side-bar-right { border-right: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper { border-left: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-side-button-button { border-right: var(--ag-selected-tab-underline-width) solid transparent; transition: border-right var(--ag-selected-tab-underline-transition-speed); } .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button { border-right-color: var(--ag-selected-tab-underline-color); } .ag-rtl .ag-side-bar-left, .ag-ltr .ag-side-bar-right { border-left: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper, .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-side-button-button { border-left: var(--ag-selected-tab-underline-width) solid transparent; transition: border-left var(--ag-selected-tab-underline-transition-speed); } .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button { border-left-color: var(--ag-selected-tab-underline-color); } .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 6); } .ag-ltr .ag-filter-toolpanel-header, .ag-ltr .ag-filter-toolpanel-search { padding-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-header, .ag-rtl .ag-filter-toolpanel-search { padding-right: var(--ag-grid-size); } .ag-keyboard-focus .ag-filter-toolpanel-header:focus { outline: none; } .ag-keyboard-focus .ag-filter-toolpanel-header:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after { font-family: var(--ag-icon-font-family); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: var(--ag-icon-font-code-filter, "\f114"); position: absolute; } .ag-ltr .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after { padding-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after { padding-right: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 8); } .ag-filter-toolpanel-group-item { margin-top: calc(var(--ag-grid-size) * 0.5); margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-filter-toolpanel-search { height: var(--ag-header-height); } .ag-filter-toolpanel-search-input { flex-grow: 1; height: calc(var(--ag-grid-size) * 4); } .ag-ltr .ag-filter-toolpanel-search-input { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-search-input { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-0 { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-ltr .ag-filter-toolpanel-expand, .ag-ltr .ag-filter-toolpanel-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-expand, .ag-rtl .ag-filter-toolpanel-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size)); } .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header { padding-left: var(--ag-grid-size); } .ag-filter-toolpanel-instance-filter { border-bottom: var(--ag-borders) var(--ag-border-color); border-top: var(--ag-borders) var(--ag-border-color); margin-top: var(--ag-grid-size); } .ag-ltr .ag-filter-toolpanel-instance-header-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-instance-header-icon { margin-right: var(--ag-grid-size); } .ag-set-filter-group-icons { color: var(--ag-secondary-foreground-color); } .ag-pivot-mode-panel { min-height: var(--ag-header-height); height: var(--ag-header-height); display: flex; } .ag-pivot-mode-select { display: flex; align-items: center; } .ag-ltr .ag-pivot-mode-select { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-pivot-mode-select { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-keyboard-focus .ag-column-select-header:focus { outline: none; } .ag-keyboard-focus .ag-column-select-header:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-header { height: var(--ag-header-height); align-items: center; padding: 0 var(--ag-widget-container-horizontal-padding); border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-panel-column-select { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-group-icons, .ag-column-select-header-icon { color: var(--ag-secondary-foreground-color); } .ag-column-select-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-column-select-list .ag-item-highlight-top::after { top: 0; } .ag-column-select-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-header { background-color: var(--ag-header-background-color); border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-row { color: var(--ag-header-foreground-color); height: var(--ag-header-height); } .ag-pinned-right-header { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-pinned-left-header { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon { margin-right: var(--ag-grid-size); } .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon { margin-left: var(--ag-grid-size); } .ag-header-cell, .ag-header-group-cell { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-header-cell.ag-header-cell-moving, .ag-header-group-cell.ag-header-cell-moving { background-color: var(--ag-header-cell-moving-background-color); } .ag-keyboard-focus .ag-header-cell:focus { outline: none; } .ag-keyboard-focus .ag-header-cell:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-keyboard-focus .ag-header-group-cell:focus { outline: none; } .ag-keyboard-focus .ag-header-group-cell:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-icon { color: var(--ag-secondary-foreground-color); } .ag-header-expand-icon { cursor: pointer; } .ag-ltr .ag-header-expand-icon { padding-left: 4px; } .ag-rtl .ag-header-expand-icon { padding-right: 4px; } .ag-header-row:not(:first-child) .ag-header-cell, .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-header-group-cell:first-of-type.ag-column-resizing, .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing { background-color: var(--ag-header-cell-hover-background-color); } .ag-header-cell::after, .ag-header-group-cell::after { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-separator-display); width: var(--ag-header-column-separator-width); height: var(--ag-header-column-separator-height); top: calc(50% - var(--ag-header-column-separator-height) * 0.5); background-color: var(--ag-header-column-separator-color); } .ag-ltr .ag-header-cell::after, .ag-ltr .ag-header-group-cell::after { right: 0; } .ag-rtl .ag-header-cell::after, .ag-rtl .ag-header-group-cell::after { left: 0; } .ag-header-cell-resize { display: flex; align-items: center; } .ag-header-cell-resize::after { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-resize-handle-display); width: var(--ag-header-column-resize-handle-width); height: var(--ag-header-column-resize-handle-height); top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5); background-color: var(--ag-header-column-resize-handle-color); } .ag-ltr .ag-header-viewport .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-rtl .ag-header-viewport .ag-header-cell-resize::after { right: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-left-header .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-right-header .ag-header-cell-resize::after { left: 50%; } .ag-ltr .ag-header-select-all { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-select-all { margin-left: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-floating-filter-button { margin-left: calc(var(--ag-grid-size) * 3); } .ag-rtl .ag-floating-filter-button { margin-right: calc(var(--ag-grid-size) * 3); } .ag-floating-filter-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; appearance: none; background: transparent; border: none; height: var(--ag-icon-size); padding: 0; width: var(--ag-icon-size); } .ag-filter-loading { background-color: var(--ag-control-panel-background-color); height: 100%; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); position: absolute; width: 100%; z-index: 1; } .ag-paging-panel { border-top: 1px solid; border-top-color: var(--ag-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); } .ag-paging-panel > * { margin: 0 var(--ag-cell-horizontal-padding); } .ag-paging-button { cursor: pointer; } .ag-paging-button.ag-disabled { cursor: default; color: var(--ag-disabled-foreground-color); } .ag-keyboard-focus .ag-paging-button:focus { outline: none; } .ag-keyboard-focus .ag-paging-button:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-paging-button, .ag-paging-description { margin: 0 var(--ag-grid-size); } .ag-status-bar { border-top: var(--ag-borders) var(--ag-border-color); color: var(--ag-disabled-foreground-color); padding-right: calc(var(--ag-grid-size) * 4); padding-left: calc(var(--ag-grid-size) * 4); line-height: 1.5; } .ag-status-name-value-value { color: var(--ag-foreground-color); } .ag-status-bar-center { text-align: center; } .ag-status-name-value { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); padding-top: calc(var(--ag-grid-size) * 2); padding-bottom: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell { background: var(--ag-chip-background-color); border-radius: calc(var(--ag-grid-size) * 4); height: calc(var(--ag-grid-size) * 4); padding: 0 calc(var(--ag-grid-size) * 0.5); border: 1px solid transparent; } .ag-keyboard-focus .ag-column-drop-cell:focus { outline: none; } .ag-keyboard-focus .ag-column-drop-cell:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 2px; left: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-drop-cell-text { margin: 0 var(--ag-grid-size); } .ag-column-drop-cell-button { min-width: calc(var(--ag-grid-size) * 4); margin: 0 calc(var(--ag-grid-size) * 0.5); color: var(--ag-secondary-foreground-color); } .ag-column-drop-cell-drag-handle { margin-left: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell-ghost { opacity: 0.5; } .ag-column-drop-horizontal { background-color: var(--ag-control-panel-background-color); color: var(--ag-secondary-foreground-color); height: var(--ag-row-height); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-column-drop-horizontal { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) { border-left: var(--ag-borders) var(--ag-border-color); } .ag-column-drop-horizontal-cell-separator { margin: 0 var(--ag-grid-size); color: var(--ag-secondary-foreground-color); } .ag-column-drop-horizontal-empty-message { color: var(--ag-disabled-foreground-color); } .ag-ltr .ag-column-drop-horizontal-icon { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal-icon { margin-left: var(--ag-cell-horizontal-padding); } .ag-column-drop-vertical-list { padding-bottom: var(--ag-grid-size); padding-right: var(--ag-grid-size); padding-left: var(--ag-grid-size); } .ag-column-drop-vertical-cell { margin-top: var(--ag-grid-size); } .ag-column-drop-vertical { min-height: 50px; border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-column-drop-vertical-icon { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); } .ag-column-drop-vertical-empty-message { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; color: var(--ag-disabled-foreground-color); margin-top: var(--ag-grid-size); } .ag-select-agg-func-popup { border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background: var(--ag-background-color); height: calc(var(--ag-grid-size) * 5 * 3.5); padding: 0; } .ag-select-agg-func-virtual-list-item { cursor: default; padding-left: calc(var(--ag-grid-size) * 2); } .ag-select-agg-func-virtual-list-item:hover { background-color: var(--ag-selected-row-background-color); } .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus { outline: none; } .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-sort-indicator-container { display: flex; } .ag-ltr .ag-sort-indicator-icon { padding-left: var(--ag-grid-size); } .ag-rtl .ag-sort-indicator-icon { padding-right: var(--ag-grid-size); } .ag-chart { position: relative; display: flex; overflow: hidden; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; overflow: hidden; } .ag-chart-title-edit { position: absolute; display: none; top: 0; left: 0; text-align: center; } .ag-chart-title-edit.currently-editing { display: inline-block; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; overflow: hidden; } .ag-charts-canvas { display: block; } .ag-chart-menu { position: absolute; top: 10px; width: 24px; overflow: hidden; display: flex; flex-direction: column; } .ag-ltr .ag-chart-menu { right: 20px; } .ag-rtl .ag-chart-menu { left: 20px; } .ag-chart-docked-container { position: relative; width: 0; min-width: 0; transition: min-width 0.4s; } .ag-chart-menu-hidden ~ .ag-chart-docked-container { max-width: 0; overflow: hidden; } .ag-chart-tabbed-menu { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .ag-chart-tabbed-menu-header { flex: none; -webkit-user-select: none; user-select: none; cursor: default; } .ag-chart-tabbed-menu-body { display: flex; flex: 1 1 auto; align-items: stretch; overflow: hidden; } .ag-chart-tab { width: 100%; overflow: hidden; overflow-y: auto; } .ag-chart-settings { overflow-x: hidden; } .ag-chart-settings-wrapper { position: relative; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .ag-chart-settings-nav-bar { display: flex; align-items: center; width: 100%; height: 30px; padding: 0 10px; -webkit-user-select: none; user-select: none; } .ag-chart-settings-card-selector { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; height: 100%; padding: 0 10px; } .ag-chart-settings-card-item { cursor: pointer; width: 10px; height: 10px; background-color: #000; position: relative; } .ag-chart-settings-card-item.ag-not-selected { opacity: 0.2; } .ag-chart-settings-card-item::before { content: " "; display: block; position: absolute; background-color: transparent; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; } .ag-chart-settings-prev, .ag-chart-settings-next { position: relative; flex: none; } .ag-chart-settings-prev-button, .ag-chart-settings-next-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ag-chart-settings-mini-charts-container { position: relative; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .ag-chart-settings-mini-wrapper { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; } .ag-chart-settings-mini-wrapper.ag-animating { transition: left 0.3s; transition-timing-function: ease-in-out; } .ag-chart-mini-thumbnail { cursor: pointer; } .ag-chart-mini-thumbnail-canvas { display: block; } .ag-chart-data-wrapper, .ag-chart-format-wrapper { display: flex; flex-direction: column; position: relative; -webkit-user-select: none; user-select: none; } .ag-chart-data-wrapper { height: 100%; overflow-y: auto; } .ag-chart-data-section, .ag-chart-format-section { display: flex; margin: 0; } .ag-chart-empty-text { display: flex; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; } .ag-chart .ag-chart-menu { display: none; } .ag-chart-menu-hidden:hover .ag-chart-menu { display: block; } .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu { display: flex; flex-direction: row; overflow: auto; top: 5px; gap: calc(var(--ag-grid-size) * 3 - 8px); width: auto; } .ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu { right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: right; } .ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu { left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: left; } .ag-chart-menu-close { display: none; } .ag-chart-tool-panel-button-enable .ag-chart-menu-close { position: absolute; top: 50%; transition: transform 0.33s ease-in-out; padding: 0; display: block; cursor: pointer; border: none; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close { right: 0px; } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close { left: 0px; } .ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon { padding: 14px 5px 14px 2px; } .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { content: ""; position: absolute; top: -40px; bottom: -40px; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { right: 0px; } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { left: 0px; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { left: -10px; } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { right: -10px; } .ag-chart-tool-panel-button-enable .ag-icon-menu { display: none; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close { transform: translate(3px, -50%); } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(0, -50%); } .ag-ltr .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(5px, -50%); } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close { transform: translate(-3px, -50%); } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(0, -50%); } .ag-rtl .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(-5px, -50%); } .ag-charts-font-size-color { display: flex; align-self: stretch; justify-content: space-between; } .ag-charts-data-group-item { position: relative; } .ag-chart-menu { border-radius: var(--ag-card-radius); background: var(--ag-background-color); } .ag-chart-menu-icon { opacity: 0.5; line-height: 24px; font-size: 24px; width: 24px; height: 24px; margin: 2px 0; cursor: pointer; border-radius: var(--ag-card-radius); color: var(--ag-secondary-foreground-color); } .ag-chart-menu-icon:hover { opacity: 1; } .ag-chart-mini-thumbnail { border: 1px solid var(--ag-secondary-border-color); border-radius: 5px; margin: 5px; } .ag-chart-mini-thumbnail:nth-last-child(3), .ag-chart-mini-thumbnail:nth-last-child(3) ~ .ag-chart-mini-thumbnail { margin-left: auto; margin-right: auto; } .ag-ltr .ag-chart-mini-thumbnail:first-child { margin-left: 0; } .ag-rtl .ag-chart-mini-thumbnail:first-child { margin-right: 0; } .ag-ltr .ag-chart-mini-thumbnail:last-child { margin-right: 0; } .ag-rtl .ag-chart-mini-thumbnail:last-child { margin-left: 0; } .ag-chart-mini-thumbnail.ag-selected { border-color: var(--ag-minichart-selected-chart-color); } .ag-chart-settings-card-item { background: var(--ag-foreground-color); width: 8px; height: 8px; border-radius: 4px; } .ag-chart-settings-card-item.ag-selected { background-color: var(--ag-minichart-selected-page-color); } .ag-chart-data-column-drag-handle { margin-left: var(--ag-grid-size); } .ag-charts-settings-group-title-bar, .ag-charts-data-group-title-bar, .ag-charts-format-top-level-group-title-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-charts-settings-group-container { padding: var(--ag-grid-size); } .ag-charts-data-group-container { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding); } .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) { height: var(--ag-list-item-height); } .ag-charts-data-group-container .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-charts-data-group-container .ag-item-highlight-top::after { top: 0; } .ag-charts-data-group-container .ag-item-highlight-bottom::after { bottom: 0; } .ag-charts-format-top-level-group-container { margin-left: calc(var(--ag-grid-size) * 2); padding: var(--ag-grid-size); } .ag-charts-format-top-level-group-item { margin: var(--ag-grid-size) 0; } .ag-charts-format-sub-level-group-container { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-charts-format-sub-level-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-group-container.ag-group-container-horizontal { padding: var(--ag-grid-size); } .ag-chart-data-section, .ag-chart-format-section { display: flex; margin: 0; } .ag-chart-menu-panel { background-color: var(--ag-control-panel-background-color); } .ag-ltr .ag-chart-menu-panel { border-left: solid 1px var(--ag-border-color); } .ag-rtl .ag-chart-menu-panel { border-right: solid 1px var(--ag-border-color); } .ag-date-time-list-page-title-bar { display: flex; } .ag-date-time-list-page-title { flex-grow: 1; text-align: center; } .ag-date-time-list-page-column-labels-row, .ag-date-time-list-page-entries-row { display: flex; } .ag-date-time-list-page-column-label, .ag-date-time-list-page-entry { flex-basis: 0; flex-grow: 1; } .ag-date-time-list-page-entry { cursor: pointer; text-align: center; } .ag-date-time-list-page-column-label { text-align: center; } .ag-input-field-input { width: 100%; min-width: 0; } .ag-checkbox-input-wrapper { font-family: var(--ag-icon-font-family); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; } .ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-checkbox-input-wrapper.ag-disabled { opacity: 0.5; } .ag-checkbox-input-wrapper::after { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); color: var(--ag-checkbox-unchecked-color); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); color: var(--ag-checkbox-checked-color); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-indeterminate::after { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); color: var(--ag-checkbox-indeterminate-color); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-toggle-button-input-wrapper { box-sizing: border-box; width: var(--ag-toggle-button-width); height: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-off-background-color); border-radius: calc(var(--ag-toggle-button-height) * 0.5); position: relative; flex: none; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-off-border-color); } .ag-toggle-button-input-wrapper input { opacity: 0; height: 100%; width: 100%; } .ag-toggle-button-input-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-toggle-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-toggle-button-input-wrapper.ag-checked { background-color: var(--ag-toggle-button-on-background-color); border-color: var(--ag-toggle-button-on-border-color); } .ag-toggle-button-input-wrapper::before { content: " "; position: absolute; top: calc(0px - var(--ag-toggle-button-border-width)); left: calc(0px - var(--ag-toggle-button-border-width)); display: block; box-sizing: border-box; height: var(--ag-toggle-button-height); width: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-switch-background-color); border-radius: 100%; transition: left 100ms; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-switch-border-color); } .ag-toggle-button-input-wrapper.ag-checked::before { left: calc(100% - var(--ag-toggle-button-height)); border-color: var(--ag-toggle-button-on-border-color); } .ag-radio-button-input-wrapper { font-family: var(--ag-icon-font-family); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; border-radius: var(--ag-icon-size); } .ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-radio-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-radio-button-input-wrapper::after { content: var(--ag-icon-font-code-radio-button-off, "\f126"); color: var(--ag-checkbox-unchecked-color); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-radio-button-on, "\f127"); color: var(--ag-checkbox-checked-color); position: absolute; top: 0; left: 0; pointer-events: none; } input[class^=ag-][type=range] { -webkit-appearance: none; width: 100%; height: 100%; background: none; overflow: visible; } input[class^=ag-][type=range]::-webkit-slider-runnable-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-moz-range-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-ms-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); color: transparent; width: calc(100% - 2px); } input[class^=ag-][type=range]::-webkit-slider-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px)); } input[class^=ag-][type=range]::-ms-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]::-moz-ag-range-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]:focus { outline: none; } input[class^=ag-][type=range]:focus::-webkit-slider-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-ms-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-moz-ag-range-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:active::-webkit-slider-runnable-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-moz-ag-range-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-ms-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:disabled { opacity: 0.5; } .ag-theme-balham, .ag-theme-balham-dark { --ag-balham-active-color: #0091ea; --ag-foreground-color: #000; --ag-background-color: #fff; --ag-header-background-color: #f5f7f7; --ag-tooltip-background-color: #cbd0d3; --ag-subheader-background-color: #e2e9eb; --ag-control-panel-background-color: #f5f7f7; --ag-border-color: #bdc3c7; --ag-odd-row-background-color: #fcfdfe; --ag-row-hover-color: #ecf0f1; --ag-column-hover-color: #ecf0f1; --ag-input-border-color: #95a5a6; --ag-invalid-color: #e02525; --ag-input-disabled-background-color: #ebebeb; --ag-checkbox-unchecked-color: #7f8c8d; --ag-input-focus-border-color: #719ECE; --ag-input-focus-box-shadow: 0 0 2px 1px var(--ag-input-focus-border-color); --ag-range-selection-border-color: var(--ag-balham-active-color); --ag-checkbox-checked-color: var(--ag-balham-active-color); --ag-checkbox-background-color: var(--ag-background-color); --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38); --ag-subheader-toolbar-background-color: rgba(226, 233, 235, 0.5); --ag-row-border-color: rgba(189, 195, 199, 0.58); --ag-chip-background-color: rgba(0, 0, 0, 0.1); --ag-range-selection-background-color: rgba(0, 145, 234, 0.2); --ag-range-selection-background-color-2: rgba(0, 145, 234, 0.36); --ag-range-selection-background-color-3: rgba(0, 145, 234, 0.49); --ag-range-selection-background-color-4: rgba(0, 145, 234, 0.59); --ag-selected-row-background-color: rgba(0, 145, 234, 0.28); --ag-header-column-separator-color: rgba(189, 195, 199, 0.5); --ag-input-disabled-border-color: rgba(149, 165, 166, 0.3); --ag-header-column-separator-display: block; --ag-header-column-separator-height: 50%; --ag-grid-size: 4px; --ag-icon-size: 16px; --ag-row-height: calc(var(--ag-grid-size) * 7); --ag-header-height: calc(var(--ag-grid-size) * 8); --ag-list-item-height: calc(var(--ag-grid-size) * 6); --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size)); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-input-height: calc(var(--ag-grid-size) * 4); --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 12px; --ag-icon-font-family: agGridBalham; --ag-border-radius: 2px; --ag-checkbox-border-radius: 3px; --ag-card-shadow: none; } .ag-theme-balham-dark { --ag-balham-active-color: #00B0FF; --ag-foreground-color: #F5F5F5; --ag-background-color: #2d3436; --ag-header-background-color: #1c1c1c; --ag-tooltip-background-color: #1c1f20; --ag-subheader-background-color: #111; --ag-control-panel-background-color: #202020; --ag-border-color: #424242; --ag-odd-row-background-color: #262c2e; --ag-row-hover-color: #3d4749; --ag-column-hover-color: #3d4749; --ag-input-border-color: #f0f0f0; --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3); --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66); --ag-checkbox-unchecked-color: #ecf0f1; --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38); --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5); --ag-row-border-color: #5c5c5c; --ag-chip-background-color: rgba(245, 245, 245, 0.08); --ag-range-selection-background-color: rgba(0, 176, 255, 0.2); --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36); --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49); --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59); --ag-selected-row-background-color: rgba(0, 176, 255, 0.28); --ag-header-column-separator-color: rgba(66, 66, 66, 0.5); --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3); --ag-header-foreground-color: rgba(245, 245, 245, 0.64); --ag-toggle-button-off-background-color: transparent; --ag-toggle-button-off-border-color: var(--ag-foreground-color); --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5); --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5); --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color); } .ag-theme-balham .ag-filter-toolpanel-header, .ag-theme-balham .ag-filter-toolpanel-search, .ag-theme-balham .ag-status-bar, .ag-theme-balham .ag-header-row, .ag-theme-balham .ag-multi-filter-group-title-bar, .ag-theme-balham-dark .ag-filter-toolpanel-header, .ag-theme-balham-dark .ag-filter-toolpanel-search, .ag-theme-balham-dark .ag-status-bar, .ag-theme-balham-dark .ag-header-row, .ag-theme-balham-dark .ag-multi-filter-group-title-bar { font-weight: 600; color: var(--ag-header-foreground-color); } .ag-theme-balham .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham .ag-ltr input[class^=ag-][type=text], .ag-theme-balham .ag-ltr input[class^=ag-][type=number], .ag-theme-balham .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham .ag-ltr input[class^=ag-][type=date], .ag-theme-balham .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-ltr textarea[class^=ag-], .ag-theme-balham-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-balham .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham .ag-rtl input[class^=ag-][type=text], .ag-theme-balham .ag-rtl input[class^=ag-][type=number], .ag-theme-balham .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham .ag-rtl input[class^=ag-][type=date], .ag-theme-balham .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-rtl textarea[class^=ag-], .ag-theme-balham-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-balham .ag-column-drop-vertical-empty-message, .ag-theme-balham .ag-status-bar, .ag-theme-balham-dark .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-status-bar { font-weight: 600; color: var(--ag-disabled-foreground-color); } .ag-theme-balham.ag-dnd-ghost, .ag-theme-balham-dark.ag-dnd-ghost { font-size: var(--ag-font-size); font-weight: 600; } .ag-theme-balham .ag-tab, .ag-theme-balham-dark .ag-tab { border: 1px solid transparent; padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); margin: var(--ag-grid-size); margin-bottom: -1px; } .ag-theme-balham .ag-tab-selected, .ag-theme-balham-dark .ag-tab-selected { background-color: var(--ag-background-color); border-color: var(--ag-border-color); border-bottom-color: transparent; } .ag-theme-balham .ag-tabs-header, .ag-theme-balham-dark .ag-tabs-header { border-bottom: 1px solid var(--ag-border-color); } .ag-theme-balham .ag-column-drop-cell, .ag-theme-balham-dark .ag-column-drop-cell { height: calc(var(--ag-grid-size) * 6); } .ag-theme-balham .ag-column-drop-vertical-title, .ag-theme-balham-dark .ag-column-drop-vertical-title { color: var(--ag-foreground-color); } .ag-theme-balham .ag-column-drop-vertical-cell, .ag-theme-balham-dark .ag-column-drop-vertical-cell { margin-left: calc(var(--ag-grid-size) * 2); margin-right: calc(var(--ag-grid-size) * 2); } .ag-theme-balham .ag-column-drop-vertical-cell-text, .ag-theme-balham-dark .ag-column-drop-vertical-cell-text { margin-left: calc(var(--ag-grid-size) * 2); } .ag-theme-balham .ag-column-drop-vertical-icon, .ag-theme-balham-dark .ag-column-drop-vertical-icon { color: var(--ag-secondary-foreground-color); } .ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-ltr .ag-column-drop-vertical-empty-message { padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-right: var(--ag-grid-size); } .ag-theme-balham .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-rtl .ag-column-drop-vertical-empty-message { padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-left: var(--ag-grid-size); } .ag-theme-balham .ag-column-drop-horizontal, .ag-theme-balham-dark .ag-column-drop-horizontal { height: var(--ag-header-height); } .ag-theme-balham .ag-column-drop-empty, .ag-theme-balham-dark .ag-column-drop-empty { color: var(--ag-disabled-foreground-color); } .ag-theme-balham .ag-column-drop-horizontal-cell-text, .ag-theme-balham-dark .ag-column-drop-horizontal-cell-text { margin-left: calc(var(--ag-grid-size) * 2); } .ag-theme-balham .ag-column-drop-vertical, .ag-theme-balham-dark .ag-column-drop-vertical { padding-top: calc(var(--ag-grid-size) * 2); } .ag-theme-balham .ag-menu-header, .ag-theme-balham-dark .ag-menu-header { background-color: var(--ag-header-background-color); } .ag-theme-balham .ag-overlay-loading-center, .ag-theme-balham-dark .ag-overlay-loading-center { background-color: var(--ag-background-color); border: 1px solid var(--ag-border-color); color: var(--ag-foreground-color); padding: calc(var(--ag-grid-size) * 4); } .ag-theme-balham .ag-tooltip, .ag-theme-balham-dark .ag-tooltip { border: none; } .ag-theme-balham .ag-panel-title-bar-button-icon, .ag-theme-balham-dark .ag-panel-title-bar-button-icon { font-size: calc(var(--ag-icon-size) + var(--ag-grid-size)); } .ag-theme-balham .ag-chart-data-section, .ag-theme-balham .ag-chart-format-section, .ag-theme-balham-dark .ag-chart-data-section, .ag-theme-balham-dark .ag-chart-format-section { padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-balham .ag-group-toolbar, .ag-theme-balham-dark .ag-group-toolbar { background-color: var(--ag-subheader-toolbar-background-color); } .ag-theme-balham .ag-chart-tab, .ag-theme-balham-dark .ag-chart-tab { padding-top: calc(var(--ag-grid-size) * 0.5); } .ag-theme-balham .ag-charts-format-sub-level-group-item, .ag-theme-balham-dark .ag-charts-format-sub-level-group-item { margin-bottom: calc(var(--ag-grid-size) * 1.5); } .ag-theme-balham .ag-chart-menu-close, .ag-theme-balham-dark .ag-chart-menu-close { background: var(--ag-background-color); } .ag-theme-balham .ag-chart-menu-close:hover .ag-icon, .ag-theme-balham-dark .ag-chart-menu-close:hover .ag-icon { border-color: var(--ag-border-color); } .ag-theme-balham .ag-chart-menu-close .ag-icon, .ag-theme-balham-dark .ag-chart-menu-close .ag-icon { background: var(--ag-header-background-color); border: 1px solid var(--ag-secondary-border-color); border-right: none; } .ag-theme-balham-dark { color-scheme: dark; } @font-face { font-family: "agGridBalham"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABQsAAsAAAAAKcgAABPaAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIh2BmAAixwKr0ynOAE2AiQDghgLgQ4ABCAFhEYHhF0bXiRFpNekVVHJ/j8kcGOoVAN7L8rdRUEn6ZRdEY4cPSsWsYa1Wb2Sgi2cP95lTgmTT/ndiPe/iFyfMpSSB+B++a5qUUJ3i2yOTKBKGtAEZjDQ/79r5Z9JJgO0QJTwIt61qrKvDlDoCuP7P/w2/773RBsEC9gwEHQ884EFwsNiYDQqizIKCyNh1ayqcJH+M1lE4yJZuf0JLTfgdHNvseRobBRAwGBuVQKzJwnlrC2j0h1WndeaR8acU+fTftMv+IgvtuJeOZP9qfnXXNJ/nz0sdsqYLX3/bccgSgISTwjfXQjUrV14PoMQtmKBCWgyDBHwf3OlveyxK4GiKYHQ9exMZjK7zfz5ubvsYS5HlOOUECygAtoUiNcVVGUdsCPbVyXJVdq6VlVYXag55WB04UExdSgEyFx64PjfUGqRahgfQwg7jwHtGrcjBKQJJ/bgK00N1IOvjTXAhgXLh8BxyNDB37JRYL9LhiV1QrwwR50h0fNZo4upSKP1G3fY5KMN9MMe3sN4OhhLiIUWJ7xbpSRFM2wEx2lLKwiysi6oyClzCg99Ec8TxilXY4ea+YgngzqZGPlo74Ign50j7RGuKl8qDZ8x4lCYLQkLtAgHOb6bcEcrG9Rqe+gsz8FVCONktVNlOA7WhI08pMz03cK7oYJ29TlhKPWBJYE7i5Juc0OhwsBrG9rKbO6EX3Rm7SqcMYMpaztrilmkMrImHVEbzcilHcJDqJDa8BAVMXJkYOeTwgaNs7o82pMPXpmMUyRPppY3sk/PuiE8EKa81aEu4gXCqPuAbqTipcosW5xw2UMWVvgHdkq2K9b9Td/TDnZZsSenqFwS1wU7LpwQGYUJSCt8EW2ZKu7oar+BBS4UMLDEUesGK04CruqhLuSMFYxMOJ9k4TD6FsVJsWO2s7ISEXprJ6A6r7y7wcA1E0rdGHdBx2BqsIR3TVZsVrEiVadMeSiWTAV7ZT3Vh65ZaPBQB8pGzlO41nZZxWRkU8M2LvrbXvAYm4YGxgINkymVnnvJ+8IY/CJKl9MJW+gvCnl3LbsHaTs2ohBWEcpmsmRRRXKNKkuCLm4p7Tbw2sbJ2TUikk4bbrLeRQHhO/tP4Dl++aF/RAgFCHMiEFzB7JaiGE4JCRQWYC7af+sZj8urAmJABMgDURBOygtDYUBJRR4SFA2D/QeykLbtL+2vOu2BalHwlVZ9YAmBwAqJwoEbRlZgudl7a7eVj6XTjrKzIY0LcGuIC98cRjq4UUDYEMxBuDy+QCgSS6QysnLyCopKyiqqauoamlpCbR1dPX1ZA0MjYxNZoamZ0NzEAoTiEPTkLicqdKxP4sG2CnatZ6N7+vtvlpd75OH2BAbPAiLfVE0AhYg9GquQArBGOoB10gJskG5gk9QCW2QQ2CbVwA5pA3ZJPbBP2oED0gockh7giDQCx6QBOCF9wBmpAc5JM3BB6oBL0gtckQHgmjQBN6QTuCX9wF3rIRBYIEYbACIAiAGgAwAJAHQBoAcAfQAYAMAQAEYAMAaACQBMAWAGAGYBYA4A5gFgAQAWAWAJAJYBYAUAVgFgDQDWAWADADYBYAsAtulEBgQdkMUuAOwBwD4AHADAIdpQcQSQ4RgATgDgFADOAOAczQQu6EQGBBToIAOAHE2OAqCPEs0cKkaSBxjen+IZuAeJEkG6QkFKaCHWbtDS+v6PhfxWycQKC2EdHQeG2D6/aTNYLFEiCYmBaFjhkkWCbis11vGLxQhnFAqk2N5CGex5kkImjrIomG+a/qf3WZBBuej7jXycrZUIJqVSi4cg2PfntCDZdT+ev++Xi5EX+R2/MKhXfK/qOL5LnGpRtKqMxCf5YHGxUvt30LY59zQrUmZZq/4ZOOc41b91Trju2v/7xItKYgGdjr1c/e/g+dc1v3eMv1rjIGH1I4hAbKGHP6fkylKWFtUuyFmAIQY+1aiYCCbcQCGQybdea81XQ6mTbmJ8M5G8ZAv/3MIjsRA1fZ4cSqr3k9cyFBHEUh2d2nVM7tYxmBMkpgh6ITiAi2gvR8+nT7VYqBd7UN9oCeIYoPf8wnHgAsN18TumbYMS3bJ+9osHJxLz5MOs+fi0ZD859YgMscM0rFjd5ofvRF6nQSVm9pnaHX4zcoAODXdwSqNytrQI9Jfma2gsSbcOogW4O1K+DX4z1PLgF8iQzwvYuOLJ70HixUG8zIjX+farIdSQJQHfy7SfDNqJxJmjTpAJ3jhTeeeh9yD445sSTSopjLsH9GQ2i8R8Pp0eh8bM8cvYvHgU6FERV9N5JE4AfSxnFioSCTNG9eIFJJrjKlQ4fioVw2YBGul5dT5/zDheMHsulyp1cfG0yAI9FlOa5pRYLsUpTwSgtjumA5lEo3InrjJVrSI19c17Ozu4jSZnJoc3jmAzV0Z5oCu0LhfQNUJjzTmzYl5llbpnkchD44d+1x4Jf+JybGc+LS1q4QDrDm5iluUUDksvqcjgdXv/oRC9YC2TbboagB9paX2CXoY13ODwZXdlwMkKi2wuuKN9jbqlDRSBbtvY3Bg6Dg3HQWJdpOr5LVJtmevyOisMAj1lhgSphE4ZNU+nCKh+gbAsUOEwpuvCSFLL6j5seqJFASDcrY+r+UNO6zUI3/lUV3IH7YVXq8B+mAnaIIXQ62AC9nDnfR7k5QhiGs3O5+IUnsUR3TuE+31QGoj5hfm0fYS8+IcDEvAdJCPhNnqYSdDHD/0QlZWLduWoRrLWmnOvqsfdYBCOV0PtSmnRqprafNXefT7Ir7srjm3oFJZGrljLj64PJgLqJWdpJsgL7uqzdqV+QtOUsSoYvF5x3K2edjacQ180y1za6d/EQoNH8WkkOOKzrCCcqJNSxhkZZIwSyiPL0YCRP+1/MyHscrTt/KaSH7Gp/YG9sokMvnJQE6ioFlAJy2Qwx8GkJ18vbI/F7u3aEB6664auN5xeweyd64duaYRp/3Ned2fPk2UnlvP5iFGebs4LbbY0CZB4cgN49JtPsWQ+v71cT3jrGSJmTs+KvFH4yCeupYe/jjGQIDavnuVcCbNAIvQ8vv38Vj6+tLDxSGD4QvO6sIYosbKpRcV1jaPwJfpkVk4qZeTeqjvacKBQk6kv50oMxwJHKti77PT7S2w+tcJ1KjrNBU0wLPfeUoGuFETKNfhi5Ltr7wcLNZ/rdRgyqxZDLhzDjSEeBLj6kjjYwCxaBTC/hwC+FfMN3/DNBDY+4TOmoOKMhm/mmlxErsnU8c58iBPqAxI5yFnE4/cizy1jQG8fP0jY4euJNTQSmn52CxThEuEO0XDvO8AfEfKmqK7YwzRmBkIJQ3VGWLw9a9mLj9q2+4LyXDKr86Zk0wm2s1q5ZJlburNkudtNgYdl/Hj8O7dD9912JNy21iUJBEl2WH9l2AmSEHWHmWDZ82DG85tsYAi6OnMSVsEQ+XEcw/ITMfaCIzzkXLQirhdd+Fsu78Woftu/33qQs/aPQ3zT+59DH5W69srlhhbHsIiixAdxYQ8Shmc9ePPN7Qqa2AJdN5VK07xgc01KpYvLkxtuLp80qfsaevc97n8k+CRqS/OFaoJQC/PNteOEWk3kC82ZkCWyPBWuEAgUuGob6rgUAhW+FQ5aOhu2Cja11M4bNpo3dvwGsz85f7hSblhq6FE2qhotv5t6myBiLJETFpZDjLqXzwkjhGOj39ZN4PQ/xZnIOdWf47+pAz+vXdvd7bdkSU2t5t6MuyZVSUGUaCnVL2KcIjS8Pb1mzbLCQhSVSbt0410XunbLduwwvs1jcUEBXJb6nREO3pcL5ccIUkiaCN8ndMPcbzSa6UVwDSbYobcGqXBcFSQKEqhUeLCg4G4+8TcgL0Aa+ePP6c+3OEaQQKnCgxbKl/KT+PDNZzQvJOr6m7KSptpxSXuRwLJAIrA0MMr7r1VM3X+134vm1mnITfsBca73kdo1t51nca67u5YRvauTPLjnmjA3r9gAhsMqlzZpo4jmtV/oe6zEt6CANZq6cg+VxfTw5FAvWhlORmp7ed07Z3o+g7rG63vUOgh1f+7J0Nu0eKx2qZBkPPNmuDgM3pLg6bnhAmNFrBE/JjAxcfBoc2pOc6QwI24waxbTjgxjCi+F2juuZuiAkepuU6Ttj+16l6Y1pdJYleIpp9G5P2MHyQetuqY+Z08Lc6anpVfltp5YwDAy3ZmRBaPz2yKnUOxpvjQGzL0z6oIW/B2A+3l4eDnKGIJuSR87xb+gG+FsXf5ZYzapVCm8rfQst1z3xPAscXheb8iEzRv+t3a+7TTJFv1LLShG+JosWYZ0pFux+xBOnti0LFlaJJEUxfI941Mnh/alaIoRjrKheoF0FZri57c/3pMfWywRF0l5HgmpxL3FYTiuHCgICqswLQp7LzOUAvytDz43/FtxxpT0Kv8Kbo2LjqqRZ4qJ/Ba8D6k+WaTFqKnITGm11jvpcfD+WayxjdyMeodRektGxohHNladkeJGPeZTUX8Ft64jeGO62tWZF0ePYQLhdYtjqEMf93xtW6tzg2kGqEHHcixrzYqXGmfzFDohSW9t23yAmbNtxj9WO4b+7lPnRra10uHXeF7Fag8raYXfv0kDadLLDfJj+mRhQjLbA9mvA9fLoy5nGEhDs0xMiptJz/dt6G+yQ+QhwGdhyEcOpJWEgNkfpnVOa3MaP9AvqfYlRK9/Tj7fTxwCXklTnYod2dlLFnZqK805DL1UWpLjoZhGx/bxgJ5oPUQtfPLZf1sHe/KqT9rKS16TL1avKrLH03zMlZUfPSccq939qNWxOINZlLaJrtWW9jLsispw4RSL6Oi61fn6Xt/vNnTFmoSM6yNwYAwje8la764uU8FprzsTk+glewlZMGWYmDws6A3z95azQsO7LvTeXVSh0Omysnq+iysFDxBeY+nkOoOOZHS5Di5/we7exSQVdXNOoHfV6tZlZYcQZ84Yf/+++Z75/h3oePwBIv64qEp/y78VfNY3D0XyRFnhVZschjkVCwbzM9OiVRGHeQXuQz0SyC75SiQXyecl+8RVF06PjCMzEWVQomDwTPtMezUvjZ+RHZKOd9qkC9TBgjyuyk5tl6WZrcCTgxf995eioigy9Kfj/ZNtIxxK2tpdy8O07IkLXzjgnd3xiLGprY10nOsVx0rQrMi2MV6P8Uodxv73rwcC3TiM/XeMz/KfGe/sZxi445jcQ1zmOK41cf92pU/xncKNPBxHWNkRrENsEfsLZfgNJDuRfYiVBFmGuXPt2ZKMGV3LLJWFI+dskZLedzmc1IPPBw4sK6bYMHmSzAuVCxc6x1fTy1lhs/cZvi9fPqye4chiNRV52jXQFyxsmO/09LbXlxs3Ltrh2v6Ioz9SPthfqC77Dz/NdNruAj93HKUuManVuWrT1LoBgoEKXNc41XR6A2rT0s8RnvNuOURxBtrpR7cfh2QbwxjyV0TqhT/i8Ha5vLND347srgvdI56jH3NCX6ccPQZ8Ei2lQwM0/OnT+ZqAoeZSR30b1/CHBpgLQpbIWkpiC8XiwtiSj6FGWaG4RPIRlomQREl+wViDq7z7YN73CwnbvqsYDaLpVj5/2rT5mRY+bVmKS4E3EOOsPBUvl8cFripy89L6abXLrnCkZVrtfDWEJ5TSaDO9CsLjx5uuVzTXe2F19d69nZMmx8eDibFETgiODVqULqJT6MuWR0f3WA6ZIlfbE4+onh46bcoj72xkiOeXLRvlWugtemR+xC13WjbGRdvgnrxsudYkC9J9zAWh4Pz4l3lEPztXzUc7zuOPPnmUIQVrCiUxMKYvG3/7BUnskhbrS2AU5gLmLupa1zydidnXR28WrEeFIi0yuxUrpl4IRi3MfIwiYrpuUi5oJwD9i9Vg702P6wdUszdjktjwNxUZEt27XAj6sav9i+rXY/0MHfoMaTL9f/w6kVcMrknc1sXmjMda7CqsA0MfB2wR8AI2WBEFne8bZ0xzW2VXY1V/6706+BWjIkbQpN/tnTALgAc7vDgx1qfjJv5u2LAzD6BbU37mdkSLdSf0dxr/7wGZfCIRm4QAk+T/hPz4obRlcNVfMDRbivHnAf0dKvvBBU9agR+tgN2OI0gMN5QV7SP3X4k4KtnOEIWYAiOBM19wg2rAALFxAASYMHZFUKDCEoE9R28SNkSfIBTwhNvCluj3xBFsY3cfDWv+JdwbB/OoolfpN7gaFafH857nP3AJhMNtaHje9b0BAisBM8zHoSzuTsQOlikNr4R2RTHSkJneQcvkRfL9dVipf8GTprRSnDcsMB4pkX9RsX6DnVVFb9ZYYZJ86z/YisKrRtDg1uRGUXmTqNy+IoCxZse9VSzP1h0JLWuIHEZSIl+NMkURQ0FPMhc774D27YnXsLP7/6iYkVW1J9oIX6KSU000uMDhG4PRZLZYbXaHH/61X+r8mc5sLl8olsqVaq3eaLbanW6vPxiOxpPpbL6gjAuptFmu1pvtbn84ns4XDx49efbi1Vs5W70cg1MSCFvVmfZlqz7d6kANsdG3YvlyBgb9MdNhPOSC+ZU6R0ADApwCKoFveakVlYY/1xmJxxxO4rkLU01YTnWisNICZqczHxvdqZSt/padqUU38Ner98fMyrAw32INB2OJqvhtkt/aFmvTmxmWi+xcD7nZ+VTz7k1dcFcrbWzY6IV2MZUJ6PoUh5DCJ+xSxdp3kgvHwUQ4w5RRxUh7zCaXToItSdi0s5B84bIvhsa5ihCOZO1V6kTYcHNediUWOC2PgUFGQ3vsP9PWCBnuBr4JA4xQVl/f1j2SteIwIAKC9got8j7MDsYfkio7WlifZQUAAA==); font-weight: normal; font-style: normal; } .ag-theme-balham { --ag-background-color: #fff; --ag-foreground-color: #000; --ag-border-color: #bdc3c7; --ag-subheader-background-color: #e2e9eb; --ag-balham-active-color: #0091ea; --ag-range-selection-border-color: #0091ea; --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38); --ag-subheader-toolbar-background-color: rgba(226, 233, 235, 0.5); --ag-row-border-color: rgba(189, 195, 199, 0.58); --ag-chip-background-color: rgba(0, 0, 0, 0.1); --ag-selected-row-background-color: rgba(0, 145, 234, 0.28); --ag-header-column-separator-color: rgba(189, 195, 199, 0.5); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-range-selection-background-color: rgba(0, 145, 234, 0.2); --ag-range-selection-background-color-2: rgba(0, 145, 234, 0.3599999999999999); --ag-range-selection-background-color-3: rgba(0, 145, 234, 0.4879999999999999); --ag-range-selection-background-color-4: rgba(0, 145, 234, 0.5903999999999999); --ag-header-column-resize-handle-color: rgba(189, 195, 199, 0.5); } .dp-table { position: relative; width: 100%; margin: 12px 0; border-collapse: separate; } .dp-table thead .dp-table--row .dp-table--cell { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; outline: none !important; line-height: 34px; color: var(--pxl-primary-tint-06); } .dp-table tbody .dp-table--row .dp-table--cell .dp-table--value { display: block; width: auto; max-width: 100%; } .dp-table tbody .dp-table--row .dp-table--cell .dp-table--content { display: flex; position: relative; } .dp-table tbody .dp-table--row:hover { background: var(--pxl-primary-tint-01); cursor: pointer; } .dp-table tfoot .dp-table--row .dp-table--cell .dp-button.dp-button--icon { display: flex; } .dp-table .dp-table--row { -webkit-transition-property: background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: background; transition-duration: 200ms; transition-timing-function: ease; } .dp-table .dp-table--row.collapsing, .dp-table .dp-table--row.ng-animate { transition: none !important; } .dp-table .dp-table--row.show { display: table-row; } .dp-table .dp-table--cell { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; width: auto; padding: 6px 24px; border-bottom: 1px solid var(--pxl-input-border-color); line-height: 34px; text-align: left; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; color: var(--pxl-color-font); vertical-align: middle; } .dp-table .dp-table--cell.dp-table--nowrap { white-space: nowrap; } .dp-table .dp-table--cell.dp-table--nowrap [class^=dp-typography-] { white-space: nowrap; } .dp-table.dp-table--active tbody .dp-table--row .dp-table--cell { position: relative; } .dp-table.dp-table--active tbody .dp-table--row .dp-table--cell:before { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 2px); padding: 0; margin: -1px 0; background: transparent; border: 1px solid var(--pxl-input-border-color); border-left: none; border-right: none; border-width: 2px; border-color: transparent; content: ""; z-index: 0; } .dp-table.dp-table--active tbody .dp-table--row .dp-table--cell:first-child:before { border-left: 1px solid var(--pxl-input-border-color); border-width: 2px; border-color: transparent; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .dp-table.dp-table--active tbody .dp-table--row .dp-table--cell:last-child:before { border-right: 1px solid var(--pxl-input-border-color); border-width: 2px; border-color: transparent; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .dp-table.dp-table--active tbody .dp-table--row .dp-table--cell .dp-table tbody .dp-table--row .dp-table--cell:before { display: none; } .dp-table.dp-table--active tbody .dp-table--row.dp-table--row---start .dp-table--cell:before { border-bottom: none; } .dp-table.dp-table--active tbody .dp-table--row.dp-table--row---start .dp-table--cell:first-child:before { border-bottom-left-radius: 0; } .dp-table.dp-table--active tbody .dp-table--row.dp-table--row---start .dp-table--cell:last-child:before { border-bottom-right-radius: 0; } .dp-table.dp-table--active tbody .dp-table--row.dp-table--row---end .dp-table--cell:before { border-top: none; } .dp-table.dp-table--active tbody .dp-table--row.dp-table--row---end .dp-table--cell:first-child:before { border-top-left-radius: 0; } .dp-table.dp-table--active tbody .dp-table--row.dp-table--row---end .dp-table--cell:last-child:before { border-top-right-radius: 0; } .dp-table.dp-table--active tbody .dp-table--row.dp-table--active:hover { background: transparent; } .dp-table.dp-table--active tbody .dp-table--row.dp-table--active .dp-table--cell { background: var(--pxl-primary-tint-01); } .dp-table.dp-table--active tbody .dp-table--row.dp-table--active .dp-table--cell:before { border-color: 1px solid var(--pxl-input-border-color); } .dp-table.dp-table--nested tbody .dp-table--row.dp-table--content-hover:hover > .dp-table--cell { background: transparent; } .dp-table tbody .dp-table--row.dp-table--content-hover:hover > .dp-table--cell { background: var(--pxl-primary-tint-01); } .dp-table tbody .dp-table--row.dp-table--content-hover:hover > .dp-table--cell .dp-table tbody .dp-table--row .dp-table--cell { background: transparent; } .dp-table tbody .dp-table--row.dp-table--content-hover .dp-table--cell { position: relative; background: transparent; } .dp-table tbody .dp-table--row.dp-table--content-hover .dp-table--cell:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .dp-table tbody .dp-table--row.dp-table--content-hover .dp-table--cell:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .dp-table tbody .dp-table--row .dp-table--cell > .dp-typography-body-1 { padding: 6px 0; } .dp-table tbody .dp-table--row .dp-table--cell > .dp-typography-body-1.dp-typography--gray { padding: 0; } .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1.dp-typography--gray, .dp-table tbody .dp-table--row .dp-table--cell .showdown-documentation.dp-typography--gray { display: inline-block; max-width: 100%; } .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1.dp-typography--gray[pxlTooltip], .dp-table tbody .dp-table--row .dp-table--cell .showdown-documentation.dp-typography--gray[pxlTooltip] { cursor: pointer; } .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1.dp-typography--gray.dp-checkbox--description, .dp-table tbody .dp-table--row .dp-table--cell .showdown-documentation.dp-typography--gray.dp-checkbox--description { display: block; white-space: normal !important; } .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1 + .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .showdown-documentation + .dp-label { margin: 0 6px; } .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--block { height: auto; } .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--block .dp-button--value.showdown-documentation { text-align: left; } .dp-table tbody .dp-table--row .dp-table--cell .dp-button + .dp-label { margin: 0 6px; } .dp-table tbody .dp-table--row .dp-table--cell url-input .dp-typography-body-1.dp-typography--gray { white-space: normal !important; } .dp-table thead .dp-table--row .dp-table--cell > .material-icons, .dp-table tbody .dp-table--row .dp-table--cell > .material-icons { margin: 0; line-height: 34px; color: inherit; } .dp-table thead .dp-table--row .dp-table--cell .dp-table--content .dp-label .dp-label--value, .dp-table tbody .dp-table--row .dp-table--cell .dp-table--content .dp-label .dp-label--value { top: 50%; transform: translateY(-50%); } .dp-table thead .dp-table--row .dp-table--cell > .material-icons { margin-left: 12px; } .dp-table tbody .dp-table--row .dp-table--cell .dp-table--content > .material-icons { margin-right: 12px; } .dp-table tbody .dp-table--row .dp-table--cell .dp-table--content > .material-icons:first-child { padding-right: 12px; margin: 0; } .dp-table tbody .dp-table--row .dp-table--cell .dp-table--content span + .material-icons { margin: 0; margin-left: 12px; } .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1 > .material-icons { line-height: normal; } .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1 > .material-icons:first-child { padding-right: 6px; margin: 0; } .dp-table + .dp-button { margin: 0 0 12px 0; } .dp-table thead .dp-table--row .dp-table--cell > .dp-button, .dp-table thead .dp-table--row .dp-table--cell > span .dp-button, .dp-table thead .dp-table--row .dp-table--cell > div:not(.dp-editor) .dp-button, .dp-table thead .dp-table--row .dp-table--cell .dp-filefield--label.dp-button, .dp-table tbody .dp-table--row .dp-table--cell > .dp-button, .dp-table tbody .dp-table--row .dp-table--cell > span .dp-button, .dp-table tbody .dp-table--row .dp-table--cell > div:not(.dp-editor) .dp-button, .dp-table tbody .dp-table--row .dp-table--cell .dp-filefield--label.dp-button { margin: 0 0 0 -16px; } .dp-table thead .dp-table--row .dp-table--cell > .dp-button.dp-button--icon, .dp-table thead .dp-table--row .dp-table--cell > span .dp-button.dp-button--icon, .dp-table thead .dp-table--row .dp-table--cell > div:not(.dp-editor) .dp-button.dp-button--icon, .dp-table thead .dp-table--row .dp-table--cell .dp-filefield--label.dp-button.dp-button--icon, .dp-table tbody .dp-table--row .dp-table--cell > .dp-button.dp-button--icon, .dp-table tbody .dp-table--row .dp-table--cell > span .dp-button.dp-button--icon, .dp-table tbody .dp-table--row .dp-table--cell > div:not(.dp-editor) .dp-button.dp-button--icon, .dp-table tbody .dp-table--row .dp-table--cell .dp-filefield--label.dp-button.dp-button--icon { margin: 3px; } .dp-table thead .dp-table--row .dp-table--cell .dp-button, .dp-table tbody .dp-table--row .dp-table--cell .dp-button { max-width: calc(100% + 32px); } .dp-table thead .dp-table--row .dp-table--cell .dp-button .dp-button--value, .dp-table tbody .dp-table--row .dp-table--cell .dp-button .dp-button--value { text-align: left; } .dp-table thead .dp-table--row .dp-table--cell .dp-button .dp-button--value .material-icons, .dp-table tbody .dp-table--row .dp-table--cell .dp-button .dp-button--value .material-icons { margin: 0 6px; } .dp-table thead .dp-table--row .dp-table--cell .dp-typography-body-1 + .dp-button, .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1 + .dp-button { margin-left: 12px !important; } .dp-table thead .dp-table--row .dp-table--cell .dp-typography-body-1 + .dp-button.dp-button--block, .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1 + .dp-button.dp-button--block { margin: 0 0 0 -16px !important; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-checkbox, .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-radio, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-checkbox, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-radio { width: 74px; vertical-align: middle; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-checkbox, .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-radio, .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-radio .dp-checkbox, .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-radio .dp-radio, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-checkbox, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-checkbox .dp-radio, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-radio .dp-checkbox, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-radio .dp-radio { display: inline-block; width: 26px; padding: 4px 0; margin: 0; } .dp-table thead .dp-table--row .dp-table--cell + .dp-table--cell.dp-table--with-checkbox, .dp-table thead .dp-table--row .dp-table--cell + .dp-table--cell.dp-table--with-radio, .dp-table tbody .dp-table--row .dp-table--cell + .dp-table--cell.dp-table--with-checkbox, .dp-table tbody .dp-table--row .dp-table--cell + .dp-table--cell.dp-table--with-radio { text-align: center; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-toggle, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-toggle { padding: 6px 0; width: 24px; vertical-align: middle; overflow: visible; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-toggle .dp-button, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-toggle .dp-button { margin-right: -12px; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-switch, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-switch { position: relative; width: 124px; vertical-align: middle; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--with-switch .dp-switch, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-switch .dp-switch { margin: 6px 0; } .dp-table thead .dp-table--row .dp-table--cell + .dp-table--cell.dp-table--with-switch, .dp-table tbody .dp-table--row .dp-table--cell + .dp-table--cell.dp-table--with-switch { text-align: center; } .dp-table thead .dp-table--row .dp-table--cell > .dp-textfield, .dp-table thead .dp-table--row .dp-table--cell > span .dp-textfield, .dp-table thead .dp-table--row .dp-table--cell > div .dp-textfield, .dp-table tbody .dp-table--row .dp-table--cell > .dp-textfield, .dp-table tbody .dp-table--row .dp-table--cell > span .dp-textfield, .dp-table tbody .dp-table--row .dp-table--cell > div .dp-textfield { width: calc(100% + 32px); min-width: 186px; max-width: none; margin: 0 0 0 -16px !important; } .dp-table thead .dp-table--row .dp-table--cell > div.nl-form .dp-textfield, .dp-table thead .dp-table--row .dp-table--cell .nl-form--paragraph .dp-textfield, .dp-table tbody .dp-table--row .dp-table--cell > div.nl-form .dp-textfield, .dp-table tbody .dp-table--row .dp-table--cell .nl-form--paragraph .dp-textfield { margin: 0 !important; } .dp-table thead .dp-table--row .dp-table--cell > div.nl-form .dp-menu--list .dp-textfield, .dp-table thead .dp-table--row .dp-table--cell .nl-form--paragraph .dp-menu--list .dp-textfield, .dp-table tbody .dp-table--row .dp-table--cell > div.nl-form .dp-menu--list .dp-textfield, .dp-table tbody .dp-table--row .dp-table--cell .nl-form--paragraph .dp-menu--list .dp-textfield { margin: 6px 0 !important; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--right .dp-textfield, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--right .dp-textfield { width: auto; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--right .dp-textfield .dp-textfield--input[type=number], .dp-table tbody .dp-table--row .dp-table--cell.dp-table--right .dp-textfield .dp-textfield--input[type=number] { text-align: right; } .dp-table thead .dp-table--row .dp-table--cell md-editor, .dp-table tbody .dp-table--row .dp-table--cell md-editor { width: calc(100% + 32px); margin: 0 0 0 -16px; } #user-file-uploads .dp-table thead .dp-table--row .dp-table--cell:nth-child(1), #user-file-uploads .dp-table thead .dp-table--row .dp-table--cell:nth-child(2), #user-file-uploads .dp-table tbody .dp-table--row .dp-table--cell:nth-child(1), #user-file-uploads .dp-table tbody .dp-table--row .dp-table--cell:nth-child(2) { width: 50%; } #user-file-uploads .dp-table thead .dp-table--row .dp-table--cell file-input, #user-file-uploads .dp-table tbody .dp-table--row .dp-table--cell file-input { width: calc(100% + 32px); margin: 0 0 0 -16px; } #user-file-uploads .dp-table thead .dp-table--row .dp-table--cell file-input .dp-filefield--wrapper .dp-filefield .dp-filefield--input + .dp-filefield--label, #user-file-uploads .dp-table tbody .dp-table--row .dp-table--cell file-input .dp-filefield--wrapper .dp-filefield .dp-filefield--input + .dp-filefield--label { display: inline-grid; text-align: left; margin: 0; } #user-file-uploads .dp-table thead .dp-table--row .dp-table--cell file-input .dp-filefield--wrapper .dp-filefield .dp-filefield--input + .dp-filefield--label .dp-filefield--display-text + .dp-filefield--value, #user-file-uploads .dp-table tbody .dp-table--row .dp-table--cell file-input .dp-filefield--wrapper .dp-filefield .dp-filefield--input + .dp-filefield--label .dp-filefield--display-text + .dp-filefield--value { display: block; } .dp-table thead .dp-table--row .dp-table--cell > .dp-menu, .dp-table thead .dp-table--row .dp-table--cell > span .dp-menu, .dp-table thead .dp-table--row .dp-table--cell > div .dp-menu { position: absolute; margin: 3px 0; } .dp-table thead .dp-table--row .dp-table--cell > .dp-menu .dp-button.dp-menu--button, .dp-table thead .dp-table--row .dp-table--cell > span .dp-menu .dp-button.dp-menu--button, .dp-table thead .dp-table--row .dp-table--cell > div .dp-menu .dp-button.dp-menu--button { margin: 0 !important; } .dp-table tbody .dp-table--row .dp-table--cell > .dp-menu, .dp-table tbody .dp-table--row .dp-table--cell > span .dp-menu, .dp-table tbody .dp-table--row .dp-table--cell > div .dp-menu { width: calc(100% + 32px); max-width: none; margin: 0 0 0 -16px; vertical-align: bottom; } .dp-table tbody .dp-table--row .dp-table--cell > .dp-menu.dp-menu--disabled, .dp-table tbody .dp-table--row .dp-table--cell > span .dp-menu.dp-menu--disabled, .dp-table tbody .dp-table--row .dp-table--cell > div .dp-menu.dp-menu--disabled { min-width: auto; } .dp-table tbody .dp-table--row .dp-table--cell > .dp-menu .dp-button.dp-menu--button, .dp-table tbody .dp-table--row .dp-table--cell > span .dp-menu .dp-button.dp-menu--button, .dp-table tbody .dp-table--row .dp-table--cell > div .dp-menu .dp-button.dp-menu--button { margin: 0 !important; } .dp-table tbody .dp-table--row .dp-table--cell > .dp-menu .dp-menu--list, .dp-table tbody .dp-table--row .dp-table--cell > span .dp-menu .dp-menu--list, .dp-table tbody .dp-table--row .dp-table--cell > div .dp-menu .dp-menu--list { width: auto; height: auto; } .dp-table thead .dp-table--row .dp-table--cell .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-label { padding: 6px 0; margin: 0 6px; vertical-align: middle; } .dp-table tbody .dp-table--row .dp-table--cell .dp-button:disabled + .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-button[disabled][disabled] + .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--disabled + .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-button.disabled + .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1:disabled + .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1[disabled][disabled] + .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1.dp-button--disabled + .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1.disabled + .dp-label { margin-left: 6px; } .dp-table tbody .dp-table--row .dp-table--cell .dp-button + .dp-label, .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-body-1 + .dp-label { margin: -1px 6px; margin-left: 12px; } .dp-table tbody .dp-table--row .dp-table--cell .dp-typography-display-4 + .dp-label { margin-left: 0; } .dp-table tfoot .dp-table--row .dp-table--cell [class^=dp-typography-] { padding-right: 16px; padding-left: 16px; } .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions, .dp-table tfoot .dp-table--row .dp-table--cell.dp-table--with-actions { padding: 6px 21px; white-space: nowrap; } .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions > div, .dp-table tfoot .dp-table--row .dp-table--cell.dp-table--with-actions > div { position: relative; z-index: 1; } .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button--tooltip, .dp-table tfoot .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button, .dp-table tfoot .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button--tooltip { margin: 3px 6px !important; } .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button > .dp-button, .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button--tooltip > .dp-button, .dp-table tfoot .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button > .dp-button, .dp-table tfoot .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button--tooltip > .dp-button { margin: 0 !important; } .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions .dp-menu, .dp-table tfoot .dp-table--row .dp-table--cell.dp-table--with-actions .dp-menu { width: auto; min-width: auto; margin: 3px; } .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions .dp-menu .dp-button, .dp-table tfoot .dp-table--row .dp-table--cell.dp-table--with-actions .dp-menu .dp-button { margin: 0 !important; } .dp-table tfoot .dp-table--row .dp-table--cell.dp-table--with-actions { text-align: right; } .dp-table thead tr .dp-table--cell.dp-table--with-actions .dp-button[disabled][disabled], .dp-table thead tr .dp-table--cell.dp-table--with-actions .dp-button.dp-button--disabled, .dp-table thead tr .dp-table--cell.dp-table--with-actions .dp-button.disabled, .dp-table tbody tr .dp-table--cell.dp-table--with-actions .dp-button[disabled][disabled], .dp-table tbody tr .dp-table--cell.dp-table--with-actions .dp-button.dp-button--disabled, .dp-table tbody tr .dp-table--cell.dp-table--with-actions .dp-button.disabled { background: var(--pxl-primary-tint-02) !important; color: var(--pxl-primary-tint-06) !important; } .dp-table thead tr .dp-table--cell .dp-button[disabled][disabled], .dp-table thead tr .dp-table--cell .dp-button.dp-button--disabled, .dp-table thead tr .dp-table--cell .dp-button.disabled, .dp-table tbody tr .dp-table--cell .dp-button[disabled][disabled], .dp-table tbody tr .dp-table--cell .dp-button.dp-button--disabled, .dp-table tbody tr .dp-table--cell .dp-button.disabled { background: transparent !important; color: inherit !important; } .dp-table thead tr .dp-table--cell .dp-textfield .dp-textfield--input, .dp-table tbody tr .dp-table--cell .dp-textfield .dp-textfield--input { background: transparent !important; } .dp-table thead tr .dp-table--cell .dp-menu[disabled][disabled] > .dp-menu--button, .dp-table thead tr .dp-table--cell .dp-menu.dp-menu--disabled > .dp-menu--button, .dp-table thead tr .dp-table--cell .dp-menu.disabled > .dp-menu--button, .dp-table tbody tr .dp-table--cell .dp-menu[disabled][disabled] > .dp-menu--button, .dp-table tbody tr .dp-table--cell .dp-menu.dp-menu--disabled > .dp-menu--button, .dp-table tbody tr .dp-table--cell .dp-menu.disabled > .dp-menu--button { padding-right: 16px; } .dp-table thead tr .dp-table--cell .dp-menu[disabled][disabled] > .dp-menu--button:after, .dp-table thead tr .dp-table--cell .dp-menu.dp-menu--disabled > .dp-menu--button:after, .dp-table thead tr .dp-table--cell .dp-menu.disabled > .dp-menu--button:after, .dp-table tbody tr .dp-table--cell .dp-menu[disabled][disabled] > .dp-menu--button:after, .dp-table tbody tr .dp-table--cell .dp-menu.dp-menu--disabled > .dp-menu--button:after, .dp-table tbody tr .dp-table--cell .dp-menu.disabled > .dp-menu--button:after { display: none; } .dp-table thead tr .dp-table--cell .dp-checkbox .dp-checkbox--input:disabled + .dp-checkbox--label .dp-checkbox--value:after, .dp-table thead tr .dp-table--cell .dp-checkbox .dp-checkbox--input:disabled + .dp-checkbox--label .dp-radio--value:after, .dp-table thead tr .dp-table--cell .dp-checkbox .dp-checkbox--input:disabled + .dp-radio--label .dp-checkbox--value:after, .dp-table thead tr .dp-table--cell .dp-checkbox .dp-checkbox--input:disabled + .dp-radio--label .dp-radio--value:after, .dp-table thead tr .dp-table--cell .dp-checkbox .dp-radio--input:disabled + .dp-checkbox--label .dp-checkbox--value:after, .dp-table thead tr .dp-table--cell .dp-checkbox .dp-radio--input:disabled + .dp-checkbox--label .dp-radio--value:after, .dp-table thead tr .dp-table--cell .dp-checkbox .dp-radio--input:disabled + .dp-radio--label .dp-checkbox--value:after, .dp-table thead tr .dp-table--cell .dp-checkbox .dp-radio--input:disabled + .dp-radio--label .dp-radio--value:after, .dp-table thead tr .dp-table--cell .dp-radio .dp-checkbox--input:disabled + .dp-checkbox--label .dp-checkbox--value:after, .dp-table thead tr .dp-table--cell .dp-radio .dp-checkbox--input:disabled + .dp-checkbox--label .dp-radio--value:after, .dp-table thead tr .dp-table--cell .dp-radio .dp-checkbox--input:disabled + .dp-radio--label .dp-checkbox--value:after, .dp-table thead tr .dp-table--cell .dp-radio .dp-checkbox--input:disabled + .dp-radio--label .dp-radio--value:after, .dp-table thead tr .dp-table--cell .dp-radio .dp-radio--input:disabled + .dp-checkbox--label .dp-checkbox--value:after, .dp-table thead tr .dp-table--cell .dp-radio .dp-radio--input:disabled + .dp-checkbox--label .dp-radio--value:after, .dp-table thead tr .dp-table--cell .dp-radio .dp-radio--input:disabled + .dp-radio--label .dp-checkbox--value:after, .dp-table thead tr .dp-table--cell .dp-radio .dp-radio--input:disabled + .dp-radio--label .dp-radio--value:after, .dp-table tbody tr .dp-table--cell .dp-checkbox .dp-checkbox--input:disabled + .dp-checkbox--label .dp-checkbox--value:after, .dp-table tbody tr .dp-table--cell .dp-checkbox .dp-checkbox--input:disabled + .dp-checkbox--label .dp-radio--value:after, .dp-table tbody tr .dp-table--cell .dp-checkbox .dp-checkbox--input:disabled + .dp-radio--label .dp-checkbox--value:after, .dp-table tbody tr .dp-table--cell .dp-checkbox .dp-checkbox--input:disabled + .dp-radio--label .dp-radio--value:after, .dp-table tbody tr .dp-table--cell .dp-checkbox .dp-radio--input:disabled + .dp-checkbox--label .dp-checkbox--value:after, .dp-table tbody tr .dp-table--cell .dp-checkbox .dp-radio--input:disabled + .dp-checkbox--label .dp-radio--value:after, .dp-table tbody tr .dp-table--cell .dp-checkbox .dp-radio--input:disabled + .dp-radio--label .dp-checkbox--value:after, .dp-table tbody tr .dp-table--cell .dp-checkbox .dp-radio--input:disabled + .dp-radio--label .dp-radio--value:after, .dp-table tbody tr .dp-table--cell .dp-radio .dp-checkbox--input:disabled + .dp-checkbox--label .dp-checkbox--value:after, .dp-table tbody tr .dp-table--cell .dp-radio .dp-checkbox--input:disabled + .dp-checkbox--label .dp-radio--value:after, .dp-table tbody tr .dp-table--cell .dp-radio .dp-checkbox--input:disabled + .dp-radio--label .dp-checkbox--value:after, .dp-table tbody tr .dp-table--cell .dp-radio .dp-checkbox--input:disabled + .dp-radio--label .dp-radio--value:after, .dp-table tbody tr .dp-table--cell .dp-radio .dp-radio--input:disabled + .dp-checkbox--label .dp-checkbox--value:after, .dp-table tbody tr .dp-table--cell .dp-radio .dp-radio--input:disabled + .dp-checkbox--label .dp-radio--value:after, .dp-table tbody tr .dp-table--cell .dp-radio .dp-radio--input:disabled + .dp-radio--label .dp-checkbox--value:after, .dp-table tbody tr .dp-table--cell .dp-radio .dp-radio--input:disabled + .dp-radio--label .dp-radio--value:after { display: none; } .dp-table thead tr .dp-table--cell .dp-form .dp-button:not(.dp-button--inactive)[disabled][disabled], .dp-table thead tr .dp-table--cell .dp-form .dp-button:not(.dp-button--inactive).dp-button--disabled, .dp-table thead tr .dp-table--cell .dp-form .dp-button:not(.dp-button--inactive).disabled, .dp-table thead tr .dp-table--cell .nl-form .dp-button:not(.dp-button--inactive)[disabled][disabled], .dp-table thead tr .dp-table--cell .nl-form .dp-button:not(.dp-button--inactive).dp-button--disabled, .dp-table thead tr .dp-table--cell .nl-form .dp-button:not(.dp-button--inactive).disabled, .dp-table thead tr .dp-table--cell .dp-layout--empty .dp-button:not(.dp-button--inactive)[disabled][disabled], .dp-table thead tr .dp-table--cell .dp-layout--empty .dp-button:not(.dp-button--inactive).dp-button--disabled, .dp-table thead tr .dp-table--cell .dp-layout--empty .dp-button:not(.dp-button--inactive).disabled, .dp-table tbody tr .dp-table--cell .dp-form .dp-button:not(.dp-button--inactive)[disabled][disabled], .dp-table tbody tr .dp-table--cell .dp-form .dp-button:not(.dp-button--inactive).dp-button--disabled, .dp-table tbody tr .dp-table--cell .dp-form .dp-button:not(.dp-button--inactive).disabled, .dp-table tbody tr .dp-table--cell .nl-form .dp-button:not(.dp-button--inactive)[disabled][disabled], .dp-table tbody tr .dp-table--cell .nl-form .dp-button:not(.dp-button--inactive).dp-button--disabled, .dp-table tbody tr .dp-table--cell .nl-form .dp-button:not(.dp-button--inactive).disabled, .dp-table tbody tr .dp-table--cell .dp-layout--empty .dp-button:not(.dp-button--inactive)[disabled][disabled], .dp-table tbody tr .dp-table--cell .dp-layout--empty .dp-button:not(.dp-button--inactive).dp-button--disabled, .dp-table tbody tr .dp-table--cell .dp-layout--empty .dp-button:not(.dp-button--inactive).disabled { background: var(--pxl-primary-tint-02) !important; color: var(--pxl-primary-tint-06) !important; } .dp-table thead tr .dp-table--cell .dp-form .dp-menu .dp-button[disabled][disabled], .dp-table thead tr .dp-table--cell .dp-form .dp-menu .dp-button.dp-button--disabled, .dp-table thead tr .dp-table--cell .dp-form .dp-menu .dp-button.disabled, .dp-table thead tr .dp-table--cell .nl-form .dp-menu .dp-button[disabled][disabled], .dp-table thead tr .dp-table--cell .nl-form .dp-menu .dp-button.dp-button--disabled, .dp-table thead tr .dp-table--cell .nl-form .dp-menu .dp-button.disabled, .dp-table thead tr .dp-table--cell .dp-layout--empty .dp-menu .dp-button[disabled][disabled], .dp-table thead tr .dp-table--cell .dp-layout--empty .dp-menu .dp-button.dp-button--disabled, .dp-table thead tr .dp-table--cell .dp-layout--empty .dp-menu .dp-button.disabled, .dp-table tbody tr .dp-table--cell .dp-form .dp-menu .dp-button[disabled][disabled], .dp-table tbody tr .dp-table--cell .dp-form .dp-menu .dp-button.dp-button--disabled, .dp-table tbody tr .dp-table--cell .dp-form .dp-menu .dp-button.disabled, .dp-table tbody tr .dp-table--cell .nl-form .dp-menu .dp-button[disabled][disabled], .dp-table tbody tr .dp-table--cell .nl-form .dp-menu .dp-button.dp-button--disabled, .dp-table tbody tr .dp-table--cell .nl-form .dp-menu .dp-button.disabled, .dp-table tbody tr .dp-table--cell .dp-layout--empty .dp-menu .dp-button[disabled][disabled], .dp-table tbody tr .dp-table--cell .dp-layout--empty .dp-menu .dp-button.dp-button--disabled, .dp-table tbody tr .dp-table--cell .dp-layout--empty .dp-menu .dp-button.disabled { background: transparent !important; } .dp-table .dp-form .dp-fieldset .dp-editor { margin: 0; margin-top: 6px; } .dp-table tbody .dp-table--row.dp-table--row---start .dp-table--cell { padding: 6px 21px 0 24px; border-bottom: none; } .dp-table tbody .dp-table--row.dp-table--row---start.dp-table--row---end .dp-table--cell { padding: 6px 24px 6px 24px; border-bottom: 1px solid var(--pxl-input-border-color); } .dp-table tbody .dp-table--row.dp-table--row---middle .dp-table--cell { padding: 0 24px; border-bottom: none; } .dp-table tbody .dp-table--row.dp-table--row---end .dp-table--cell { padding: 0 24px 6px 24px; border-bottom: 1px solid var(--pxl-input-border-color); } .dp-table--cell.dp-table--right { text-align: right; } .dp-table--cell.dp-table--center { text-align: center; } .dp-table--cell.dp-table--center .dp-button { margin-left: auto; margin-right: auto; } .dp-table--cell.dp-table--middle { vertical-align: middle; } .dp-table--cell.dp-table--top { vertical-align: top !important; } .dp-table--cell.dp-table--top.dp-table--with-radio { padding-top: 48px !important; } .dp-table--row.dp-table--bottom .dp-table--cell { vertical-align: bottom; } .dp-table--row.dp-table--middle .dp-table--cell { vertical-align: middle; } .dp-table--row.dp-table--top .dp-table--cell { vertical-align: top; } .dp-table--cell.dp-table--min { min-width: 124px; } .dp-table--cell.dp-table--min-max { min-width: 372px; } .dp-table--cell.dp-table--max { max-width: 372px; } .dp-table--cell.dp-table--flex { width: 100%; } .dp-table--cell.dp-table--equal { width: 50%; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort { position: relative; padding: 6px 36px 6px 24px; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort:after { position: absolute; margin: 0 12px; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort:hover { color: var(--pxl-color-font); cursor: pointer; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort.dp-table--right { padding-right: 24px; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort.dp-table--right.dp-table--descending:before, .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort.dp-table--right.dp-table--ascending:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; margin: 0 12px; line-height: 34px; content: "\e164"; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort.dp-table--right.dp-table--descending:after, .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort.dp-table--right.dp-table--ascending:after { display: none; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort.dp-table--right.dp-table--descending:before { transform: rotateX(0deg); } .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort.dp-table--right.dp-table--ascending:before { transform: rotateX(180deg); } .dp-table thead .dp-table--row .dp-table--cell.dp-table--sort.dp-table--sort--no-icon:after { display: none; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--descending:after, .dp-table thead .dp-table--row .dp-table--cell.dp-table--ascending:after { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; line-height: 34px; content: "\e164"; } .dp-table thead .dp-table--row .dp-table--cell.dp-table--descending:after { transform: rotateX(0deg); } .dp-table thead .dp-table--row .dp-table--cell.dp-table--ascending:after { transform: rotateX(180deg); } .dp-table thead .dp-table--row .dp-table--cell .dp-table--icon-descending { transform: rotateX(0deg); } .dp-table thead .dp-table--row .dp-table--cell .dp-table--icon-ascending { transform: rotateX(180deg); } .dp-table.dp-table--no-padding tbody .dp-table--row .dp-table--cell { padding: 0; } .dp-table.dp-table--no-margin { margin: 0; } .dp-table thead .dp-table--row.dp-table--no-border .dp-table--cell, .dp-table tbody .dp-table--row.dp-table--no-border .dp-table--cell, .dp-table tfoot .dp-table--row.dp-table--no-border .dp-table--cell { border: none; } .dp-table.dp-table--no-hover tbody .dp-table--row:hover { background: transparent; cursor: default; } .dp-table.dp-table--fixed { table-layout: fixed; } .dp-table.dp-table--nested { width: calc(100% - 48px); margin: 0 0 0 48px; transition: none; } .dp-table--bar { display: block; position: relative; width: 100%; padding: 12px 24px; margin: 12px 0; background: var(--pxl-primary-tint-02); border-radius: 2px; float: left; } .dp-table--bar > .dp-table--value { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; line-height: 32px; color: var(--pxl-color-main); } .dp-table--bar > .dp-button { margin: 0; margin-left: 6px; float: right; } .dp-table--bar > .dp-button.dp-button--icon.dp-button--right { height: auto; margin: 0 -16px; background: transparent !important; line-height: 24px; } .dp-table--bar > .dp-menu:after { position: absolute; top: 0; right: 0; content: "\e313"; line-height: 34px; transform: rotateX(0deg); } .dp-table--bar > .dp-menu.open:after { transform: rotateX(180deg); } .dp-table--bar + .dp-message { float: left; } .dp-table--actions .dp-typography-display-3 { padding: 12px 0; } .dp-table--actions .dp-table--group { padding: 6px 0; } .dp-table--actions .dp-table--group [class^=dp-typography-], .dp-table--actions .dp-table--group .dp-button, .dp-table--actions .dp-table--group .dp-menu, .dp-table--actions .dp-table--group .dp-textfield { width: auto; min-width: auto; max-width: none; margin: 0 6px; white-space: nowrap !important; } .dp-table--actions .dp-table--group [class^=dp-typography-] .dp-button, .dp-table--actions .dp-table--group .dp-button .dp-button, .dp-table--actions .dp-table--group .dp-menu .dp-button, .dp-table--actions .dp-table--group .dp-textfield .dp-button { margin: 0; } .dp-table--actions .dp-table--group [class^=dp-typography-].dp-textfield--filter .dp-textfield--input, .dp-table--actions .dp-table--group .dp-button.dp-textfield--filter .dp-textfield--input, .dp-table--actions .dp-table--group .dp-menu.dp-textfield--filter .dp-textfield--input, .dp-table--actions .dp-table--group .dp-textfield.dp-textfield--filter .dp-textfield--input { padding: 0 16px !important; } .dp-table--actions .dp-table--group [class^=dp-typography-] { display: inline; line-height: 16px; } .dp-table--actions .dp-table--group [class^=dp-typography-]:first-child { margin-left: 0; } .dp-table--actions .dp-table--group .dp-textfield { max-width: 124px; } .dp-table.dp-table--expand-collapse thead .dp-table--row .dp-table--cell:first-child { padding-left: 48px; } .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand.dp-table--disabled .dp-table--cell:first-child .dp-typography-body-1:before, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse.dp-table--disabled .dp-table--cell:first-child .dp-typography-body-1:before { display: none; } .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand.dp-table--disabled .dp-table--cell:first-child .dp-typography-body-1[ng-click]:hover, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse.dp-table--disabled .dp-table--cell:first-child .dp-typography-body-1[ng-click]:hover { cursor: default; } .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell:first-child .dp-typography-body-1:before, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell:first-child .dp-typography-body-1:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; position: absolute; margin: 3px -30px; color: var(--pxl-primary-tint-06); } .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell .dp-table--content, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell .dp-tree--value, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell .dp-table--content, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell .dp-tree--value { display: flex; } .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell .dp-table--content .dp-typography-body-1, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell .dp-tree--value .dp-typography-body-1, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell .dp-table--content .dp-typography-body-1, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell .dp-tree--value .dp-typography-body-1 { white-space: nowrap !important; } .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell .dp-table--content .dp-typography-body-1[ng-click]:hover, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell .dp-tree--value .dp-typography-body-1[ng-click]:hover, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell .dp-table--content .dp-typography-body-1[ng-click]:hover, .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell .dp-tree--value .dp-typography-body-1[ng-click]:hover { cursor: pointer; } .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--expand .dp-table--cell:first-child .dp-typography-body-1:before { content: "\e316"; } .dp-table.dp-table--expand-collapse tbody .dp-table--row.dp-table--collapse .dp-table--cell:first-child .dp-typography-body-1:before { content: "\e313"; } .dp-table.dp-table--expand-collapse tbody .dp-table--row .dp-table--cell[colspan]:first-child { padding-right: 24px !important; padding-left: 24px !important; } .dp-table.dp-table--expand-collapse tbody .dp-table--row .dp-table--cell:first-child { padding-left: 48px; } .dp-table.dp-table--expand-collapse tbody .dp-table--row .dp-table--cell:first-child .dp-table tbody .dp-table--row .dp-table--cell:first-child { padding: 0; } .dp-table--wrap { display: block; position: relative; width: 100%; margin: 12px 0; border-radius: 2px; overflow-x: auto; overflow-y: hidden; } .dp-table--wrap > .dp-table { margin: 0; } .dp-table--wrap + .dp-pagination { width: 100%; float: left; } .dp-table--wrap + .dp-pagination + .dp-message { float: left; } .dp-table--wrap.dp-table--wrap---right { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.07) 100%); } .dp-table--wrap.dp-table--wrap---both { background: linear-gradient(90deg, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.07) 100%); } .dp-table--wrap.dp-table--wrap---left { background: linear-gradient(90deg, rgba(0, 0, 0, 0.07) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0) 100%); } .dp-table--wrap-no-margin-bottom .dp-table--wrap { margin-bottom: 0; } .dp-table tbody .dp-table--row .dp-table--cell pre { padding: 0; margin: 0; background: transparent; border: none; border-radius: 0; } #audit-view .dp-table tbody .dp-table--row .dp-table--cell > .dp-typography-body-1 strong { float: left; } #report-types .dp-table { text-align: left; } #report-types .dp-table tbody .dp-table--row .dp-table--cell { display: inline-block; width: 50%; } #report-types .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--description { width: 100% !important; margin: 0 !important; } #report-types .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--description[disabled][disabled], #report-types .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--description.dp-button--disabled, #report-types .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--description.disabled { background: transparent !important; } #report-types .dp-table tbody .dp-table--row .dp-table--cell .dp-button.dp-button--description .dp-button { margin: 1.5rem 0 0 2rem !important; } @media screen and (max-width: 800px) { #report-types .dp-table tbody .dp-table--row .dp-table--cell { width: 100%; } } #policy-diff-dialog td.added data-policies-display-row:before, #policy-diff-dialog td.removed data-policies-display-row:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; position: absolute; top: 50%; transform: translateY(-50%); left: 0; margin: 0 -12px; content: ""; } #policy-diff-dialog td.added data-policies-display-row .dp-table:hover .dp-table--cell, #policy-diff-dialog td.removed data-policies-display-row .dp-table:hover .dp-table--cell { background: transparent; cursor: default; } #policy-diff-dialog td.added data-policies-display-row .dp-table .dp-table--cell, #policy-diff-dialog td.removed data-policies-display-row .dp-table .dp-table--cell { padding: 0 !important; padding-left: 6px !important; } #policy-diff-dialog td.added data-policies-display-row .dp-table .dp-table--cell .dp-typography-body-1:before, #policy-diff-dialog td.removed data-policies-display-row .dp-table .dp-table--cell .dp-typography-body-1:before { display: none; } #policy-diff-dialog td.added data-policies-display-row .dp-table .dp-table--cell .dp-typography-body-1 span[pxlTooltip]:hover, #policy-diff-dialog td.removed data-policies-display-row .dp-table .dp-table--cell .dp-typography-body-1 span[pxlTooltip]:hover { border: none; } #policy-diff-dialog td.added { background: var(--pxl-success-tint-01); } #policy-diff-dialog td.added data-policies-display-row:before { content: "\e145"; color: var(--pxl-success-tint-10); } #policy-diff-dialog td.removed { background: var(--pxl-error-tint-01); } #policy-diff-dialog td.removed data-policies-display-row:before { content: "\e15b"; color: var(--pxl-error-tint-10); } #policy-diff-dialog data-policies-display-row { display: block; position: relative; } #policy-diff-dialog data-policies-display-row .col-name .column { display: none; } .datasource-tasks tbody .dp-table--row .dp-table--cell { vertical-align: middle; } .datasource-tasks tbody .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button { margin-top: 0 !important; margin-bottom: 0 !important; } .datasource-tasks tbody .dp-table--row .dp-table--cell .dp-label { padding: 0; margin: 0; } .datasource-tasks tbody .dp-table--row .dp-table--cell .dp-list .dp-list--item { line-height: normal; } .datasource-tasks tbody .dp-table--row .dp-table--cell .dp-list .dp-list--item .dp-typography-body-1:nth-child(odd) { padding-bottom: 0; } .datasource-tasks tbody .dp-table--row .dp-table--cell .dp-list .dp-list--item .dp-typography-body-1:nth-child(even) { padding-top: 0; } .datasource-tasks tbody .dp-table--row .dp-table--cell .dp-table--content .dp-list { display: flex; width: 100%; } .datasource-tasks tbody .dp-table--row .dp-table--cell .dp-table--content .dp-list .dp-list--item:first-child { max-width: calc(100% - 60px); padding-right: 12px; } .datasource-tasks tbody .dp-table--row .dp-table--cell .dp-table--content .dp-list .dp-list--item .dp-button { position: absolute; top: 50%; transform: translateY(-50%); position: relative; margin: 0 !important; } #sql-support-matrix-dialog .dp-table thead .dp-table--row .dp-table--cell:first-child, #sql-support-matrix-dialog .dp-table tbody .dp-table--row .dp-table--cell:first-child { padding-left: 48px; } #sql-support-matrix-dialog .dp-table thead .dp-table--row .dp-table--cell .material-icons { position: absolute; margin: 0 18px; } #sql-support-matrix-dialog .dp-table tbody .dp-table--row .dp-table--cell .dp-table--content .material-icons { line-height: 34px; } #sql-support-matrix-dialog .dp-table tbody .dp-table--row .dp-table--cell .dp-table--content .material-icons:first-child { position: absolute; margin: 0 -30px; } #sql-support-matrix-dialog .dp-table tbody .dp-table--row .dp-table--cell .dp-table--content .material-icons:last-child { position: relative; margin: 0; margin-left: 12px; } #sql-support-matrix-dialog .dp-table tbody .dp-table--row .dp-table--cell .dp-label .dp-label--value .material-icons { position: absolute; right: 0; margin: 0 -30px; line-height: inherit; } data-policies-builder, data-policies-display-row { display: block; } #policies-view .dp-table#policy-view { padding: 6px 24px; margin: 6px 0; background: var(--pxl-primary-tint-01); border-radius: 2px; } #policies-view .dp-table#policy-view tbody .dp-table--row.dp-table--content-hover .dp-table--cell { padding: 0 !important; background: transparent; } #policies-view .dp-table thead .dp-table--row .dp-table--cell:nth-child(1), #policies-view .dp-table tbody .dp-table--row .dp-table--cell:nth-child(1) { padding-right: 12px; } #policies-view .dp-table thead .dp-table--row .dp-table--cell:nth-child(2), #policies-view .dp-table tbody .dp-table--row .dp-table--cell:nth-child(2) { padding-left: 12px; } #policies-view .dp-table thead .dp-table--row .dp-table--cell:nth-child(1) { overflow: visible; } #policies-view .dp-table thead .dp-table--row .dp-table--cell:nth-child(1).dp-table--sort:after { margin: 0 3px; } #policies-view .dp-table tbody .dp-table--row { animation: none; transition: none; } #policies-view .dp-table tbody .dp-table--row.dp-table--row---end .dp-table--cell { padding-right: 24px; } .dp-table tbody .dp-table--row.dp-table--staged .dp-table--cell strong, .dp-table tbody .dp-table--row.dp-table--staged .dp-table--cell .dp-typography-body-1, .dp-table tbody .dp-table--row.dp-table--deleted .dp-table--cell strong, .dp-table tbody .dp-table--row.dp-table--deleted .dp-table--cell .dp-typography-body-1 { color: var(--pxl-primary-tint-06); } .dp-table tbody .dp-table--row.dp-table--staged .dp-table--cell .dp-list, .dp-table tbody .dp-table--row.dp-table--deleted .dp-table--cell .dp-list { opacity: 0.7; } .dp-table tbody .dp-table--row.dp-table--deleted .dp-table--cell strong, .dp-table tbody .dp-table--row.dp-table--deleted .dp-table--cell .dp-typography-body-1 { text-decoration: line-through; } .dp-table tbody .dp-table--row.dp-table--deleted .dp-table--cell strong .dp-label .dp-label--value:after, .dp-table tbody .dp-table--row.dp-table--deleted .dp-table--cell .dp-typography-body-1 .dp-label .dp-label--value:after { position: absolute; right: 0; width: 16px; height: 100%; margin: 0 -16px; background: var(--pxl-primary-tint-00); content: ""; } .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions .dp-button[id^=data-policy-]:last-child { margin-right: 13px !important; } .dp-table tbody .dp-table--row.dp-table--content-hover:hover .dp-table--cell .dp-table tbody .dp-table--row.dp-table--deleted .dp-table--cell .dp-typography-body-1 .dp-label .dp-label--value:after { background: var(--pxl-primary-tint-01); } data-policies-display-row .dp-table .dp-table--row.dp-table--content-hover:hover .dp-table--cell:after, span[id^=policy-] .dp-table .dp-table--row.dp-table--content-hover:hover .dp-table--cell:after { background: var(--pxl-primary-tint-01); } data-policies-display-row .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell, span[id^=policy-] .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell { padding: 6px 24px !important; } data-policies-display-row .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell.dp-table--with-actions, span[id^=policy-] .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell.dp-table--with-actions { padding: 6px 10px !important; } data-policies-display-row .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-table .dp-table--row .dp-table--cell, span[id^=policy-] .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-table .dp-table--row .dp-table--cell { padding: 0 !important; } data-policies-display-row .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-typography-body-1:before, span[id^=policy-] .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-typography-body-1:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; margin-right: 6px; font-size: 6px; content: "\e3fa"; vertical-align: middle; } data-policies-display-row .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-typography-body-1.dp-typography--nested, span[id^=policy-] .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-typography-body-1.dp-typography--nested { padding-left: 48px; } data-policies-display-row .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-typography-body-1.dp-typography--nested:before, span[id^=policy-] .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-typography-body-1.dp-typography--nested:before { display: none; } data-policies-display-row .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-typography-body-1 .dp-typography-display-4, span[id^=policy-] .dp-table .dp-table--row.dp-table--content-hover .dp-table--cell .dp-typography-body-1 .dp-typography-display-4 { padding: 0; } data-policies-display-row .dp-label--clickable:not(.dp-label), data-policies-display-row span[pxlTooltip]:not(.dp-label), data-policies-display-row span[pxlPopover]:not(.dp-label), span[id^=policy-] .dp-label--clickable:not(.dp-label), span[id^=policy-] span[pxlTooltip]:not(.dp-label), span[id^=policy-] span[pxlPopover]:not(.dp-label) { border-bottom: 2px solid transparent; color: var(--pxl-color-main); } data-policies-display-row .dp-label--clickable:not(.dp-label):hover, data-policies-display-row .dp-label--clickable:not(.dp-label):focus, data-policies-display-row span[pxlTooltip]:not(.dp-label):hover, data-policies-display-row span[pxlTooltip]:not(.dp-label):focus, data-policies-display-row span[pxlPopover]:not(.dp-label):hover, data-policies-display-row span[pxlPopover]:not(.dp-label):focus, span[id^=policy-] .dp-label--clickable:not(.dp-label):hover, span[id^=policy-] .dp-label--clickable:not(.dp-label):focus, span[id^=policy-] span[pxlTooltip]:not(.dp-label):hover, span[id^=policy-] span[pxlTooltip]:not(.dp-label):focus, span[id^=policy-] span[pxlPopover]:not(.dp-label):hover, span[id^=policy-] span[pxlPopover]:not(.dp-label):focus { border-color: var(--pxl-action-tint-05); cursor: pointer; } data-policies-display-row .dp-label--clickable:not(.dp-label).pxlTooltip--disabled, data-policies-display-row .dp-label--clickable:not(.dp-label).uib-popover--disabled, data-policies-display-row span[pxlTooltip]:not(.dp-label).pxlTooltip--disabled, data-policies-display-row span[pxlTooltip]:not(.dp-label).uib-popover--disabled, data-policies-display-row span[pxlPopover]:not(.dp-label).pxlTooltip--disabled, data-policies-display-row span[pxlPopover]:not(.dp-label).uib-popover--disabled, span[id^=policy-] .dp-label--clickable:not(.dp-label).pxlTooltip--disabled, span[id^=policy-] .dp-label--clickable:not(.dp-label).uib-popover--disabled, span[id^=policy-] span[pxlTooltip]:not(.dp-label).pxlTooltip--disabled, span[id^=policy-] span[pxlTooltip]:not(.dp-label).uib-popover--disabled, span[id^=policy-] span[pxlPopover]:not(.dp-label).pxlTooltip--disabled, span[id^=policy-] span[pxlPopover]:not(.dp-label).uib-popover--disabled { border: none; color: inherit; cursor: default; } .dp-table.dp-table--comparison { table-layout: fixed; min-width: 1024px; } .dp-table.dp-table--comparison thead .dp-table--row .dp-table--cell, .dp-table.dp-table--comparison tbody .dp-table--row .dp-table--cell, .dp-table.dp-table--comparison tfoot .dp-table--row .dp-table--cell { border-bottom: 1px solid var(--pxl-input-border-color); border-left: 1px solid transparent; border-right: 1px solid var(--pxl-input-border-color); } .dp-table.dp-table--comparison thead .dp-table--row .dp-table--cell:first-child, .dp-table.dp-table--comparison tbody .dp-table--row .dp-table--cell:first-child, .dp-table.dp-table--comparison tfoot .dp-table--row .dp-table--cell:first-child { width: 248px; line-height: 24px; padding: 12px 24px; border-left: 1px solid var(--pxl-input-border-color); } .dp-table.dp-table--comparison thead .dp-table--row .dp-table--cell.dp-table--selected, .dp-table.dp-table--comparison tbody .dp-table--row .dp-table--cell.dp-table--selected, .dp-table.dp-table--comparison tfoot .dp-table--row .dp-table--cell.dp-table--selected { background: rgba(var(--pxl-color-main), 0.07); } .dp-table.dp-table--comparison thead .dp-table--row:first-child .dp-table--cell { border-top: 1px solid var(--pxl-input-border-color); } .dp-table.dp-table--comparison thead .dp-table--row:first-child .dp-table--cell:first-child { border-top: none; border-left: none; } .dp-table.dp-table--comparison thead .dp-table--row:first-child .dp-table--cell.dp-table--selected { border-top: 1px solid var(--pxl-color-main); } .dp-table.dp-table--comparison thead .dp-table--row:last-child .dp-table--cell { border-bottom-width: 2px; } .dp-table.dp-table--comparison thead .dp-table--row:last-child .dp-table--cell .dp-button { margin: 0; } .dp-table.dp-table--comparison thead .dp-table--row:last-child .dp-table--cell:first-child { border-left: none; } .dp-table.dp-table--comparison tfoot .dp-table--row .dp-table--cell { border-top: 1px solid var(--pxl-input-border-color); padding: 24px; } .dp-table.dp-table--comparison tfoot .dp-table--row .dp-table--cell.dp-table--selected { border-bottom: 1px solid var(--pxl-color-main); } .ag-theme-balham { width: 100%; height: 100%; font-family: var(--pxl-font-family-primary); -webkit-font-smoothing: auto; } .ag-theme-balham .ag-icon { color: var(--pxl-primary-tint-06); } .ag-theme-balham .ag-icon:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; font-size: 14px; } .ag-theme-balham .ag-icon.ag-icon-filter:before { content: "\e152"; } .ag-theme-balham .ag-icon.ag-icon-asc:before { content: "\e164"; transform: rotateX(180deg); } .ag-theme-balham .ag-icon.ag-icon-desc:before { content: "\e164"; transform: rotateX(0deg); } .ag-theme-balham .ag-icon.ag-icon-none:before { content: "\e0b8"; } .ag-theme-balham .ag-icon.ag-icon-menu:before { content: "\e5d4"; } .ag-theme-balham .ag-icon.ag-icon-small-down:before { content: "\e5d7"; } .ag-theme-balham .ag-root-wrapper { border: none; } .ag-theme-balham .ag-root-wrapper .ag-layout-normal { border: none; } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header { background: rgba(var(--pxl-color-font), 0.05); border: none; border-bottom: 1px solid var(--pxl-input-border-color); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row { font-weight: 300; } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell { overflow: visible; } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell:after { display: none; } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell:hover .ag-header-cell-label .ag-header-cell-text { color: var(--pxl-color-font); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell:hover .ag-header-cell-label .ag-header-icon .ag-icon:before { color: var(--pxl-color-font); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell.ag-column-menu-visible .ag-header-icon.ag-header-cell-menu-button { background: rgba(var(--pxl-color-font), 0.1); opacity: 1; } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell.ag-column-menu-visible .ag-header-icon.ag-header-cell-menu-button .ag-icon { color: var(--pxl-color-font); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell .ag-header-icon { padding: 3px 6px; background: transparent; border-radius: 2px; } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell .ag-header-icon.ag-header-cell-menu-button:hover { background: rgba(var(--pxl-color-font), 0.1); cursor: pointer; } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell .ag-header-icon.ag-header-cell-menu-button:hover .ag-icon { color: var(--pxl-color-font); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell .ag-header-cell-label .ag-header-cell-text { color: var(--pxl-primary-tint-06); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell .ag-header-cell-resize:hover:after { width: 2px; background: var(--pxl-color-main); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-header .ag-header-row .ag-header-cell .ag-header-cell-resize:after { position: absolute; width: 1px; height: 50%; padding: 0; margin: 8px 4px; background: rgba(var(--pxl-color-font), 0.3); border: none; content: ""; } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-row { border: none; border-bottom: 1px solid var(--pxl-input-border-color); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-row.ag-row-odd { background: rgba(var(--pxl-color-font), 0.03); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-row.ag-row-hover { background: rgba(var(--pxl-color-main), 0.1); } .ag-theme-balham .ag-root-wrapper .ag-layout-normal .ag-row .ag-cell.ag-cell-focus { border-color: var(--pxl-color-main); box-shadow: inset 0 0 0 1px var(--pxl-color-main); } .ag-theme-balham .ag-root-wrapper .ag-popup { height: 0 !important; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu { box-shadow: var(--pxl-shadow-small); background: var(--pxl-panel-background); border: 1px solid var(--pxl-panel-border-color); border-radius: 2px; margin: 0; min-width: 124px !important; max-width: 248px; padding: 6px; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper { padding: 0; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper { padding: 0; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-select { margin: 6px; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-select .ag-picker-field-wrapper { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; display: block; position: relative; width: 100%; height: 34px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); padding: 0 10px; outline: none; overflow: hidden; text-decoration: none; line-height: 32px; color: var(--pxl-color-font); cursor: pointer; display: flex; margin: 0; border-radius: 2px; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-select .ag-picker-field-wrapper:hover { box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.2); border-color: var(--pxl-primary-tint-05); } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-select .ag-picker-field-wrapper:focus { border-color: var(--pxl-primary-tint-06); box-shadow: none; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-select .ag-picker-field-wrapper * { display: inline-block; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-select .ag-picker-field-wrapper .ag-picker-field-display { margin: 0; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-select .ag-picker-field-wrapper .ag-picker-field-icon { margin: 6px 0; float: right; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-select .ag-picker-field-wrapper .ag-picker-field-icon .ag-icon:before { color: var(--pxl-color-font); } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-body { position: relative; margin: 6px; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-body .ag-input-field-input { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; width: 100%; height: 24px; padding: 0 16px; background: var(--pxl-primary-tint-00); background-image: none !important; border: 1px solid var(--pxl-input-border-color) !important; border-radius: 2px; outline: none; appearance: none; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-body .ag-input-field-input:hover { background: transparent !important; cursor: text; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-body .ag-input-field-input:focus { background: transparent !important; box-shadow: 0 0 0 4px var(--pxl-focus) !important; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-body .ag-input-field-input { min-height: 28px; padding: 0 16px; line-height: 28px; font-size: 12px; font-weight: 300; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-body .ag-input-field-input:hover { background: transparent !important; border-color: var(--pxl-primary-tint-05) !important; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-body .ag-input-field-input:focus { background: transparent !important; border-color: var(--pxl-color-main) !important; box-shadow: 0 0 0 4px var(--pxl-focus) !important; box-shadow: inset 0 0 0 1px var(--pxl-color-main) !important; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-condition { height: auto; margin: 6px; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-condition .ag-radio-button { margin: 0 6px; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-condition .ag-radio-button:hover { cursor: pointer; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-condition .ag-radio-button .ag-radio-button-label { margin: 0 6px; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-condition .ag-radio-button .ag-radio-button-input-wrapper { border: none; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-menu .ag-filter-wrapper .ag-filter-body-wrapper .ag-filter-condition .ag-radio-button .ag-radio-button-input-wrapper.ag-checked:after { color: var(--pxl-color-main); } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-select-list { box-shadow: var(--pxl-shadow-small); background: var(--pxl-panel-background); border: 1px solid var(--pxl-panel-border-color); border-radius: 2px; margin: 0; padding: 6px; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-select-list .ag-select-list-item { padding: 0 12px; background: var(--pxl-primary-tint-00); border-radius: 2px; } .ag-theme-balham .ag-root-wrapper .ag-popup .ag-select-list .ag-select-list-item:hover, .ag-theme-balham .ag-root-wrapper .ag-popup .ag-select-list .ag-select-list-item:focus { background: var(--pxl-primary-tint-01); cursor: pointer; } .dp-table.dp-table--policy-history thead .dp-table--row .dp-table--cell { border-left: 1px solid var(--pxl-input-border-color); border-right: 1px solid var(--pxl-input-border-color); } .dp-table.dp-table--policy-history thead .dp-table--row .dp-table--cell:first-child { border-left: none; } .dp-table.dp-table--policy-history thead .dp-table--row .dp-table--cell:last-child { border-right: none; } .dp-table.dp-table--policy-history tbody .dp-table--row .dp-table--cell { border-left: 1px solid var(--pxl-input-border-color); border-right: 1px solid var(--pxl-input-border-color); } .dp-table.dp-table--policy-history tbody .dp-table--row .dp-table--cell:first-child { border-left: none; } .dp-table.dp-table--policy-history tbody .dp-table--row .dp-table--cell:last-child { border-right: none; } .side-sheet-content-skeleton-loader-wrapper { margin-top: 48px; } .side-sheet-content-skeleton-loader { margin-top: 12px; } .side-sheet-content-header { margin-top: 40px; margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .side-sheet-content-header-identifier { margin-top: 40px; margin-bottom: 8px; } .side-sheet-content-header-identifier h4 { word-break: break-all; } .side-sheet-content-header-identifier h4 > strong { word-break: break-all; } .side-sheet-content-name { margin-bottom: 14px; } .side-sheet-content-source { font: 14px monospace; } .side-sheet-content-clock-icon { margin-right: 8px; color: var(--pxl-primary-tint-07); } .side-sheet-content-last-scan { font-size: 12px; } .side-sheet-content-title-card { margin-bottom: 24px; } .side-sheet-content-list { color: var(--pxl-primary-tint-07); list-style: inside; } .side-sheet-content-card { margin-bottom: 24px; } .side-sheet-content-card > h4 { margin-bottom: 12px; } .side-sheet-content-card > div { display: flex; margin-bottom: 16px; } .side-sheet-content-card > div > div { min-width: 32px; } .side-sheet-content-card > div > div > pxl-icon { display: inline-block; } .side-sheet-content-card > div > div > div { margin-bottom: 8px; } .dp-form .dp-fieldset { display: block; position: relative; width: 100%; } .dp-form .dp-fieldset.dp-fieldset--new .dp-textfield .dp-textfield--input + .dp-textfield--label:before { content: "Enter"; } .dp-form .dp-fieldset.dp-fieldset--edit .dp-textfield .dp-textfield--input + .dp-textfield--label:before { content: "Edit"; } .dp-form .dp-fieldset.dp-fieldset--with-padding { padding: 8px 0; } .dp-form .dp-fieldset .dp-textfield, .dp-form .dp-fieldset .dp-menu, .dp-form .dp-fieldset file-input { width: 100%; max-width: none; margin: 12px 0; } .dp-form .dp-fieldset .dp-textfield + .dp-checkbox--inline, .dp-form .dp-fieldset .dp-menu + .dp-checkbox--inline, .dp-form .dp-fieldset file-input + .dp-checkbox--inline { padding: 0; margin: 0; top: -28px; } .dp-form .dp-fieldset .dp-textfield .dp-menu--list, .dp-form .dp-fieldset .dp-menu .dp-menu--list, .dp-form .dp-fieldset file-input .dp-menu--list { width: 100%; max-width: none; } .dp-form .dp-fieldset .dp-textfield .dp-menu--list .dp-menu--item .dp-checkbox, .dp-form .dp-fieldset .dp-menu .dp-menu--list .dp-menu--item .dp-checkbox, .dp-form .dp-fieldset file-input .dp-menu--list .dp-menu--item .dp-checkbox { padding: 0; } .dp-form .dp-fieldset .dp-checkbox, .dp-form .dp-fieldset .dp-radio { padding: 12px 0; margin: 0; } .dp-form .dp-fieldset .dp-editor { margin: 12px 0; } .dp-form .dp-fieldset--actions { margin: 12px 0; text-align: center; } .dp-textfield { display: inline-block; position: relative; width: 100%; min-width: 124px; max-width: 248px; text-align: left; } .dp-textfield .dp-textfield--label-outside { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; margin-bottom: 3px; } .dp-textfield .dp-textfield--input { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; width: 100%; min-height: 48px; max-height: 48px; padding: 0 16px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 2px; outline: none; line-height: 48px; color: var(--pxl-color-font); -webkit-transition-property: border, box-shadow, color; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: border, box-shadow, color; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: border, box-shadow, color; transition-duration: 200ms; transition-timing-function: ease; } .dp-textfield .dp-textfield--input:hover { border-color: var(--pxl-primary-tint-05); } .dp-textfield .dp-textfield--input:focus { border-color: var(--pxl-color-main); box-shadow: 0 0 0 4px var(--pxl-focus); } .dp-textfield .dp-textfield--input:focus, .dp-textfield .dp-textfield--input.ng-not-empty, .dp-textfield .dp-textfield--input:not(:placeholder-shown) { padding-top: 16px; line-height: 24px; } .dp-textfield .dp-textfield--input:focus + .dp-textfield--label, .dp-textfield .dp-textfield--input:focus + .dp-menu + .dp-textfield--label, .dp-textfield .dp-textfield--input:focus + .dp-menu--list + .dp-textfield--label, .dp-textfield .dp-textfield--input.ng-not-empty + .dp-textfield--label, .dp-textfield .dp-textfield--input.ng-not-empty + .dp-menu + .dp-textfield--label, .dp-textfield .dp-textfield--input.ng-not-empty + .dp-menu--list + .dp-textfield--label, .dp-textfield .dp-textfield--input:not(:placeholder-shown) + .dp-textfield--label, .dp-textfield .dp-textfield--input:not(:placeholder-shown) + .dp-menu + .dp-textfield--label, .dp-textfield .dp-textfield--input:not(:placeholder-shown) + .dp-menu--list + .dp-textfield--label { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; font-weight: 300; top: 0; height: auto; line-height: 28px; color: var(--pxl-primary-tint-07); } .dp-textfield .dp-textfield--input:focus + .dp-textfield--label .material-icons, .dp-textfield .dp-textfield--input:focus + .dp-menu + .dp-textfield--label .material-icons, .dp-textfield .dp-textfield--input:focus + .dp-menu--list + .dp-textfield--label .material-icons, .dp-textfield .dp-textfield--input.ng-not-empty + .dp-textfield--label .material-icons, .dp-textfield .dp-textfield--input.ng-not-empty + .dp-menu + .dp-textfield--label .material-icons, .dp-textfield .dp-textfield--input.ng-not-empty + .dp-menu--list + .dp-textfield--label .material-icons, .dp-textfield .dp-textfield--input:not(:placeholder-shown) + .dp-textfield--label .material-icons, .dp-textfield .dp-textfield--input:not(:placeholder-shown) + .dp-menu + .dp-textfield--label .material-icons, .dp-textfield .dp-textfield--input:not(:placeholder-shown) + .dp-menu--list + .dp-textfield--label .material-icons { font-size: 14px; line-height: 28px; } .dp-textfield .dp-textfield--input[type=number] { padding-right: 0 !important; } .dp-textfield .dp-textfield--label { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; display: block; position: absolute; top: 0; width: 100%; height: 100%; padding: 0 36px 0 16px; line-height: 48px; color: var(--pxl-primary-tint-06); -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-textfield .dp-textfield--label .material-icons { position: absolute; top: 0; right: 16px; line-height: 48px; cursor: pointer; -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-textfield.dp-textfield--fixed-label .dp-textfield--input { padding-top: 16px; line-height: 24px; } .dp-textfield.dp-textfield--fixed-label .dp-textfield--label { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; font-weight: 300; top: 0; height: auto; line-height: 28px; color: var(--pxl-primary-tint-07); } .dp-textfield.dp-textfield--fixed-label .dp-textfield--label .material-icons { font-size: 14px; line-height: 28px; } .dp-textfield .dp-textfield--input.dp-textfield--textarea { padding-top: 16px; line-height: 24px; padding-top: 24px; padding-bottom: 6px; min-height: auto; max-height: none; resize: vertical; } .dp-textfield .dp-textfield--input.dp-textfield--textarea + .dp-textfield--label { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; font-weight: 300; top: 0; height: auto; line-height: 28px; color: var(--pxl-primary-tint-07); line-height: 34px; z-index: 1; } .dp-textfield .dp-textfield--input.dp-textfield--textarea + .dp-textfield--label:before { position: absolute; top: 0; left: 0; width: calc(100% - 18px); height: 100%; background: linear-gradient(0deg, rgba(var(--pxl-color-main-background-rgb), 0) 0%, rgba(var(--pxl-color-main-background-rgb), 1) 30%); border-radius: 3px; margin: 1px; content: ""; z-index: -1; } .dp-textfield .dp-textfield--input.dp-textfield--textarea + .dp-textfield--label .material-icons { font-size: 14px; line-height: 28px; } .dp-textfield .dp-textfield--input.dp-textfield--textarea::-webkit-input-placeholder { color: var(--pxl-primary-tint-06) !important; } .dp-textfield .dp-textfield--input.dp-textfield--textarea::-moz-placeholder { color: var(--pxl-primary-tint-06) !important; } .dp-textfield .dp-textfield--input.dp-textfield--textarea:-ms-input-placeholder { color: var(--pxl-primary-tint-06) !important; } .dp-textfield .dp-textfield--input.dp-textfield--textarea:-moz-placeholder { color: var(--pxl-primary-tint-06) !important; } .dp-textfield.dp-textfield--no-label .dp-textfield--input, .dp-textfield.dp-textfield--no-label.dp-textfield---textarea { min-height: 32px; padding: 0 16px; line-height: 32px; } .dp-textfield.dp-textfield--removable { display: inline-block; width: calc(100% - 96px) !important; } .dp-textfield.dp-textfield--removable + .dp-button { position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin: 0; } .dp-textfield .dp-textfield--input[disabled][disabled], .dp-textfield .dp-textfield--input.dp-textfield--disabled, .dp-textfield .dp-textfield--input.disabled { background: var(--pxl-primary-tint-02); border-color: transparent; box-shadow: none; } .dp-textfield .dp-textfield--input[disabled][disabled] + .dp-textfield--label:before, .dp-textfield .dp-textfield--input.dp-textfield--disabled + .dp-textfield--label:before, .dp-textfield .dp-textfield--input.disabled + .dp-textfield--label:before { background-image: none; } .dp-textfield .dp-textfield--input:required + .dp-textfield--label:after, .dp-textfield .dp-filefield--input:required + .dp-textfield--label:after, .dp-filefield .dp-textfield--input:required + .dp-textfield--label:after, .dp-filefield .dp-filefield--input:required + .dp-textfield--label:after { content: " (Required)"; } .dp-textfield .dp-textfield--input:required + .dp-menu--list + .dp-textfield--label:after, .dp-textfield .dp-filefield--input:required + .dp-menu--list + .dp-textfield--label:after, .dp-filefield .dp-textfield--input:required + .dp-menu--list + .dp-textfield--label:after, .dp-filefield .dp-filefield--input:required + .dp-menu--list + .dp-textfield--label:after { content: " (Required)"; } .dp-textfield .dp-textfield--input:required + .dp-filefield--label .dp-filefield--display-text:after, .dp-textfield .dp-textfield--input:required + .dp-filefield--placeholder .dp-filefield--display-text:after, .dp-textfield .dp-filefield--input:required + .dp-filefield--label .dp-filefield--display-text:after, .dp-textfield .dp-filefield--input:required + .dp-filefield--placeholder .dp-filefield--display-text:after, .dp-filefield .dp-textfield--input:required + .dp-filefield--label .dp-filefield--display-text:after, .dp-filefield .dp-textfield--input:required + .dp-filefield--placeholder .dp-filefield--display-text:after, .dp-filefield .dp-filefield--input:required + .dp-filefield--label .dp-filefield--display-text:after, .dp-filefield .dp-filefield--input:required + .dp-filefield--placeholder .dp-filefield--display-text:after { content: " (Required)"; } .dp-textfield.dp-textfield--error .dp-textfield--input { border-color: var(--pxl-error-tint-10) !important; color: var(--pxl-error-tint-10) !important; } .dp-textfield.dp-textfield--error .dp-textfield--input::-webkit-input-placeholder { color: var(--pxl-error-tint-10) !important; } .dp-textfield.dp-textfield--error .dp-textfield--input::-moz-placeholder { color: var(--pxl-error-tint-10) !important; } .dp-textfield.dp-textfield--error .dp-textfield--input:-ms-input-placeholder { color: var(--pxl-error-tint-10) !important; } .dp-textfield.dp-textfield--error .dp-textfield--input:-moz-placeholder { color: var(--pxl-error-tint-10) !important; } .dp-textfield.dp-textfield--error .dp-textfield--label { color: var(--pxl-error-tint-10) !important; } .dp-textfield.dp-textfield--number-helper .dp-textfield--input { padding-right: 48px; } .dp-textfield.dp-textfield--number-helper .dp-textfield--input:focus, .dp-textfield.dp-textfield--number-helper .dp-textfield--input.ng-not-empty, .dp-textfield.dp-textfield--number-helper .dp-textfield--input:not(:placeholder-shown) { padding-right: 16px; } .dp-textfield.dp-textfield--filter .dp-textfield--input { min-height: 28px; padding: 0 16px; line-height: 28px; font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; min-height: 4rem; line-height: 100%; } .dp-textfield.dp-textfield--filter .dp-textfield--input:focus, .dp-textfield.dp-textfield--filter .dp-textfield--input[ng-reflect-model]:not([ng-reflect-model=""]) { min-height: 28px; padding: 0 16px; line-height: 28px; font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; min-height: 4rem; line-height: 100%; } .dp-textfield.dp-textfield--with-actions .dp-textfield--input { padding-right: 60px; } .dp-textfield.dp-textfield--with-actions .dp-textfield--actions { position: absolute; top: 0; right: 0; height: 100%; padding: 10px; z-index: 1; } .dp-textfield.dp-textfield--with-actions .dp-textfield--actions .dp-button, .dp-textfield.dp-textfield--with-actions .dp-textfield--actions .dp-button--tooltip { height: 100%; margin: 0 !important; vertical-align: baseline; } .dp-textfield.dp-textfield--with-actions .dp-textfield--actions .dp-button { line-height: normal !important; } .dp-textfield.dp-textfield--no-label .dp-textfield--actions { padding: 3px; } .dp-textfield.dp-textfield--filter .dp-textfield--input { padding-right: 36px; } .dp-textfield.dp-textfield--filter .dp-textfield--actions { padding: 0; } .dp-textfield.dp-textfield--left { float: left; margin: 0 12px 0 0; } .dp-textfield.dp-textfield--right { float: right; margin: 0 0 0 12px; } url-input { display: block; position: relative; } url-input .dp-form .dp-fieldset { margin: 0; } url-input .dp-form .dp-fieldset .dp-textfield { width: 100% !important; } url-input .dp-list.dp-list--horizontal .dp-list--item { padding: 6px 0; } url-input .dp-list.dp-list--horizontal .dp-list--item input[type=file] { display: none; } url-input .dp-list.dp-list--horizontal .dp-list--item .dp-button.dp-button--outline { margin: 6px !important; } file-input { display: inline-block; position: relative; width: 100%; } .dp-filefield { display: block; position: relative; height: auto !important; } .dp-filefield.dp-filefield--outline { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; width: 100%; height: 24px; padding: 0 16px; background: var(--pxl-primary-tint-00); background-image: none !important; border: 1px solid var(--pxl-input-border-color) !important; border-radius: 2px; outline: none; appearance: none; } .dp-filefield.dp-filefield--outline:hover { background: transparent !important; cursor: text; } .dp-filefield.dp-filefield--outline:focus { background: transparent !important; box-shadow: 0 0 0 4px var(--pxl-focus) !important; } .dp-filefield.dp-filefield--outline { padding: 0; } .dp-filefield.dp-filefield--outline:hover { background: transparent !important; border-color: var(--pxl-primary-tint-05) !important; } .dp-filefield.dp-filefield--outline:focus { background: transparent !important; border-color: var(--pxl-color-main) !important; box-shadow: 0 0 0 4px var(--pxl-focus) !important; } .dp-filefield.dp-filefield--outline.dp-filefield--removable { display: inline-block; width: calc(100% - 96px) !important; } .dp-filefield.dp-filefield--outline.dp-filefield--removable + .dp-button { position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin: 0; } .dp-filefield.dp-filefield--outline .dp-filefield--placeholder, .dp-filefield.dp-filefield--outline .dp-filefield--label { position: relative; width: 100%; height: 100%; } .dp-filefield.dp-filefield--outline .dp-filefield--placeholder .dp-filefield--display-text, .dp-filefield.dp-filefield--outline .dp-filefield--label .dp-filefield--display-text { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; width: 100%; min-height: 48px; max-height: 48px; padding: 0 16px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 2px; outline: none; line-height: 48px; color: var(--pxl-color-font); background: transparent; border: none; color: var(--pxl-primary-tint-06); } .dp-filefield.dp-filefield--outline .dp-filefield--placeholder .dp-filefield--display-text .material-icons, .dp-filefield.dp-filefield--outline .dp-filefield--label .dp-filefield--display-text .material-icons { position: absolute; top: 0; right: 16px; line-height: 48px; cursor: pointer; } .dp-filefield.dp-filefield--outline .dp-filefield--label .dp-filefield--display-text.dp-filefield--active { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; font-weight: 300; top: 0; height: auto; line-height: 28px; color: var(--pxl-primary-tint-07); } .dp-filefield.dp-filefield--outline .dp-filefield--label .dp-filefield--display-text.dp-filefield--active .material-icons { font-size: 14px; line-height: 28px; } .dp-filefield.dp-filefield--outline .dp-filefield--value { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; position: absolute; bottom: 0; max-width: 100%; padding: 0 16px; line-height: 32px; } .dp-filefield .dp-filefield--input { display: none; } .dp-filefield .dp-filefield--input + .dp-filefield--label .dp-filefield--display-text, .dp-filefield .dp-filefield--input + .dp-filefield--placeholder .dp-filefield--display-text { padding: 0 36px 0 16px; } .dp-filefield.dp-filefield--disabled { border-color: transparent !important; } .dp-filefield.dp-filefield--disabled:hover { border-color: transparent !important; } .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled], .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled { cursor: default !important; } .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--label, .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--placeholder, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--label, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--placeholder { cursor: default !important; } .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--label .dp-filefield--display-text, .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--placeholder .dp-filefield--display-text, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--label .dp-filefield--display-text, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--placeholder .dp-filefield--display-text { background: var(--pxl-primary-tint-02); border-color: transparent; box-shadow: none; } .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--label:hover, .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--label:focus, .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--label:active, .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--placeholder:hover, .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--placeholder:focus, .dp-filefield.dp-filefield--disabled .dp-filefield--input[disabled][disabled] + .dp-filefield--placeholder:active, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--label:hover, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--label:focus, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--label:active, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--placeholder:hover, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--placeholder:focus, .dp-filefield.dp-filefield--disabled .dp-filefield--input.disabled + .dp-filefield--placeholder:active { border-color: transparent !important; background: transparent !important; pointer-events: none; } .dp-textfield.dp-textfield--directory .dp-textfield--input { padding-top: 16px; line-height: 24px; max-height: none; padding-top: 19px; } .dp-textfield.dp-textfield--directory .dp-textfield--input .dp-textfield--input[disabled][disabled], .dp-textfield.dp-textfield--directory .dp-textfield--input .dp-textfield--input.dp-textfield--disabled, .dp-textfield.dp-textfield--directory .dp-textfield--input .dp-textfield--input.disabled { background: transparent !important; } .dp-textfield.dp-textfield--directory .dp-textfield--input [class^=dp-typography--], .dp-textfield.dp-textfield--directory .dp-textfield--input .dp-textfield--input { padding: 0 !important; line-height: 24px !important; } .dp-textfield.dp-textfield--directory .dp-textfield--input [class^=dp-typography--] { display: inline-block !important; } .dp-textfield.dp-textfield--directory .dp-textfield--input [class^=dp-typography--] * { line-height: 18px; } .dp-textfield.dp-textfield--directory .dp-textfield--input [class^=dp-typography--] *:after { content: "/"; } .dp-textfield.dp-textfield--directory .dp-textfield--input .dp-textfield--input { display: inline-block; width: auto; max-width: 100%; height: auto; min-height: auto; padding: 0; margin: 0; border: none; box-shadow: none; line-height: normal; } .dp-textfield.dp-textfield--directory.dp-textfield--disabled > .dp-textfield--input { background: var(--pxl-primary-tint-02); border-color: transparent; box-shadow: none; } .ms-ie .dp-textfield .dp-textfield--input, .ms-edge .dp-textfield .dp-textfield--input { box-shadow: none; } .ms-ie .dp-textfield .dp-textfield--input::-ms-clear, .ms-ie .dp-textfield .dp-textfield--input::-ms-reveal, .ms-edge .dp-textfield .dp-textfield--input::-ms-clear, .ms-edge .dp-textfield .dp-textfield--input::-ms-reveal { display: none; } .ms-ie .dp-filefield.dp-filefield--outline, .ms-edge .dp-filefield.dp-filefield--outline { box-shadow: none; } div[id^=__lpform_] { display: none !important; } policies-advanced-search .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3, policies-advanced-search .dp-editor.dp-editor--base .dp-editor--head .dp-typography-body-1 { padding-left: 48px; } policies-advanced-search .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3 { position: relative; } policies-advanced-search .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3 .dp-button { position: absolute; top: 0; left: 0; margin: 4px; } policies-advanced-search .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3 .dp-label { margin: 0; margin-left: 12px; vertical-align: bottom; } policies-advanced-search .dp-editor.dp-editor--base .dp-editor--head .dp-typography-body-1 + .dp-menu { margin-left: 48px; } .dp-facet--group { width: calc(100% - 60px); padding-bottom: 6px; margin-bottom: 6px; margin-left: 60px !important; border-bottom: 1px solid var(--pxl-input-border-color); } .dp-facet--group:last-child { padding: 0; margin: 0; border: none; } .dp-facet--group policies-advanced-search-facet { display: block; } .dp-facet--row { position: relative; padding: 4px 0; } .dp-facet--row .dp-button, .dp-facet--row .dp-menu, .dp-facet--row .dp-textfield { vertical-align: middle; } .dp-facet--row .dp-button { margin: 0; } .dp-facet--row .dp-textfield { width: auto; min-width: 0; margin: 0 6px; } .dp-facet--row .dp-chip { margin: 0 6px; } .dp-facet--row .dp-label { margin: 0 6px; } .dp-facet--row [uib-typeahead-popup].dropdown-menu { max-width: calc(100vw - 350px) !important; } .dp-facet--sub-facet { padding-left: 48px; } .dp-facet--sub-facet .dp-facet--row .dp-facet--arrow { position: absolute; top: 0; left: 0; margin: 12px -30px; } .dp-textfield .dp-textfield--input.dp-textfield--input-focus { border: 1px solid rgba(var(--pxl-color-main), 0.75); box-shadow: 0 0 0 var(--pxl-color-main); animation: pulse 2s infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(var(--pxl-color-main), 0.6); } 85% { box-shadow: 0 0 0 10px rgba(var(--pxl-color-main), 0); } 100% { box-shadow: 0 0 0 0 rgba(var(--pxl-color-main), 0); } } #search-input { height: 34px !important; } #audit-filter:focus { background: transparent !important; border-color: var(--pxl-color-main) !important; box-shadow: 0 0 0 4px var(--pxl-focus) !important; } .dp-textfield .dp-textfield-hint { display: block; font-size: 1.375rem; line-height: 3rem; padding-left: 2rem; } .dp-textfield.dp-textfield--error .dp-textfield-hint { color: var(--pxl-error-tint-10) !important; } #toast-container { margin: 0 6px; } #toast-container .ngx-toastr { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.15), 0 8px 10px -5px rgba(0, 0, 0, 0.05); display: block; width: 372px; padding: 12px 12px 12px 60px; margin: 6px 0; background: var(--pxl-panel-background); border: 1px solid var(--pxl-color-main); border-left-width: 4px !important; border-radius: 2px; text-align: left; color: var(--pxl-color-font); opacity: 1; } #toast-container .ngx-toastr:hover { box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.1), 0 11px 15px -7px rgba(0, 0, 0, 0.15), 0 24px 38px 3px rgba(0, 0, 0, 0.05); opacity: 1; transition: linear 0.15s all; } #toast-container .ngx-toastr.toast-info { border-color: var(--pxl-info-tint-10); } #toast-container .ngx-toastr.toast-info:before { content: "\e88e"; color: var(--pxl-info-tint-10); } #toast-container .ngx-toastr.toast-success { border-color: var(--pxl-success-tint-10); } #toast-container .ngx-toastr.toast-success:before { content: "\e8e8"; color: var(--pxl-success-tint-10); } #toast-container .ngx-toastr.toast-warning { border-color: var(--pxl-warning-tint-10); } #toast-container .ngx-toastr.toast-warning:before { content: "\e002"; color: var(--pxl-warning-tint-10); } #toast-container .ngx-toastr.toast-error { border-color: var(--pxl-error-tint-10); } #toast-container .ngx-toastr.toast-error:before { content: "\e031"; color: var(--pxl-error-tint-10); } #toast-container .ngx-toastr:before { position: absolute; top: 0; left: 0; width: 34px; height: 28px; margin: 12px; font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 28px; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; text-align: center; content: "\e88e"; color: var(--pxl-panel-background); } #toast-container .ngx-toastr .toast-title { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 400 !important; line-height: 24px !important; } #toast-container .ngx-toastr .toast-message { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; max-height: 86px; overflow: auto; } #toast-container .ngx-toastr .toast-message strong { font-weight: 600; -webkit-font-smoothing: antialiased; } #toast-container .toast-close-button { position: absolute; top: 0; right: 0; width: 34px; height: 28px; margin: 10px; background: transparent; border-radius: 2px; outline: none; text-shadow: none; color: transparent; opacity: 1; } #toast-container .toast-close-button:hover { background: var(--pxl-primary-tint-01); opacity: 1; } #toast-container .toast-close-button:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 22px; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; content: "\e5cd"; color: var(--pxl-color-font); opacity: 1; } .dp-toggle { display: inline-block; position: relative; width: 372px; height: 28px; margin: 0 auto; background: var(--pxl-primary-tint-02); border-radius: 2px; } .dp-toggle .dp-toggle--input { display: none; } .dp-toggle .dp-toggle--input:checked + label { color: var(--pxl-color-main); } .dp-toggle .dp-toggle--label { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; display: block; position: relative; width: auto; height: 100%; margin: 0; float: left; line-height: 28px; text-align: center; color: var(--pxl-primary-tint-06); z-index: 1; } .dp-toggle .dp-toggle--label.dp-button { margin: 0 !important; } .dp-toggle .dp-toggle--label:hover { background: transparent; color: var(--pxl-color-primary-reverse); -webkit-transition-property: background, color; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: background, color; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: background, color; transition-duration: 200ms; transition-timing-function: ease; } .dp-toggle .dp-toggle--label .dp-toggle--value { display: block; } .dp-toggle .dp-toggle--block { box-shadow: var(--pxl-shadow-small); display: block; position: absolute; top: 0; left: 0; width: auto; height: calc(100% - 6px); margin: 3px; background: var(--pxl-primary-tint-00); border-radius: 2px; transition: left 0.35s ease 0s; } .dp-toggle.dp-toggle--absolute { position: absolute; left: 50%; transform: translateX(-50%); margin-top: 3px; } .dp-layout--section.dp-layout--aside .dp-toggle, .dp-layout--section.dp-editor--base .dp-toggle, .dp-layout--section.nl-form--base .dp-toggle, .dp-editor.dp-layout--aside .dp-toggle, .dp-editor.dp-editor--base .dp-toggle, .dp-editor.nl-form--base .dp-toggle, .nl-form--nested.dp-layout--aside .dp-toggle, .nl-form--nested.dp-editor--base .dp-toggle, .nl-form--nested.nl-form--base .dp-toggle { display: block; max-width: 100%; margin: 12px auto; } .dp-login .dp-toggle { width: 100%; margin: 12px 0; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(4) { width: 50% !important; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(4) ~ .dp-toggle--label { width: 50% !important; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(4) ~ .dp-toggle--block { width: calc(50% - 6px); } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(4) ~ .dp-toggle--input:checked:nth-child(3) + .dp-toggle--label ~ .dp-toggle--block { left: 50%; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(6) { width: 33.33% !important; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(6) ~ .dp-toggle--label { width: 33.33% !important; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(6) ~ .dp-toggle--block { width: calc(33.33% - 6px); } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(6) ~ .dp-toggle--input:checked:nth-child(3) + .dp-toggle--label ~ .dp-toggle--block { left: 33.33%; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(6) ~ .dp-toggle--input:checked:nth-child(5) + .dp-toggle--label ~ .dp-toggle--block { left: 66.66%; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(8) { width: 25% !important; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(8) ~ .dp-toggle--label { width: 25% !important; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(8) ~ .dp-toggle--block { width: calc(25% - 6px); } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(8) ~ .dp-toggle--input:checked:nth-child(3) + .dp-toggle--label ~ .dp-toggle--block { left: 25%; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(8) ~ .dp-toggle--input:checked:nth-child(5) + .dp-toggle--label ~ .dp-toggle--block { left: 50%; } .dp-toggle .dp-toggle--label:nth-child(2):nth-last-child(8) ~ .dp-toggle--input:checked:nth-child(7) + .dp-toggle--label ~ .dp-toggle--block { left: 75%; } @media screen and (min-width: 962px) and (max-width: 1174px) { .dp-toggle.dp-toggle--absolute { width: 292px !important; margin-left: -36px; } #sources-view .dp-toggle.dp-toggle--absolute { width: 260px !important; transform: translateX(calc(-50% - 7rem)); margin-left: 0; } } .dp-tooltip, ngb-tooltip-window { display: inline-block; width: auto; max-width: 248px; padding: 1rem 1.5rem !important; margin: 0 !important; z-index: 9999 !important; -webkit-transition-property: opacity; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; } .dp-tooltip .dp-tooltip--value, .dp-tooltip ngb-tooltip-window .tooltip-inner, ngb-tooltip-window .dp-tooltip .tooltip-inner, ngb-tooltip-window .dp-tooltip--value, ngb-tooltip-window .tooltip-inner { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; padding: 6px 12px !important; margin: 0 !important; background: var(--pxl-primary-tint-08); border-radius: 2px; font-size: 14px; font-weight: 500; text-align: left; -webkit-hyphens: none; hyphens: none; color: var(--pxl-primary-tint-01); line-height: 1.5em; } .dp-tooltip.dp-tooltip--min-width, ngb-tooltip-window.dp-tooltip--min-width { min-width: 248px; } .dp-tooltip.dp-tooltip--no-wrap, ngb-tooltip-window.dp-tooltip--no-wrap { max-width: none; } .dp-tooltip.dp-tooltip--no-wrap .dp-tooltip--value, .dp-tooltip.dp-tooltip--no-wrap ngb-tooltip-window .tooltip-inner, ngb-tooltip-window .dp-tooltip.dp-tooltip--no-wrap .tooltip-inner, ngb-tooltip-window.dp-tooltip--no-wrap .dp-tooltip--value, ngb-tooltip-window.dp-tooltip--no-wrap .tooltip-inner { white-space: nowrap !important; } .dp-tooltip .dp-tooltip--content, ngb-tooltip-window .dp-tooltip--content { padding: 3px; } .dp-tooltip .dp-tooltip--content p, ngb-tooltip-window .dp-tooltip--content p { padding: 3px 0; line-height: 18px; } .dp-tooltip .dp-tooltip--content ul, ngb-tooltip-window .dp-tooltip--content ul { padding: 0 12px; list-style: disc; list-style-position: outside; } .dp-tooltip .dp-tooltip--content ul li, ngb-tooltip-window .dp-tooltip--content ul li { padding: 3px 0; line-height: 18px; } .tooltip .arrow { display: none; } .tooltip.show { opacity: 1; } ngb-tooltip-window .tooltip-inner { max-width: none; } #tag-builder .dp-table--wrap, #subpurpose-builder .dp-table--wrap { margin: 0; } .dp-tree { display: block; width: 100%; position: relative; padding: 0; list-style: none; } .dp-tree .dp-tree--value { white-space: nowrap; } .dp-tree .dp-tree--value .dp-button.dp-button--outline { position: absolute; right: 12px; top: 2px; margin: 3px -51px !important; } purposes-or-tags { display: block; width: 100%; padding-left: 16px; } .dp-tree--list { list-style: none; padding: 0; margin: 0; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list governance-tree-builder { margin: 0; padding: 0 !important; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li { position: relative; line-height: 34px; padding: 0 0 0 28px; margin: 0; border-left: 1px solid tint(var(--pxl-color-font), 90%); } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li.dp-tree--item---parent { border-left: none; margin-bottom: 6px; padding: 0; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li.dp-tree--item---parent:before { display: none; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li:before { content: ""; position: absolute; width: 18px; height: 34px; margin-left: -24px; vertical-align: top; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph { padding: 6px 0 0 0; vertical-align: top; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-button[disabled][disabled], .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-button.dp-button--disabled, .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-button.disabled { color: tint(var(--pxl-color-font), 50%) !important; background: transparent !important; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield { display: block; position: relative; margin: 0 0 6px 0 !important; -webkit-transition-property: height; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: height; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: height; transition-duration: 200ms; transition-timing-function: ease; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield .dp-textfield--input { display: inline-block; min-width: 248px; vertical-align: top; margin: 0; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield .dp-textfield--input + .dp-textfield--actions { opacity: 0; display: inline-block; width: auto; vertical-align: top; position: relative; margin: 0 0 -6px 3px; -webkit-transition-property: all; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: all; transition-duration: 200ms; transition-timing-function: ease; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield .dp-textfield--input + .dp-textfield--actions .dp-button, .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield .dp-textfield--input + .dp-textfield--actions > span { display: inline-block; vertical-align: top; top: 3px; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield:hover .dp-textfield--input { background: var(--pxl-natural-background-hover-rgba) !important; transition-delay: 200ms; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield:hover .dp-textfield--input + .dp-textfield--actions { opacity: 1; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield:focus-within .dp-textfield--input, .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield .dp-textfield--input:focus { background: var(--pxl-natural-background-hover-rgba) !important; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield:focus-within .dp-textfield--input + .dp-textfield--actions, .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield .dp-textfield--input:focus + .dp-textfield--actions { opacity: 1; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield:focus-within .dp-textfield--input + .dp-textfield--actions + .dp-textfield--helper, .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-textfield .dp-textfield--input:focus + .dp-textfield--actions + .dp-textfield--helper { opacity: 1; } .dp-table tbody .dp-table--row .dp-table--cell .dp-tree--list li .nl-form--paragraph .dp-typography--inline { margin-right: 12px; } #tag-builder.dp-layout--wrapper { margin: 0; } #tag-builder.dp-layout--wrapper .dp-layout--inner { max-width: 1024px; padding: 0; margin: 0 auto; } #tag-builder.dp-layout--wrapper .dp-layout--inner .dp-table { margin: 0; } #tag-builder.dp-layout--wrapper .dp-layout--inner .dp-table #tag-form { margin: 0; } .dp-tree.dp-tree--content-hover { position: relative; } .dp-tree.dp-tree--content-hover:before { position: absolute; top: 0; left: -tree-width; width: calc(100% + 96px); height: 100%; background: transparent; background-clip: padding-box; border-radius: 2px; content: ""; } .dp-tree.dp-tree--content-hover:before { z-index: -1; } .dp-tree.dp-tree--content-hover:hover:before { background: var(--pxl-primary-tint-01); } .dp-tree_1 { padding-left: 48px; } .dp-tree_1 .dp-tree.dp-tree--content-hover:before { left: -72px; width: calc(100% + 192px); } .dp-tree_2 { padding-left: 48px; } .dp-tree_2 .dp-tree.dp-tree--content-hover:before { left: -120px; width: calc(100% + 240px); } .dp-tree_3 { padding-left: 48px; } .dp-tree_3 .dp-tree.dp-tree--content-hover:before { left: -168px; width: calc(100% + 288px); } .dp-tree_4 { padding-left: 48px; } .dp-tree_4 .dp-tree.dp-tree--content-hover:before { left: -216px; width: calc(100% + 336px); } .dp-tree_5 { padding-left: 48px; } .dp-tree_5 .dp-tree.dp-tree--content-hover:before { left: -264px; width: calc(100% + 384px); } .dp-tree_6 { padding-left: 48px; } .dp-tree_6 .dp-tree.dp-tree--content-hover:before { left: -312px; width: calc(100% + 432px); } .dp-tree_7 { padding-left: 48px; } .dp-tree_7 .dp-tree.dp-tree--content-hover:before { left: -360px; width: calc(100% + 480px); } .dp-tree_8 { padding-left: 48px; } .dp-tree_8 .dp-tree.dp-tree--content-hover:before { left: -408px; width: calc(100% + 528px); } .dp-tree_9 { padding-left: 48px; } .dp-tree_9 .dp-tree.dp-tree--content-hover:before { left: -456px; width: calc(100% + 576px); } .dp-tree_10 { padding-left: 48px; } .dp-tree_10 .dp-tree.dp-tree--content-hover:before { left: -504px; width: calc(100% + 624px); } .dp-tree_11 { padding-left: 48px; } .dp-tree_11 .dp-tree.dp-tree--content-hover:before { left: -552px; width: calc(100% + 672px); } .dp-tree_12 { padding-left: 48px; } .dp-tree_12 .dp-tree.dp-tree--content-hover:before { left: -600px; width: calc(100% + 720px); } .dp-tree_13 { padding-left: 48px; } .dp-tree_13 .dp-tree.dp-tree--content-hover:before { left: -648px; width: calc(100% + 768px); } .dp-tree_14 { padding-left: 48px; } .dp-tree_14 .dp-tree.dp-tree--content-hover:before { left: -696px; width: calc(100% + 816px); } .dp-tree_15 { padding-left: 48px; } .dp-tree_15 .dp-tree.dp-tree--content-hover:before { left: -744px; width: calc(100% + 864px); } .dp-tree_16 { padding-left: 48px; } .dp-tree_16 .dp-tree.dp-tree--content-hover:before { left: -792px; width: calc(100% + 912px); } .dp-tree_17 { padding-left: 48px; } .dp-tree_17 .dp-tree.dp-tree--content-hover:before { left: -840px; width: calc(100% + 960px); } .dp-tree_18 { padding-left: 48px; } .dp-tree_18 .dp-tree.dp-tree--content-hover:before { left: -888px; width: calc(100% + 1008px); } .dp-tree_19 { padding-left: 48px; } .dp-tree_19 .dp-tree.dp-tree--content-hover:before { left: -936px; width: calc(100% + 1056px); } .dp-tree_20 { padding-left: 48px; } .dp-tree_20 .dp-tree.dp-tree--content-hover:before { left: -984px; width: calc(100% + 1104px); } .dp-tree_21 { padding-left: 48px; } .dp-tree_21 .dp-tree.dp-tree--content-hover:before { left: -1032px; width: calc(100% + 1152px); } .dp-tree_22 { padding-left: 48px; } .dp-tree_22 .dp-tree.dp-tree--content-hover:before { left: -1080px; width: calc(100% + 1200px); } .dp-tree_23 { padding-left: 48px; } .dp-tree_23 .dp-tree.dp-tree--content-hover:before { left: -1128px; width: calc(100% + 1248px); } .dp-tree_24 { padding-left: 48px; } .dp-tree_24 .dp-tree.dp-tree--content-hover:before { left: -1176px; width: calc(100% + 1296px); } .ms-ie .dp-tree.dp-tree--content-hover:before, .ms-edge .dp-tree.dp-tree--content-hover:before { width: calc(100% + 144px); } #tags-table .dp-table.dp-table--expand-collapse thead .dp-table--row .dp-table--cell:first-child { padding-left: 7rem; } #tags-table purposes-or-tags { padding-left: 5rem; } #tags-table purposes-or-tags.dp-tree_0 { padding-left: 0; margin-left: -2rem; } #tags-table purposes-or-tags.dp-tree_0 .pxl-tree-title { padding-left: 2rem; } #tags-table purposes-or-tags:not(.dp-tree_0) .pxl-tree-title { padding-left: 3rem; } #tags-table .pxl-tree-toggle-button { margin-left: -3rem !important; padding: 0 1rem !important; width: auto !important; } #tags-table .pxl-tree-toggle-button + .mat-mdc-button { margin-left: -1rem !important; } #tags-table .pxl-tree-toggle-button + .pxl-tree-title { margin-left: -2rem !important; } #tags-table .mat-mdc-buton:not(.pxl-tree-toggle-button) { margin: 0.5rem 0 0.5rem 1rem; } #tags-table .dp-typography-body-1 { margin-left: 1rem; } #tags-table .dp-typography-body-1:before { display: none !important; } #tags-table .dp-tree--value { align-items: center; } #tags-table .dp-tree--value .pxl-information-label { height: 3.25rem; } .dp-typography-display-1, .dp-typography-display-2, .dp-typography-display-3, .dp-typography-display-4, .dp-typography-list-1, .dp-typography-list-2, .dp-typography-list-3, .dp-typography-body-1, .dp-typography-body-2 { padding: 9px 0; } [class^=dp-typography-] .dp-button { white-space: nowrap; overflow: visible; } [class^=dp-typography-] .dp-menu { margin: 0; } [class^=dp-typography-] .dp-typography-snippet pre, [class^=dp-typography-] .dp-typography-snippet .pre { padding: 0; margin: 0; } .dp-typography-display-1 { font-family: var(--pxl-font-family-primary); font-size: 24px !important; font-weight: 400 !important; line-height: 34px !important; } .dp-typography-display-2 { font-family: var(--pxl-font-family-primary); font-size: 18px !important; font-weight: 400 !important; line-height: 24px !important; } .dp-typography-display-3 { font-family: var(--pxl-font-family-primary); font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } .dp-typography-display-4 { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 400 !important; line-height: 24px !important; } .dp-typography-list-1 { font-family: var(--pxl-font-family-primary); font-size: 18px !important; font-weight: 400 !important; line-height: 18px !important; } .dp-typography-list-2 { font-family: var(--pxl-font-family-primary); font-size: 16px !important; font-weight: 400 !important; line-height: 18px !important; } .dp-typography-list-3 { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 18px !important; } .dp-typography-body-1 { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; } .dp-typography-body-2 { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; } .dp-typography-mono { font-family: "Roboto Mono", monospace; font-size: 12px !important; line-height: 18px !important; } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; } .material-icons.material-icons-weight { -webkit-font-smoothing: auto; } .dp-typography > .material-icons, .dp-typography > span .material-icons, .dp-typography > div .material-icons, .dp-typography-display > .material-icons, .dp-typography-display > span .material-icons, .dp-typography-display > div .material-icons, .dp-typography-display-1 > .material-icons, .dp-typography-display-1 > span .material-icons, .dp-typography-display-1 > div .material-icons, .dp-typography-display-2 > .material-icons, .dp-typography-display-2 > span .material-icons, .dp-typography-display-2 > div .material-icons, .dp-typography-display-3 > .material-icons, .dp-typography-display-3 > span .material-icons, .dp-typography-display-3 > div .material-icons, .dp-typography-display-4 > .material-icons, .dp-typography-display-4 > span .material-icons, .dp-typography-display-4 > div .material-icons, .dp-typography-list > .material-icons, .dp-typography-list > span .material-icons, .dp-typography-list > div .material-icons, .dp-typography-list-1 > .material-icons, .dp-typography-list-1 > span .material-icons, .dp-typography-list-1 > div .material-icons, .dp-typography-list-2 > .material-icons, .dp-typography-list-2 > span .material-icons, .dp-typography-list-2 > div .material-icons, .dp-typography-list-3 > .material-icons, .dp-typography-list-3 > span .material-icons, .dp-typography-list-3 > div .material-icons, .dp-typography-body > .material-icons, .dp-typography-body > span .material-icons, .dp-typography-body > div .material-icons, .dp-typography-body-1 > .material-icons, .dp-typography-body-1 > span .material-icons, .dp-typography-body-1 > div .material-icons, .dp-typography-body-2 > .material-icons, .dp-typography-body-2 > span .material-icons, .dp-typography-body-2 > div .material-icons { margin: 0 16px; } .dp-typography > .material-icons:hover, .dp-typography > span .material-icons:hover, .dp-typography > div .material-icons:hover, .dp-typography-display > .material-icons:hover, .dp-typography-display > span .material-icons:hover, .dp-typography-display > div .material-icons:hover, .dp-typography-display-1 > .material-icons:hover, .dp-typography-display-1 > span .material-icons:hover, .dp-typography-display-1 > div .material-icons:hover, .dp-typography-display-2 > .material-icons:hover, .dp-typography-display-2 > span .material-icons:hover, .dp-typography-display-2 > div .material-icons:hover, .dp-typography-display-3 > .material-icons:hover, .dp-typography-display-3 > span .material-icons:hover, .dp-typography-display-3 > div .material-icons:hover, .dp-typography-display-4 > .material-icons:hover, .dp-typography-display-4 > span .material-icons:hover, .dp-typography-display-4 > div .material-icons:hover, .dp-typography-list > .material-icons:hover, .dp-typography-list > span .material-icons:hover, .dp-typography-list > div .material-icons:hover, .dp-typography-list-1 > .material-icons:hover, .dp-typography-list-1 > span .material-icons:hover, .dp-typography-list-1 > div .material-icons:hover, .dp-typography-list-2 > .material-icons:hover, .dp-typography-list-2 > span .material-icons:hover, .dp-typography-list-2 > div .material-icons:hover, .dp-typography-list-3 > .material-icons:hover, .dp-typography-list-3 > span .material-icons:hover, .dp-typography-list-3 > div .material-icons:hover, .dp-typography-body > .material-icons:hover, .dp-typography-body > span .material-icons:hover, .dp-typography-body > div .material-icons:hover, .dp-typography-body-1 > .material-icons:hover, .dp-typography-body-1 > span .material-icons:hover, .dp-typography-body-1 > div .material-icons:hover, .dp-typography-body-2 > .material-icons:hover, .dp-typography-body-2 > span .material-icons:hover, .dp-typography-body-2 > div .material-icons:hover { cursor: pointer; } .dp-typography .dp-button + .material-icons, .dp-typography-display .dp-button + .material-icons, .dp-typography-display-1 .dp-button + .material-icons, .dp-typography-display-2 .dp-button + .material-icons, .dp-typography-display-3 .dp-button + .material-icons, .dp-typography-display-4 .dp-button + .material-icons, .dp-typography-list .dp-button + .material-icons, .dp-typography-list-1 .dp-button + .material-icons, .dp-typography-list-2 .dp-button + .material-icons, .dp-typography-list-3 .dp-button + .material-icons, .dp-typography-body .dp-button + .material-icons, .dp-typography-body-1 .dp-button + .material-icons, .dp-typography-body-2 .dp-button + .material-icons { margin: 0; } .dp-typography .dp-button + .material-icons:hover, .dp-typography-display .dp-button + .material-icons:hover, .dp-typography-display-1 .dp-button + .material-icons:hover, .dp-typography-display-2 .dp-button + .material-icons:hover, .dp-typography-display-3 .dp-button + .material-icons:hover, .dp-typography-display-4 .dp-button + .material-icons:hover, .dp-typography-list .dp-button + .material-icons:hover, .dp-typography-list-1 .dp-button + .material-icons:hover, .dp-typography-list-2 .dp-button + .material-icons:hover, .dp-typography-list-3 .dp-button + .material-icons:hover, .dp-typography-body .dp-button + .material-icons:hover, .dp-typography-body-1 .dp-button + .material-icons:hover, .dp-typography-body-2 .dp-button + .material-icons:hover { cursor: default; } .dp-typography .dp-button.dp-button--bg, .dp-typography-display .dp-button.dp-button--bg, .dp-typography-display-1 .dp-button.dp-button--bg, .dp-typography-display-2 .dp-button.dp-button--bg, .dp-typography-display-3 .dp-button.dp-button--bg, .dp-typography-display-4 .dp-button.dp-button--bg, .dp-typography-list .dp-button.dp-button--bg, .dp-typography-list-1 .dp-button.dp-button--bg, .dp-typography-list-2 .dp-button.dp-button--bg, .dp-typography-list-3 .dp-button.dp-button--bg, .dp-typography-body .dp-button.dp-button--bg, .dp-typography-body-1 .dp-button.dp-button--bg, .dp-typography-body-2 .dp-button.dp-button--bg { font-family: var(--pxl-font-family-primary); font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } .dp-typography .dp-label, .dp-typography-display .dp-label, .dp-typography-display-1 .dp-label, .dp-typography-display-2 .dp-label, .dp-typography-display-3 .dp-label, .dp-typography-display-4 .dp-label, .dp-typography-list .dp-label, .dp-typography-list-1 .dp-label, .dp-typography-list-2 .dp-label, .dp-typography-list-3 .dp-label, .dp-typography-body .dp-label, .dp-typography-body-1 .dp-label, .dp-typography-body-2 .dp-label { padding: 0 !important; margin: 0 0 0 16px; } .dp-typography--inline, .dp-typography-display--inline, .dp-typography-display-1--inline, .dp-typography-display-2--inline, .dp-typography-display-3--inline, .dp-typography-display-4--inline, .dp-typography-list--inline, .dp-typography-list-1--inline, .dp-typography-list-2--inline, .dp-typography-list-3--inline, .dp-typography-body--inline, .dp-typography-body-1--inline, .dp-typography-body-2--inline { display: inline-block !important; } .dp-typography--inline[pxlTooltip], .dp-typography-display--inline[pxlTooltip], .dp-typography-display-1--inline[pxlTooltip], .dp-typography-display-2--inline[pxlTooltip], .dp-typography-display-3--inline[pxlTooltip], .dp-typography-display-4--inline[pxlTooltip], .dp-typography-list--inline[pxlTooltip], .dp-typography-list-1--inline[pxlTooltip], .dp-typography-list-2--inline[pxlTooltip], .dp-typography-list-3--inline[pxlTooltip], .dp-typography-body--inline[pxlTooltip], .dp-typography-body-1--inline[pxlTooltip], .dp-typography-body-2--inline[pxlTooltip] { cursor: default; } .dp-typography--space, .dp-typography-display--space, .dp-typography-display-1--space, .dp-typography-display-2--space, .dp-typography-display-3--space, .dp-typography-display-4--space, .dp-typography-list--space, .dp-typography-list-1--space, .dp-typography-list-2--space, .dp-typography-list-3--space, .dp-typography-body--space, .dp-typography-body-1--space, .dp-typography-body-2--space { margin: 16px 0; } .dp-typography--offset, .dp-typography-display--offset, .dp-typography-display-1--offset, .dp-typography-display-2--offset, .dp-typography-display-3--offset, .dp-typography-display-4--offset, .dp-typography-list--offset, .dp-typography-list-1--offset, .dp-typography-list-2--offset, .dp-typography-list-3--offset, .dp-typography-body--offset, .dp-typography-body-1--offset, .dp-typography-body-2--offset { margin: -7px -20px; } .dp-typography--offset .dp-menu, .dp-typography-display--offset .dp-menu, .dp-typography-display-1--offset .dp-menu, .dp-typography-display-2--offset .dp-menu, .dp-typography-display-3--offset .dp-menu, .dp-typography-display-4--offset .dp-menu, .dp-typography-list--offset .dp-menu, .dp-typography-list-1--offset .dp-menu, .dp-typography-list-2--offset .dp-menu, .dp-typography-list-3--offset .dp-menu, .dp-typography-body--offset .dp-menu, .dp-typography-body-1--offset .dp-menu, .dp-typography-body-2--offset .dp-menu { margin-top: -4px; } .dp-typography--with-border, .dp-typography-display--with-border, .dp-typography-display-1--with-border, .dp-typography-display-2--with-border, .dp-typography-display-3--with-border, .dp-typography-display-4--with-border, .dp-typography-list--with-border, .dp-typography-list-1--with-border, .dp-typography-list-2--with-border, .dp-typography-list-3--with-border, .dp-typography-body--with-border, .dp-typography-body-1--with-border, .dp-typography-body-2--with-border { padding: 6px 0 12px 0; margin: 0 0 12px 0; border-bottom: 1px solid var(--pxl-input-border-color); line-height: 28px; } .dp-typography--with-padding-1, .dp-typography-display--with-padding-1, .dp-typography-display-1--with-padding-1, .dp-typography-display-2--with-padding-1, .dp-typography-display-3--with-padding-1, .dp-typography-display-4--with-padding-1, .dp-typography-list--with-padding-1, .dp-typography-list-1--with-padding-1, .dp-typography-list-2--with-padding-1, .dp-typography-list-3--with-padding-1, .dp-typography-body--with-padding-1, .dp-typography-body-1--with-padding-1, .dp-typography-body-2--with-padding-1 { padding: 6px 0 !important; } .dp-typography--with-padding-2, .dp-typography-display--with-padding-2, .dp-typography-display-1--with-padding-2, .dp-typography-display-2--with-padding-2, .dp-typography-display-3--with-padding-2, .dp-typography-display-4--with-padding-2, .dp-typography-list--with-padding-2, .dp-typography-list-1--with-padding-2, .dp-typography-list-2--with-padding-2, .dp-typography-list-3--with-padding-2, .dp-typography-body--with-padding-2, .dp-typography-body-1--with-padding-2, .dp-typography-body-2--with-padding-2 { padding: 12px 0 !important; } .dp-typography--no-padding, .dp-typography-display--no-padding, .dp-typography-display-1--no-padding, .dp-typography-display-2--no-padding, .dp-typography-display-3--no-padding, .dp-typography-display-4--no-padding, .dp-typography-list--no-padding, .dp-typography-list-1--no-padding, .dp-typography-list-2--no-padding, .dp-typography-list-3--no-padding, .dp-typography-body--no-padding, .dp-typography-body-1--no-padding, .dp-typography-body-2--no-padding { padding: 0 !important; } .dp-typography--primary, .dp-typography-display--primary, .dp-typography-display-1--primary, .dp-typography-display-2--primary, .dp-typography-display-3--primary, .dp-typography-display-4--primary, .dp-typography-list--primary, .dp-typography-list-1--primary, .dp-typography-list-2--primary, .dp-typography-list-3--primary, .dp-typography-body--primary, .dp-typography-body-1--primary, .dp-typography-body-2--primary { color: var(--pxl-color-main) !important; } .dp-typography--blue, .dp-typography-display--blue, .dp-typography-display-1--blue, .dp-typography-display-2--blue, .dp-typography-display-3--blue, .dp-typography-display-4--blue, .dp-typography-list--blue, .dp-typography-list-1--blue, .dp-typography-list-2--blue, .dp-typography-list-3--blue, .dp-typography-body--blue, .dp-typography-body-1--blue, .dp-typography-body-2--blue { color: var(--pxl-info-tint-10) !important; } .dp-typography--green, .dp-typography-display--green, .dp-typography-display-1--green, .dp-typography-display-2--green, .dp-typography-display-3--green, .dp-typography-display-4--green, .dp-typography-list--green, .dp-typography-list-1--green, .dp-typography-list-2--green, .dp-typography-list-3--green, .dp-typography-body--green, .dp-typography-body-1--green, .dp-typography-body-2--green { color: var(--pxl-success-tint-10) !important; } .dp-typography--yellow, .dp-typography-display--yellow, .dp-typography-display-1--yellow, .dp-typography-display-2--yellow, .dp-typography-display-3--yellow, .dp-typography-display-4--yellow, .dp-typography-list--yellow, .dp-typography-list-1--yellow, .dp-typography-list-2--yellow, .dp-typography-list-3--yellow, .dp-typography-body--yellow, .dp-typography-body-1--yellow, .dp-typography-body-2--yellow { color: var(--pxl-warning-tint-10) !important; } .dp-typography--red, .dp-typography-display--red, .dp-typography-display-1--red, .dp-typography-display-2--red, .dp-typography-display-3--red, .dp-typography-display-4--red, .dp-typography-list--red, .dp-typography-list-1--red, .dp-typography-list-2--red, .dp-typography-list-3--red, .dp-typography-body--red, .dp-typography-body-1--red, .dp-typography-body-2--red { color: var(--pxl-error-tint-10) !important; } .dp-typography--gray, .dp-typography-display--gray, .dp-typography-display-1--gray, .dp-typography-display-2--gray, .dp-typography-display-3--gray, .dp-typography-display-4--gray, .dp-typography-list--gray, .dp-typography-list-1--gray, .dp-typography-list-2--gray, .dp-typography-list-3--gray, .dp-typography-body--gray, .dp-typography-body-1--gray, .dp-typography-body-2--gray { color: var(--pxl-primary-tint-06) !important; } .dp-typography--black, .dp-typography-display--black, .dp-typography-display-1--black, .dp-typography-display-2--black, .dp-typography-display-3--black, .dp-typography-display-4--black, .dp-typography-list--black, .dp-typography-list-1--black, .dp-typography-list-2--black, .dp-typography-list-3--black, .dp-typography-body--black, .dp-typography-body-1--black, .dp-typography-body-2--black { color: var(--pxl-color-font) !important; } .dp-typography--left, .dp-typography-display--left, .dp-typography-display-1--left, .dp-typography-display-2--left, .dp-typography-display-3--left, .dp-typography-display-4--left, .dp-typography-list--left, .dp-typography-list-1--left, .dp-typography-list-2--left, .dp-typography-list-3--left, .dp-typography-body--left, .dp-typography-body-1--left, .dp-typography-body-2--left { float: left; } .dp-typography--right, .dp-typography-display--right, .dp-typography-display-1--right, .dp-typography-display-2--right, .dp-typography-display-3--right, .dp-typography-display-4--right, .dp-typography-list--right, .dp-typography-list-1--right, .dp-typography-list-2--right, .dp-typography-list-3--right, .dp-typography-body--right, .dp-typography-body-1--right, .dp-typography-body-2--right { float: right; } .dp-typography--center, .dp-typography-display--center, .dp-typography-display-1--center, .dp-typography-display-2--center, .dp-typography-display-3--center, .dp-typography-display-4--center, .dp-typography-list--center, .dp-typography-list-1--center, .dp-typography-list-2--center, .dp-typography-list-3--center, .dp-typography-body--center, .dp-typography-body-1--center, .dp-typography-body-2--center { text-align: center; } .dp-typography--hyphenate, .dp-typography-display--hyphenate, .dp-typography-display-1--hyphenate, .dp-typography-display-2--hyphenate, .dp-typography-display-3--hyphenate, .dp-typography-display-4--hyphenate, .dp-typography-list--hyphenate, .dp-typography-list-1--hyphenate, .dp-typography-list-2--hyphenate, .dp-typography-list-3--hyphenate, .dp-typography-body--hyphenate, .dp-typography-body-1--hyphenate, .dp-typography-body-2--hyphenate { -webkit-hyphens: auto; hyphens: auto; } .dp-typography--strikethrough, .dp-typography-display--strikethrough, .dp-typography-display-1--strikethrough, .dp-typography-display-2--strikethrough, .dp-typography-display-3--strikethrough, .dp-typography-display-4--strikethrough, .dp-typography-list--strikethrough, .dp-typography-list-1--strikethrough, .dp-typography-list-2--strikethrough, .dp-typography-list-3--strikethrough, .dp-typography-body--strikethrough, .dp-typography-body-1--strikethrough, .dp-typography-body-2--strikethrough { text-decoration: line-through; } .dp-typography--bold, .dp-typography-display--bold, .dp-typography-display-1--bold, .dp-typography-display-2--bold, .dp-typography-display-3--bold, .dp-typography-display-4--bold, .dp-typography-list--bold, .dp-typography-list-1--bold, .dp-typography-list-2--bold, .dp-typography-list-3--bold, .dp-typography-body--bold, .dp-typography-body-1--bold, .dp-typography-body-2--bold { font-weight: bold; } .dp-typography--bottom-negative, .dp-typography-display--bottom-negative, .dp-typography-display-1--bottom-negative, .dp-typography-display-2--bottom-negative, .dp-typography-display-3--bottom-negative, .dp-typography-display-4--bottom-negative, .dp-typography-list--bottom-negative, .dp-typography-list-1--bottom-negative, .dp-typography-list-2--bottom-negative, .dp-typography-list-3--bottom-negative, .dp-typography-body--bottom-negative, .dp-typography-body-1--bottom-negative, .dp-typography-body-2--bottom-negative { margin-bottom: -6px; } .dp-typography--light, .dp-typography-display--light, .dp-typography-display-1--light, .dp-typography-display-2--light, .dp-typography-display-3--light, .dp-typography-display-4--light, .dp-typography-list--light, .dp-typography-list-1--light, .dp-typography-list-2--light, .dp-typography-list-3--light, .dp-typography-body--light, .dp-typography-body-1--light, .dp-typography-body-2--light { font-weight: 300; } .dp-typography--italic, .dp-typography-display--italic, .dp-typography-display-1--italic, .dp-typography-display-2--italic, .dp-typography-display-3--italic, .dp-typography-display-4--italic, .dp-typography-list--italic, .dp-typography-list-1--italic, .dp-typography-list-2--italic, .dp-typography-list-3--italic, .dp-typography-body--italic, .dp-typography-body-1--italic, .dp-typography-body-2--italic { font-style: italic; } .dp-typography--capitalize { text-transform: capitalize; } .dp-typography--ellipsis { display: block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis; max-width: 300px; } .dp-typography--request.dp-typography-display-2 { font-family: var(--pxl-font-family-primary); font-size: 60px !important; font-weight: 100 !important; line-height: 54px !important; } .dp-typography--request.dp-typography-body-1 { font-family: var(--pxl-font-family-primary); font-size: 18px !important; font-weight: 300 !important; line-height: 24px !important; margin: 12px 0; } @font-face { font-family: "Inter"; src: url('Inter-Thin.woff2') format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: "Inter"; src: url('Inter-ExtraLight.woff2') format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: "Inter"; src: url('Inter-Light.woff2') format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "Inter"; src: url('Inter-Regular.woff2') format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Inter"; src: url('Inter-Medium.woff2') format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Inter"; src: url('Inter-SemiBold.woff2') format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: "Inter"; src: url('Inter-Bold.woff2') format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Inter"; src: url('Inter-ExtraBold.woff2') format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: "Inter"; src: url('Inter-Black.woff2') format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: "Roboto Mono"; src: url('RobotoMono-Thin.woff') format("woff"); font-weight: 100; font-style: normal; } @font-face { font-family: "Roboto Mono"; src: url('RobotoMono-Light.woff') format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: "Roboto Mono"; src: url('RobotoMono-Regular.woff') format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "Roboto Mono"; src: url('RobotoMono-Medium.woff') format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Roboto Mono"; src: url('RobotoMono-Bold.woff') format("woff"); font-weight: 500; font-style: normal; } .dp-typography-snippet { position: relative; background: var(--pxl-primary-tint-01); border: none; border-radius: 2px; } .dp-typography-snippet:not(:has(pre)), .dp-typography-snippet:not(:has(.pre)) { background: var(--pxl-primary-tint-02); padding: 0 0.75rem !important; } .dp-typography-snippet pre, .dp-typography-snippet .pre { padding: 16px 32px; margin: 18px 0; background: transparent; border: none; border-radius: 2px; outline: none; overflow: auto; } .dp-typography-snippet pre code, .dp-typography-snippet pre .code, .dp-typography-snippet .pre code, .dp-typography-snippet .pre .code { font-family: "Roboto Mono", monospace; font-size: 12px; font-weight: 300; line-height: 24px; color: var(--pxl-color-font); margin: 0; padding: 0; background: transparent; border: none; border-radius: 0; } .dp-typography-snippet pre code .dp-table, .dp-typography-snippet pre .code .dp-table, .dp-typography-snippet .pre code .dp-table, .dp-typography-snippet .pre .code .dp-table { margin: 0; } .dp-typography-snippet pre code .dp-table .dp-table--row .dp-table--cell, .dp-typography-snippet pre .code .dp-table .dp-table--row .dp-table--cell, .dp-typography-snippet .pre code .dp-table .dp-table--row .dp-table--cell, .dp-typography-snippet .pre .code .dp-table .dp-table--row .dp-table--cell { padding: 6px 24px; font-size: 12px; white-space: nowrap; } .dp-typography-snippet pre code.code-roboto, .dp-typography-snippet pre .code.code-roboto, .dp-typography-snippet .pre code.code-roboto, .dp-typography-snippet .pre .code.code-roboto { font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; font-family: var(--pxl-font-family-primary); } .dp-typography-snippet pre code.code-with-button, .dp-typography-snippet pre .code.code-with-button, .dp-typography-snippet .pre code.code-with-button, .dp-typography-snippet .pre .code.code-with-button { display: block; line-height: 40px; } .dp-typography-snippet pre code.code-with-button .dp-button, .dp-typography-snippet pre .code.code-with-button .dp-button, .dp-typography-snippet .pre code.code-with-button .dp-button, .dp-typography-snippet .pre .code.code-with-button .dp-button { margin: 0 !important; } .dp-typography-snippet .dp-button { margin: 14px 24px 0 12px !important; } .dp-typography-snippet .dp-button[data-track-id=query-in-immuta] { position: absolute; bottom: 12px; left: 12px; } .dp-typography-snippet .dp-button[data-track-id=query-in-immuta] + pre { padding-bottom: 68px; } .dp-blockquote { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; padding: 16px 32px; margin: 12px 0; background: var(--pxl-primary-tint-01); border-radius: 2px; overflow: auto; } .dp-blockquote.dp-blockquote--multiline { display: flex; flex-direction: column; } .dp-blockquote .dp-blockquote--indent { display: inline-block; margin-left: 32px; } strong { font-weight: 600; line-height: 24px !important; -webkit-font-smoothing: antialiased; } .dp-typography-display-4 .dp-button { position: relative; top: -10px; margin-bottom: -12px !important; } .dp-typography--expand-collapse { white-space: nowrap !important; cursor: pointer; } .dp-typography--expand-collapse i { margin: 0 4.5px 0 0 !important; } .dp-layout--head .dp-typography-display-3, #app-configuration-view .dp-layout--aside-head .dp-typography-display-3, #create-menu .dp-layout--aside-head .dp-typography-display-3, global-policy-builder .nl-form .dp-typography-display-3 { display: inline-block; font-family: var(--pxl-font-family-primary); font-weight: 300; font-size: 26px; line-height: 1.3em; position: relative; top: -4px; } .dp-layout--head .dp-typography-display-3 .dp-typography-body-1, .dp-layout--head .dp-typography-display-3 .dp-button, .dp-layout--head .dp-typography-display-3 .dp-label, #app-configuration-view .dp-layout--aside-head .dp-typography-display-3 .dp-typography-body-1, #app-configuration-view .dp-layout--aside-head .dp-typography-display-3 .dp-button, #app-configuration-view .dp-layout--aside-head .dp-typography-display-3 .dp-label, #create-menu .dp-layout--aside-head .dp-typography-display-3 .dp-typography-body-1, #create-menu .dp-layout--aside-head .dp-typography-display-3 .dp-button, #create-menu .dp-layout--aside-head .dp-typography-display-3 .dp-label, global-policy-builder .nl-form .dp-typography-display-3 .dp-typography-body-1, global-policy-builder .nl-form .dp-typography-display-3 .dp-button, global-policy-builder .nl-form .dp-typography-display-3 .dp-label { font-family: var(--pxl-font-family-primary); } .dp-layout--head policies-advanced-search .dp-typography-display-3, #app-configuration-view .dp-layout--aside-head policies-advanced-search .dp-typography-display-3, #create-menu .dp-layout--aside-head policies-advanced-search .dp-typography-display-3, global-policy-builder .nl-form policies-advanced-search .dp-typography-display-3 { font-family: var(--pxl-font-family-primary); font-size: 16px; font-weight: 400; line-height: 24px; top: unset; } .dp-layout--head .nl-form--title, #app-configuration-view .dp-layout--aside-head .nl-form--title, #create-menu .dp-layout--aside-head .nl-form--title, global-policy-builder .nl-form .nl-form--title { display: block; top: 0; } .dp-layout--head #name-view .dp-typography-display-3, #app-configuration-view .dp-layout--aside-head #name-view .dp-typography-display-3, #create-menu .dp-layout--aside-head #name-view .dp-typography-display-3, global-policy-builder .nl-form #name-view .dp-typography-display-3 { display: block; top: 0; z-index: -1; } #query-tables > .dp-typography-display-3, #audit-view .dp-layout--section.dp-layout--aside .dp-typography-display-3, #profile .dp-layout--head .dp-typography-display-3 { display: inline-block; font-family: var(--pxl-font-family-primary); font-weight: 300; font-size: 32px; line-height: 40px; position: relative; top: 10px; } #tag-builder h1, #report-builder h1, #editor-policies h1, #data-builder h1, #global-policy-builder h1, #subpurpose-builder h1 { font-family: var(--pxl-font-family-primary) !important; font-size: 2rem !important; font-weight: 300 !important; } #app-configuration-view .dp-layout--aside-head .dp-typography-display-3, #create-menu .dp-layout--aside-head .dp-typography-display-3 { margin-bottom: 0; } .mdl-shadow--2dp { box-shadow: var(--pxl-shadow-small); } .mdl-shadow--4dp { box-shadow: var(--pxl-shadow-small); } .mdl-shadow--6dp { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 18px 0 rgba(0, 0, 0, 0.15), 0 3px 5px -1px rgba(0, 0, 0, 0.05); } .mdl-shadow--8dp { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.15), 0 5px 5px -3px rgba(0, 0, 0, 0.05); } .mdl-shadow--16dp { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.1), 0 6px 30px 5px rgba(0, 0, 0, 0.15), 0 8px 10px -5px rgba(0, 0, 0, 0.05); } .mdl-shadow--24dp { box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.1), 0 11px 15px -7px rgba(0, 0, 0, 0.15), 0 24px 38px 3px rgba(0, 0, 0, 0.05); } .dp-layout--with-height .dp-editor { height: 100%; margin: 0; } .dp-layout--with-height .dp-editor .dp-editor--head { display: flex; height: 59px; } .dp-layout--with-height .dp-editor .dp-editor--head .dp-checkbox { width: 24px; height: 24px; padding: 0; margin: 5px; margin-right: 24px; } .dp-layout--with-height .dp-editor .dp-editor--head .dp-textfield { max-width: none; } .dp-layout--with-height .dp-editor .dp-editor--head .dp-menu { margin: 3px 0; margin-left: 24px; } .dp-layout--with-height .dp-editor .dp-editor--head .dp-menu .dp-menu--list { max-width: none; } .dp-layout--with-height .dp-editor .dp-editor--body { height: calc(100% - 59px); padding: 0; overflow: auto; } .dp-layout--with-height .dp-editor .dp-editor--body:before, .dp-layout--with-height .dp-editor .dp-editor--body:after { display: none; } .dp-layout--with-height .dp-editor .dp-editor--body .dp-list { width: 100%; min-height: 100%; padding: 6px 12px; margin: 0; } #table-button, #clear-button { position: absolute; top: 0; right: 0; margin: 13px 24px !important; z-index: 999; } .dp-workflow--column { display: block; padding: 6px 12px; background: var(--pxl-primary-tint-00); border-radius: 2px; box-shadow: 0 0 0 1px var(--pxl-primary-tint-03); } .dp-workflow--column:hover { box-shadow: 0 0 0 1px var(--pxl-primary-tint-05); cursor: pointer; } .dp-workflow--column:focus { box-shadow: 0 0 0 2px tint(var(--pxl-color-main), 40%); } .dp-workflow--column.disabled { box-shadow: 0 0 0 1px var(--pxl-primary-tint-03); cursor: default; } .dp-workflow--column .dp-workflow--options .dp-menu { width: 100%; max-width: 100%; margin: 6px 0; } .dp-workflow--column .dp-workflow--options .dp-menu .dp-button { margin: 0; } .dp-workflow--column .dp-workflow--options .dp-menu.show-revert { width: calc(100% - 50px); } .dp-workflow--column .dp-workflow--options .dp-menu.show-revert .revert-button { position: absolute; margin-left: 5px; height: 48px; } .dp-workflow--column .dp-workflow--value { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; display: inline-block; max-width: 100%; padding: 3px 6px; } .dp-workflow--column .dp-workflow--values .dp-list { padding: 0; } .dp-workflow--column .dp-workflow--values .dp-list .dp-list--item { font-family: "Roboto Mono", monospace; font-size: 12px !important; line-height: 18px !important; width: 100%; float: none; } .dp-workflow--directory .dp-typography-display-3 { padding: 12px 0 6px 0; } .dp-workflow--directory .dp-typography-body-1 { line-height: 28px; } .dp-workflow--directory .dp-chip { margin: 0 9px; } .dp-workflow--directory .dp-workflow--structure { position: relative; width: calc(100% - 48px); min-height: 40px; padding: 6px 12px; margin: 3px 24px; } .dp-workflow--directory .dp-workflow--structure.dp-workflow--active { background: var(--pxl-primary-tint-00); border-radius: 2px; box-shadow: 0 0 0 2px tint(var(--pxl-color-main), 40%); } .dp-table tbody .dp-table--row .dp-table--cell .dp-upload--message { display: block; } .dp-table tbody .dp-table--row .dp-table--cell .dp-upload--success, .dp-table tbody .dp-table--row .dp-table--cell .dp-upload--error { display: inline-block; margin-left: 6px; } .dp-table tbody .dp-table--row .dp-table--cell .dp-upload--progress { display: block; background: var(--pxl-primary-tint-02); height: 6px; border-radius: 2px; margin: 6px 0; } .dp-table tbody .dp-table--row .dp-table--cell .dp-upload--progress .dp-upload--status { display: block; background: var(--pxl-primary-tint-06); height: 6px; border-radius: 2px; } .more-text, .read-more-ellipsis { display: none; height: auto !important; padding: 0 !important; margin: 0 !important; transition: none !important; } .more-text.show, .read-more-ellipsis.show { display: inline !important; } #create-view .dp-form .dp-fieldset { width: 100%; max-width: none; } #create-view .dp-form .dp-fieldset .dp-textfield, #create-view .dp-form .dp-fieldset .dp-menu { max-width: none; } add-datasource .dp-layout .dp-layout--body, add-project .dp-layout .dp-layout--body, #config-builder .dp-layout .dp-layout--body { padding: 0; } add-datasource .dp-layout .dp-layout--body .header-relative, add-project .dp-layout .dp-layout--body .header-relative, #config-builder .dp-layout .dp-layout--body .header-relative { margin: 0; } add-datasource .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed, add-project .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed, #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed { width: 124px !important; } add-datasource .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper, add-project .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper, #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper { margin-left: 124px; } add-datasource .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper .dp-layout--inner, add-project .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper .dp-layout--inner, #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper .dp-layout--inner { max-width: 1022px; } add-datasource .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-section .dp-section--header.dp-section--header---sticky, add-project .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-section .dp-section--header.dp-section--header---sticky, #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-section .dp-section--header.dp-section--header---sticky { width: calc(100% - 338px); } add-datasource .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, add-project .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 190px); } add-datasource .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, add-project .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 260px); } add-datasource .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button, add-project .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button, #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button { width: 100%; margin: 0; } add-datasource .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button:first-child, add-project .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button:first-child, #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button:first-child { margin: 12px 0 6px 0; } add-datasource .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button:last-child, add-project .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button:last-child, #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button:last-child { margin: 6px 0 12px 0; } add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper { margin: 0; margin-left: 372px; } add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner { max-width: 1270px; padding: 24px 48px; margin: 0 auto; } add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset { max-width: 800px; } add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base { margin: 22px 0; } add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3:before, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3:before, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3:before { margin-right: 6px; } add-datasource .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base .dp-editor .dp-editor--base, add-project .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base .dp-editor .dp-editor--base, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner .dp-layout--offset .dp-editor.dp-editor--base .dp-editor .dp-editor--base { margin: 12px 0; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button, add-project .dp-layout .dp-layout--body .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button, #config-builder .dp-layout .dp-layout--body .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot .dp-layout--element---actions .dp-button { margin-top: 1px; margin-bottom: 1px; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-list, add-project .dp-layout .dp-layout--body .header-relative .dp-list, #config-builder .dp-layout .dp-layout--body .header-relative .dp-list { padding: 0; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-list.dp-list--collapse .dp-list--item .dp-list .dp-list--item, add-project .dp-layout .dp-layout--body .header-relative .dp-list.dp-list--collapse .dp-list--item .dp-list .dp-list--item, #config-builder .dp-layout .dp-layout--body .header-relative .dp-list.dp-list--collapse .dp-list--item .dp-list .dp-list--item { padding-left: 32px; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item, add-project .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item, #config-builder .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item { padding: 0; padding: 6px 0; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-button:not(.dp-button-add), add-datasource .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-button:not(.dp-button-toggle), add-project .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-button:not(.dp-button-add), add-project .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-button:not(.dp-button-toggle), #config-builder .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-button:not(.dp-button-add), #config-builder .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-button:not(.dp-button-toggle) { width: 100%; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-list .dp-list--item, add-project .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-list .dp-list--item, #config-builder .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-list .dp-list--item { padding: 6px 0 0 30px; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-message.dp-message--collapse .dp-message--value, add-project .dp-layout .dp-layout--body .header-relative .dp-message.dp-message--collapse .dp-message--value, #config-builder .dp-layout .dp-layout--body .header-relative .dp-message.dp-message--collapse .dp-message--value { padding-right: 0; padding-left: 0; text-align: center; } add-datasource .dp-layout .dp-layout--body .dp-layout--step, add-project .dp-layout .dp-layout--body .dp-layout--step, #config-builder .dp-layout .dp-layout--body .dp-layout--step { margin-left: 6px; } add-datasource .dp-layout .dp-layout--body .dp-layout--step-sub, add-project .dp-layout .dp-layout--body .dp-layout--step-sub, #config-builder .dp-layout .dp-layout--body .dp-layout--step-sub { margin-right: 6px; float: left; } add-workspace { display: block; } add-workspace .dp-dialog .dp-dialog--content { max-height: calc(100vh - 98px); padding: 0; overflow: hidden; } add-workspace .dp-dialog .dp-dialog--content .dp-dialog--scroll { max-height: calc(100vh - 181px); padding: 12px 24px; overflow: auto; } add-workspace .dp-editor.dp-editor--base .dp-editor--body add-datasource { min-height: auto; } add-workspace .dp-editor.dp-editor--base .dp-editor--body add-datasource .dp-layout .dp-layout--body .dp-layout--wrapper .dp-layout--inner { padding: 0; } add-workspace .dp-editor.dp-editor--base .dp-editor--body add-datasource .dp-layout .dp-layout--body .dp-layout--wrapper .dp-layout--inner odbc-handler { display: block; } add-workspace .dp-editor.dp-editor--base .dp-editor--body add-datasource .dp-layout .dp-layout--body .dp-layout--wrapper .dp-layout--inner odbc-handler .dp-editor.dp-editor--base { margin: 12px auto; } add-workspace .dp-editor.dp-editor--base .dp-editor--body .dp-textfield { max-width: none; margin: 12px 0; } add-datasource .dp-layout .dp-layout--body .dp-layout--wrapper, add-project .dp-layout .dp-layout--body .dp-layout--wrapper { counter-reset: section; } add-datasource .dp-layout .dp-layout--body .dp-layout--wrapper .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3:before, add-project .dp-layout .dp-layout--body .dp-layout--wrapper .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3:before { counter-increment: section; content: counter(section); } #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed { width: 192px !important; } #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper { margin-left: 192px; } #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed + .dp-layout--wrapper .dp-layout--inner { max-width: 1090px; } #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 312px); } #config-builder .dp-layout .dp-layout--body .header-relative.dp-layout--collapsed.headroom--unpinned .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 242px); } #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper [id^=hdfs-settings], #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper [id^=other-settings], #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper [id^=advanced-settings] { counter-reset: section; } #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper [id^=hdfs-settings] .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3 .dp-layout--step-sub:after, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper [id^=other-settings] .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3 .dp-layout--step-sub:after, #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper [id^=advanced-settings] .dp-editor.dp-editor--base .dp-editor--head .dp-typography-display-3 .dp-layout--step-sub:after { counter-increment: section; content: "." counter(section); } #config-builder .dp-layout .dp-layout--body .header-relative + .dp-layout--wrapper .dp-layout--inner { padding-top: 72px; } .dp-layout--indent { padding-left: 42px; } .ms-ie .dp-workflow--column, .ms-edge .dp-workflow--column { border: 1px solid var(--pxl-input-border-color); box-shadow: none; } .ms-ie .dp-workflow--column:hover, .ms-edge .dp-workflow--column:hover { border-color: var(--pxl-primary-tint-05); box-shadow: none; } .ms-ie .dp-workflow--column:focus, .ms-edge .dp-workflow--column:focus { border-color: tint(var(--pxl-color-main), 40%); box-shadow: none; } .ms-ie .dp-workflow--column.disabled, .ms-edge .dp-workflow--column.disabled { border-color: 1px solid var(--pxl-input-border-color); box-shadow: none; } .ms-ie .dp-workflow--directory .dp-workflow--structure.dp-workflow--active, .ms-edge .dp-workflow--directory .dp-workflow--structure.dp-workflow--active { border: 1px solid var(--pxl-input-border-color); border-color: tint(var(--pxl-color-main), 40%); box-shadow: none; } .ms-ie .dp-upload .dp-layout--empty, .ms-edge .dp-upload .dp-layout--empty { border: 1px solid var(--pxl-input-border-color); box-shadow: none; } .ms-ie .dp-upload .dp-layout--empty:hover, .ms-ie .dp-upload .dp-layout--empty:focus, .ms-edge .dp-upload .dp-layout--empty:hover, .ms-edge .dp-upload .dp-layout--empty:focus { border-color: tint(var(--pxl-color-main), 40%); box-shadow: none; } .version-menu-position { position: absolute; top: 3rem; right: 4rem; width: auto; } .dp-api { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; margin-top: 12px; } .dp-api .swagger-ui *, .dp-api .swagger-ui h1, .dp-api .swagger-ui h2, .dp-api .swagger-ui h3, .dp-api .swagger-ui h4, .dp-api .swagger-ui h5, .dp-api .swagger-ui h6 p, .dp-api .swagger-ui a, .dp-api .swagger-ui input, .dp-api .swagger-ui textarea, .dp-api .swagger-ui div, .dp-api .swagger-ui ul, .dp-api .swagger-ui li { font-family: var(--pxl-font-family-primary) !important; } .dp-api .swagger-ui .loading-container { display: none; } .dp-api .swagger-ui .wrapper { padding: 0; max-width: 100%; } .dp-api .swagger-ui .wrapper .block { padding: 0 !important; } .dp-api .swagger-ui .info { margin: 0; } .dp-api .swagger-ui .info .main .title { font-family: var(--pxl-font-family-primary); font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; text-transform: capitalize; padding: 18px 0; } .dp-api .swagger-ui .info .main .title small { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; display: inline-block; position: relative; width: auto; max-width: 100%; margin: 0 6px; outline: none !important; vertical-align: middle; top: -1px; background: var(--pxl-general-tint-10); color: var(--pxl-general-contrast); text-transform: none; border-radius: 3px; } .dp-api .swagger-ui .info .main .title small pre { background: unset; color: var(--pxl-general-contrast); width: auto; max-width: 100%; padding: 0 12px; border-radius: 3px; line-height: 24px; white-space: nowrap; overflow: visible; -webkit-transition-property: background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: background; transition-duration: 200ms; transition-timing-function: ease; } .dp-api .swagger-ui .info .main .base-url { font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; font-family: var(--pxl-font-family-primary); display: block; position: relative; width: 100%; padding: 12px 24px; margin: 0; background: var(--pxl-primary-tint-02); border-radius: 2px; color: var(--pxl-color-main); } .dp-api .swagger-ui .info .main .base-url span { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; color: var(--pxl-color-main); } .dp-api .swagger-ui .info .main .link { top: -41px; position: relative; float: right; } .dp-api .swagger-ui .scheme-container { display: none; } .dp-api .swagger-ui a, .dp-api .swagger-ui button, .dp-api .swagger-ui .btn { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; display: inline-block; position: relative; height: 40px; padding: 0 16px; margin: 0 12px; background: transparent; border: none; border-radius: 2px; outline: none; overflow: hidden; text-decoration: none !important; text-align: center; line-height: 40px; vertical-align: middle; color: var(--pxl-color-font); -webkit-user-select: text; user-select: text; cursor: pointer; color: var(--pxl-color-main) !important; box-shadow: none; } .dp-api .swagger-ui a span, .dp-api .swagger-ui button span, .dp-api .swagger-ui .btn span { display: inline-block; max-width: 100%; padding: 0; color: var(--pxl-color-main); } .dp-api .swagger-ui a:hover, .dp-api .swagger-ui button:hover, .dp-api .swagger-ui .btn:hover { background: var(--pxl-primary-tint-01); text-decoration: none; color: var(--pxl-color-main); -webkit-transition-property: background, border, box-shadow, color; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: background, border, box-shadow, color; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: background, border, box-shadow, color; transition-duration: 200ms; transition-timing-function: ease; } .dp-api .swagger-ui a:focus, .dp-api .swagger-ui a:active, .dp-api .swagger-ui button:focus, .dp-api .swagger-ui button:active, .dp-api .swagger-ui .btn:focus, .dp-api .swagger-ui .btn:active { outline: none; text-decoration: none; color: var(--pxl-color-font); background: transparent; } .dp-api .swagger-ui a:active, .dp-api .swagger-ui button:active, .dp-api .swagger-ui .btn:active { background: var(--pxl-primary-tint-02); } .dp-api .swagger-ui .btn, .dp-api .swagger-ui .download-contents, .dp-api .swagger-ui .copy-to-clipboard button { display: inline-block; flex: none; width: auto; line-height: 38px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); } .dp-api .swagger-ui .btn:hover, .dp-api .swagger-ui .download-contents:hover, .dp-api .swagger-ui .copy-to-clipboard button:hover { background: var(--pxl-primary-tint-00); border-color: var(--pxl-primary-tint-05); box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.2); } .dp-api .swagger-ui .btn:focus, .dp-api .swagger-ui .download-contents:focus, .dp-api .swagger-ui .copy-to-clipboard button:focus { color: var(--pxl-color-main); background: var(--pxl-primary-tint-00); border-color: var(--pxl-primary-tint-06); } .dp-api .swagger-ui .execute-wrapper, .dp-api .swagger-ui .btn-group { display: block; text-align: center; padding: 20px; } .dp-api .swagger-ui .execute-wrapper .btn, .dp-api .swagger-ui .btn-group .btn { float: none; } .dp-api .swagger-ui .copy-to-clipboard { background: none; margin: 0; padding: 0; height: 34px; width: 34px; border-radius: 0; bottom: 10px; right: 10px; } .dp-api .swagger-ui .copy-to-clipboard button { position: relative; margin: 0; height: 34px; width: 34px; } .dp-api .swagger-ui .copy-to-clipboard button:after { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "material icons"; content: "\e3e0"; } .dp-api .swagger-ui .download-contents { margin: 0; padding: 0; height: 34px; width: 34px; text-indent: -9000px; color: var(--pxl-color-main); bottom: 10px; right: 54px; } .dp-api .swagger-ui .download-contents:after { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "material icons"; content: "\e171"; text-indent: 0; } .dp-api .swagger-ui input[type=text], .dp-api .swagger-ui textarea, .dp-api .swagger-ui select { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; width: 100%; min-height: 48px; max-height: 48px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 2px; outline: none; line-height: 48px; color: var(--pxl-color-font); min-height: 32px; padding: 0 16px; line-height: 32px; margin: 12px 0; max-width: unset; box-shadow: none; } .dp-api .swagger-ui input[type=text]:hover, .dp-api .swagger-ui textarea:hover, .dp-api .swagger-ui select:hover { border-color: var(--pxl-primary-tint-05); } .dp-api .swagger-ui input[type=text]:focus, .dp-api .swagger-ui textarea:focus, .dp-api .swagger-ui select:focus { border-color: var(--pxl-color-main); box-shadow: 0 0 0 4px var(--pxl-focus); outline: none; } .dp-api .swagger-ui textarea { max-height: unset; min-height: 400px; resize: vertical; } .dp-api .swagger-ui select { max-height: unset; position: relative; padding-right: 48px; appearance: menulist-button; } .dp-api .swagger-ui .opblock-tag-section { border-bottom: 1px solid var(--pxl-input-border-color); } .dp-api .swagger-ui .opblock-tag-section .opblock-tag { padding: 6px 0; margin: 0; border: none; } .dp-api .swagger-ui .opblock-tag-section .opblock-tag:hover { background: transparent; } .dp-api .swagger-ui .opblock-tag-section .opblock-tag:hover a, .dp-api .swagger-ui .opblock-tag-section .opblock-tag:hover button.expand-operation { background: var(--pxl-primary-tint-01) !important; } .dp-api .swagger-ui .opblock-tag-section.is-open .expand-methods svg, .dp-api .swagger-ui .opblock-tag-section.is-open .expand-operation svg { transform: rotate(180deg); } .dp-api .swagger-ui .opblock-tag-section .opblock { margin: 6px 0; } .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-get, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-put, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-post, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-delete { background: var(--pxl-primary-tint-01); border: none !important; border-radius: 2px; box-shadow: none; } .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-get .opblock-summary-method, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-put .opblock-summary-method, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-post .opblock-summary-method, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-delete .opblock-summary-method { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; } .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-get .opblock-summary, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-put .opblock-summary, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-post .opblock-summary, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-delete .opblock-summary { background: var(--pxl-primary-tint-01); border-radius: 2px; border-color: transparent !important; } .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-get .opblock-summary:hover a, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-put .opblock-summary:hover a, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-post .opblock-summary:hover a, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-delete .opblock-summary:hover a { background: var(--pxl-primary-tint-01) !important; } .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-get.is-open .opblock-summary, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-put.is-open .opblock-summary, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-post.is-open .opblock-summary, .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-delete.is-open .opblock-summary { border-radius: 2px 2px 0 0; } .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-get .opblock-summary-method { background: var(--pxl-info-tint-10); } .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-put .opblock-summary-method { background: var(--pxl-color-tag-3); } .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-post .opblock-summary-method { background: var(--pxl-success-tint-10); } .dp-api .swagger-ui .opblock-tag-section .opblock.opblock-delete .opblock-summary-method { background: var(--pxl-error-tint-10); } .dp-api .swagger-ui .opblock-tag-section .opblock .opblock-section-header { background: var(--pxl-primary-tint-01); border-top: 1px solid var(--pxl-input-border-color); box-shadow: none; } .dp-api .swagger-ui .opblock-tag-section .opblock .opblock-section-header h4 { font-family: var(--pxl-font-family-primary); font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } .dp-api .swagger-ui .opblock-tag-section .opblock .responses-header td { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; font-weight: 400; } .dp-api .swagger-ui .opblock-tag-section .opblock td p { margin-top: 0; } .dp-api .swagger-ui .opblock-tag-section .expand-methods svg, .dp-api .swagger-ui .opblock-tag-section .expand-operation svg { width: 12px; height: 10px; fill: var(--pxl-color-main); stroke: var(--pxl-color-main); transform: rotate(90deg); } .dp-api .swagger-ui .opblock-tag-section .parameter__name.required span { color: var(--pxl-error-contrast); } .dp-api .swagger-ui .opblock-tag-section .parameter__name.required:after { display: none; } .dp-api .swagger-ui .opblock-tag-section .model-example h4, .dp-api .swagger-ui .opblock-tag-section .responses-inner h4 { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; } .dp-api .swagger-ui .opblock-tag-section .model-example pre, .dp-api .swagger-ui .opblock-tag-section .model-example textarea, .dp-api .swagger-ui .opblock-tag-section .responses-inner pre, .dp-api .swagger-ui .opblock-tag-section .responses-inner textarea { margin: 0; font-family: "Roboto Mono", monospace; font-size: 12px; font-weight: 300; line-height: 24px; color: var(--pxl-color-font); padding: 18px 36px; background: var(--pxl-primary-tint-01) !important; border: 1px solid var(--pxl-input-border-color); border-radius: 2px; border-top-left-radius: 0; } .dp-api .swagger-ui .opblock-tag-section .model-example pre *, .dp-api .swagger-ui .opblock-tag-section .model-example textarea *, .dp-api .swagger-ui .opblock-tag-section .responses-inner pre *, .dp-api .swagger-ui .opblock-tag-section .responses-inner textarea * { font-family: "Roboto Mono", monospace; font-size: 12px; font-weight: 300; line-height: 24px; color: var(--pxl-color-font); font-family: "Roboto Mono", monospace !important; color: var(--pxl-color-main) !important; } .dp-api .swagger-ui .opblock-tag-section .model-example .model-box, .dp-api .swagger-ui .opblock-tag-section .responses-inner .model-box { display: block; font-family: "Roboto Mono", monospace; font-size: 12px; font-weight: 300; line-height: 24px; color: var(--pxl-color-font); padding: 18px 36px; background: var(--pxl-primary-tint-01) !important; border: 1px solid var(--pxl-input-border-color); border-radius: 2px; border-top-left-radius: 0; } .dp-api .swagger-ui .opblock-tag-section .model-example .model-box *, .dp-api .swagger-ui .opblock-tag-section .responses-inner .model-box * { font-family: "Roboto Mono", monospace; font-size: 12px; font-weight: 300; line-height: 24px; color: var(--pxl-color-font); font-family: "Roboto Mono", monospace !important; color: var(--pxl-color-main) !important; } .dp-api .swagger-ui .opblock-tag-section .model-example .model-box .model-hint, .dp-api .swagger-ui .opblock-tag-section .responses-inner .model-box .model-hint { font-family: var(--pxl-font-family-primary) !important; color: var(--pxl-primary-tint-01) !important; } .dp-api .swagger-ui .opblock-tag-section .model-example .model-box .model-toggle:after, .dp-api .swagger-ui .opblock-tag-section .responses-inner .model-box .model-toggle:after { background: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat; background-size: 100%; } .dp-api .swagger-ui .opblock-tag-section .tab { position: relative; z-index: 1; } .dp-api .swagger-ui .opblock-tag-section .tab li a { margin: 0; background: transparent; border-radius: 0; text-transform: capitalize; color: var(--pxl-primary-tint-06); } .dp-api .swagger-ui .opblock-tag-section .tab li a:after { position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: var(--pxl-secondary); content: ""; transition: width 0.35s ease 0s, left 0.35s ease 0s; z-index: 1; } .dp-api .swagger-ui .opblock-tag-section .tab li a:hover { background: transparent; color: var(--pxl-color-font); } .dp-api .swagger-ui .opblock-tag-section .tab li a:hover, .dp-api .swagger-ui .opblock-tag-section .tab li a.active { background: transparent; color: var(--pxl-color-font); } .dp-api .swagger-ui .opblock-tag-section .tab li a:hover:after, .dp-api .swagger-ui .opblock-tag-section .tab li a.active:after { left: 0; width: 100%; } .dp-api .swagger-ui .opblock-tag-section .tab li.active a { background: transparent; color: var(--pxl-color-font); } .dp-api .swagger-ui .opblock-tag-section .tab li.active a:after { left: 0; width: 100%; } .dp-api .swagger-ui .opblock-tag-section .tab li:first-of-type { padding-right: 0; } .dp-api .swagger-ui .opblock-tag-section .tab li:first-of-type:after { display: none; } .dp-api .swagger-ui .opblock-tag-section .tab + div { position: relative; z-index: 2; } .dp-api .swagger-ui .opblock-tag-section .model-hint { font-family: var(--pxl-font-family-primary); font-size: 12px !important; font-weight: 400 !important; line-height: 18px !important; font-family: var(--pxl-font-family-primary) !important; padding: 6px 12px !important; margin: 0 !important; background: var(--pxl-primary-tint-08); border-radius: 2px; font-size: 14px; font-weight: 500; text-align: left; -webkit-hyphens: none; hyphens: none; color: var(--pxl-primary-tint-01); } .dp-api .swagger-ui .opblock-summary-control { display: inherit; padding: 0; margin: 0; text-align: left; } .dp-api .swagger-ui .opblock-summary-control:hover, .dp-api .swagger-ui .opblock-summary-control:active { background: transparent; } .dp-api .swagger-ui .opblock-summary-control:focus { outline: none; } .dp-api .swagger-ui .opblock-summary-control > svg { display: none; } .swagger-ui { color: var(--pxl-color-font); } .swagger-ui .info .title { color: var(--pxl-color-font); } .swagger-ui .opblock-tag small { color: var(--pxl-color-font); } .swagger-ui .opblock .opblock-summary-description { color: var(--pxl-color-font); } .swagger-ui .opblock .opblock-section-header h4 { color: var(--pxl-color-font); } .swagger-ui .opblock .opblock-section-header > label { color: var(--pxl-color-font); } .swagger-ui table thead tr th, .swagger-ui table thead tr td { color: var(--pxl-color-font); } .swagger-ui .parameter__name, .swagger-ui .parameter__type, .swagger-ui .parameter__deprecated, .swagger-ui .parameter__extension, .swagger-ui .parameter__in { color: var(--pxl-color-font); } .swagger-ui .markdown p, .swagger-ui .markdown pre, .swagger-ui .renderedMarkdown p, .swagger-ui .renderedMarkdown pre { color: var(--pxl-color-font); } .swagger-ui label { color: var(--pxl-color-font); } .swagger-ui .response-col_status, .swagger-ui .response-col_description { color: var(--pxl-color-font); } .dp-section { position: relative; padding-top: 48px; } .dp-section:last-child.dp-section--collapse { border: none; } .dp-section.dp-section--expand { height: auto; } .dp-section.dp-section--collapse { height: 70px; border-bottom: 1px solid var(--pxl-input-border-color); overflow: hidden; } .dp-section .dp-section--header { display: block; position: absolute; top: 0; width: 100%; background: var(--pxl-primary-tint-00); padding: 23px 0; z-index: 1; cursor: pointer; } .dp-section .dp-section--header.dp-section--header---sticky { position: fixed; top: 122px; width: calc(100% - 548px); max-width: 800px; z-index: 5; } .dp-section .dp-section--header.dp-section--header---sticky:before, .dp-section .dp-section--header.dp-section--header---sticky:after { position: absolute; left: 0; bottom: 0; width: 100%; background: var(--pxl-primary-tint-00); content: ""; } .dp-section .dp-section--header.dp-section--header---sticky:before { box-shadow: var(--pxl-shadow-small); height: 6px; z-index: -2; } .dp-section .dp-section--header.dp-section--header---sticky:after { width: calc(100% + 12px); height: 100%; margin: 0 -6px; z-index: -1; } .headroom--unpinned + nav + .dp-partial .dp-section .dp-section--header.dp-section--header---sticky { top: 52px; } .dp-section .dp-section--header.dp-section--header---sticky-disabled { position: absolute; top: 0 !important; width: 100%; } .dp-section .dp-section--header.dp-section--header---sticky-disabled:before, .dp-section .dp-section--header.dp-section--header---sticky-disabled:after { display: none !important; } .dp-section .dp-section--header .dp-button.dp-button-toggle { position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin: 0; } .dp-section .dp-form--border { border-bottom: 1px solid var(--pxl-input-border-color); } .dp-section .dp-form--border-padding { margin-left: -24px; padding-left: 24px; margin-right: -24px; padding-right: 24px; padding-bottom: 12px; padding-top: 12px; } .dp-section .dp-form.dp-form--config { padding: 12px 24px 12px 72px; margin: 0 -24px; border-bottom: 1px solid var(--pxl-input-border-color); } .dp-section .dp-form.dp-form--config.dp-form--divider { position: relative; border-bottom: 1px solid var(--pxl-input-border-color); } .dp-section .dp-form.dp-form--config.dp-form--divider:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border: 1px solid var(--pxl-input-border-color); content: ""; } .dp-section .dp-form.dp-form--config:first-child { margin-top: -12px; } .dp-section .dp-form.dp-form--config:last-child { margin-bottom: -12px; border-bottom: none; } .dp-section .dp-form.dp-form--config:last-child:after { display: none; } .dp-section .dp-form.dp-form--config + .dp-form.dp-form--base { margin-top: 12px; } .dp-section .dp-form .dp-form--item { position: relative; } .dp-section .dp-form .dp-form--item .dp-button.dp-button--toggle, .dp-section .dp-form .dp-form--item .dp-button.dp-button--icon { position: absolute; top: 0; margin: 4px 0; } .dp-section .dp-form .dp-form--item .dp-button.dp-button--toggle { left: 0; margin-right: -54px; margin-left: -54px; } .dp-section .dp-form .dp-form--item .dp-button.dp-button--icon { right: 0; } .dp-section .dp-form .dp-form--item .dp-typography-display-3 { padding-right: 48px; } .dp-section .dp-form .dp-form--item .dp-label { margin: 0; margin-left: 12px; vertical-align: bottom; } .dp-section .dp-form .dp-typography-snippet .pre { margin: 12px 0; } .dp-section .dp-form .dp-button--set { width: calc(100% + 96px); padding: 6px 12px; margin: 0 -72px; margin-top: 12px; margin-bottom: -12px; border-top: 1px solid var(--pxl-input-border-color); text-align: center; } .dp-section .dp-form .dp-button--set .dp-button { margin: 6px 12px; } .security-banner .dp-section .dp-section--header.dp-section--header---sticky { top: 146px; } .security-banner .headroom.headroom--unpinned + nav + .dp-partial .dp-section--header.dp-section--header---sticky { top: 76px; } color-picker { display: block; } .dp-colorpicker { position: relative; width: 100%; margin: 12px 0; float: left; } .dp-colorpicker .dp-colorpicker--input { padding-left: 48px; } .dp-colorpicker .dp-colorpicker--input + .dp-colorpicker--swatch { display: block; position: absolute; top: 0; left: 0; height: 24px; width: 24px; margin: 12px; border: 0; border-radius: 2px; cursor: pointer; } .dp-colorpicker .dp-colorpicker--input + .dp-colorpicker--swatch + .dp-colorpicker--label { margin-left: 32px; } .popover.color-picker-popover { width: 225px; } .ace_editor { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; min-height: 48px; max-height: 48px; padding: 0 16px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 2px; outline: none; line-height: 48px; color: var(--pxl-color-font); font-family: "Roboto Mono", monospace; font-size: 12px !important; line-height: 18px !important; width: 100%; min-height: auto; max-height: none; color: var(--pxl-color-font) !important; background: var(--pxl-primary-tint-00) !important; } .ace_editor .ace_gutter { z-index: 1; background: var(--pxl-color-panel-hover) !important; color: var(--pxl-color-font) !important; } .ace_editor .ace_gutter-active-line { background: var(--pxl-color-panel-focus) !important; } .ace_editor .ace_marker-layer .ace_active-line { background: var(--pxl-natural-background-hover-rgba) !important; } .ace_editor.ace_autocomplete { border: 1px solid var(--pxl-input-border-color) !important; } .ace_editor.ace_autocomplete .ace_completion-highlight { color: var(--pxl-primary-tint-10) !important; } #databricks-policies-dialog .ace_editor, #config-builder .ace_editor { height: 248px !important; } #config-builder .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-list .dp-list--item { padding-top: 0 !important; } #config-builder .dp-layout .dp-layout--body .header-relative .dp-list .dp-list--item .dp-list .dp-list--item .dp-button.dp-button--wrap { height: 5rem !important; } .nl-form { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; position: relative; padding: 16px 32px; margin: 16px 0; border: 1px solid var(--pxl-input-border-color); border-radius: 2px; line-height: 40px; } .nl-form .dp-button, .nl-form .dp-textfield, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield, .nl-form .dp-menu { width: auto; max-width: 100% !important; min-width: auto !important; margin: 0 0.5rem !important; vertical-align: middle; } .nl-form .dp-button.dp-button--icon, .nl-form .dp-textfield.dp-button--icon, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield.dp-button--icon, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield.dp-button--icon, .nl-form .dp-menu.dp-button--icon { min-width: 50px !important; } .nl-form .dp-button.dp-button--icon.dp-button--sm, .nl-form .dp-textfield.dp-button--icon.dp-button--sm, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield.dp-button--icon.dp-button--sm, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield.dp-button--icon.dp-button--sm, .nl-form .dp-menu.dp-button--icon.dp-button--sm { min-width: 40px !important; } .nl-form .dp-button:after, .nl-form .dp-textfield:after, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield:after, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield:after, .nl-form .dp-menu:after { color: var(--pxl-color-font); } .nl-form .dp-button > .dp-textfield--input, .nl-form .dp-button > .dp-menu--button, .nl-form .dp-textfield > .dp-textfield--input, .nl-form .dp-textfield > .dp-menu--button, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button, .nl-form .dp-menu > .dp-textfield--input, .nl-form .dp-menu > .dp-menu--button { min-height: 40px; border: none; border-bottom: 1px solid var(--pxl-input-border-color); border-bottom-style: dashed; border-radius: 2px 2px -2px -2px; box-shadow: none; line-height: 39px; color: var(--pxl-color-font); } .nl-form .dp-button > .dp-textfield--input.dp-textfield--reset, .nl-form .dp-button > .dp-menu--button.dp-textfield--reset, .nl-form .dp-textfield > .dp-textfield--input.dp-textfield--reset, .nl-form .dp-textfield > .dp-menu--button.dp-textfield--reset, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-textfield--reset, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-textfield--reset, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-textfield--reset, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-textfield--reset, .nl-form .dp-menu > .dp-textfield--input.dp-textfield--reset, .nl-form .dp-menu > .dp-menu--button.dp-textfield--reset { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; display: block; width: 100%; min-height: 48px; max-height: 48px; padding: 0 16px; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 2px; outline: none; line-height: 48px; color: var(--pxl-color-font); -webkit-transition-property: border, box-shadow, color; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; -o-transition-property: border, box-shadow, color; -o-transition-duration: 200ms; -o-transition-timing-function: ease; transition-property: border, box-shadow, color; transition-duration: 200ms; transition-timing-function: ease; } .nl-form .dp-button > .dp-textfield--input.dp-textfield--reset.dp-textfield--textarea, .nl-form .dp-button > .dp-menu--button.dp-textfield--reset.dp-textfield--textarea, .nl-form .dp-textfield > .dp-textfield--input.dp-textfield--reset.dp-textfield--textarea, .nl-form .dp-textfield > .dp-menu--button.dp-textfield--reset.dp-textfield--textarea, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-textfield--reset.dp-textfield--textarea, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-textfield--reset.dp-textfield--textarea, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-textfield--reset.dp-textfield--textarea, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-textfield--reset.dp-textfield--textarea, .nl-form .dp-menu > .dp-textfield--input.dp-textfield--reset.dp-textfield--textarea, .nl-form .dp-menu > .dp-menu--button.dp-textfield--reset.dp-textfield--textarea { padding-top: 24px !important; padding-bottom: 6px !important; min-height: auto; max-height: none; resize: vertical; } .nl-form .dp-button > .dp-textfield--input.dp-textfield--reset:hover, .nl-form .dp-button > .dp-menu--button.dp-textfield--reset:hover, .nl-form .dp-textfield > .dp-textfield--input.dp-textfield--reset:hover, .nl-form .dp-textfield > .dp-menu--button.dp-textfield--reset:hover, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-textfield--reset:hover, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-textfield--reset:hover, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-textfield--reset:hover, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-textfield--reset:hover, .nl-form .dp-menu > .dp-textfield--input.dp-textfield--reset:hover, .nl-form .dp-menu > .dp-menu--button.dp-textfield--reset:hover { border: 1px solid var(--pxl-primary-tint-05); background: var(--pxl-primary-tint-00) !important; } .nl-form .dp-button > .dp-textfield--input.dp-textfield--reset:focus, .nl-form .dp-button > .dp-menu--button.dp-textfield--reset:focus, .nl-form .dp-textfield > .dp-textfield--input.dp-textfield--reset:focus, .nl-form .dp-textfield > .dp-menu--button.dp-textfield--reset:focus, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-textfield--reset:focus, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-textfield--reset:focus, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-textfield--reset:focus, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-textfield--reset:focus, .nl-form .dp-menu > .dp-textfield--input.dp-textfield--reset:focus, .nl-form .dp-menu > .dp-menu--button.dp-textfield--reset:focus { background: var(--pxl-primary-tint-00) !important; border: 1px solid var(--pxl-color-main); box-shadow: 0 0 0 4px var(--pxl-focus); } .nl-form .dp-button > .dp-textfield--input::-webkit-input-placeholder, .nl-form .dp-button > .dp-menu--button::-webkit-input-placeholder, .nl-form .dp-textfield > .dp-textfield--input::-webkit-input-placeholder, .nl-form .dp-textfield > .dp-menu--button::-webkit-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input::-webkit-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button::-webkit-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input::-webkit-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button::-webkit-input-placeholder, .nl-form .dp-menu > .dp-textfield--input::-webkit-input-placeholder, .nl-form .dp-menu > .dp-menu--button::-webkit-input-placeholder { color: var(--pxl-primary-tint-06); opacity: 1; } .nl-form .dp-button > .dp-textfield--input::-moz-placeholder, .nl-form .dp-button > .dp-menu--button::-moz-placeholder, .nl-form .dp-textfield > .dp-textfield--input::-moz-placeholder, .nl-form .dp-textfield > .dp-menu--button::-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input::-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button::-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input::-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button::-moz-placeholder, .nl-form .dp-menu > .dp-textfield--input::-moz-placeholder, .nl-form .dp-menu > .dp-menu--button::-moz-placeholder { color: var(--pxl-primary-tint-06); opacity: 1; } .nl-form .dp-button > .dp-textfield--input:-ms-input-placeholder, .nl-form .dp-button > .dp-menu--button:-ms-input-placeholder, .nl-form .dp-textfield > .dp-textfield--input:-ms-input-placeholder, .nl-form .dp-textfield > .dp-menu--button:-ms-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input:-ms-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button:-ms-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input:-ms-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button:-ms-input-placeholder, .nl-form .dp-menu > .dp-textfield--input:-ms-input-placeholder, .nl-form .dp-menu > .dp-menu--button:-ms-input-placeholder { color: var(--pxl-primary-tint-06); opacity: 1; } .nl-form .dp-button > .dp-textfield--input:-moz-placeholder, .nl-form .dp-button > .dp-menu--button:-moz-placeholder, .nl-form .dp-textfield > .dp-textfield--input:-moz-placeholder, .nl-form .dp-textfield > .dp-menu--button:-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input:-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button:-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input:-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button:-moz-placeholder, .nl-form .dp-menu > .dp-textfield--input:-moz-placeholder, .nl-form .dp-menu > .dp-menu--button:-moz-placeholder { color: var(--pxl-primary-tint-06); opacity: 1; } .nl-form .dp-button > .dp-textfield--input:hover, .nl-form .dp-button > .dp-textfield--input:focus, .nl-form .dp-button > .dp-menu--button:hover, .nl-form .dp-button > .dp-menu--button:focus, .nl-form .dp-textfield > .dp-textfield--input:hover, .nl-form .dp-textfield > .dp-textfield--input:focus, .nl-form .dp-textfield > .dp-menu--button:hover, .nl-form .dp-textfield > .dp-menu--button:focus, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input:hover, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input:focus, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button:hover, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button:focus, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input:hover, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input:focus, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button:hover, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button:focus, .nl-form .dp-menu > .dp-textfield--input:hover, .nl-form .dp-menu > .dp-textfield--input:focus, .nl-form .dp-menu > .dp-menu--button:hover, .nl-form .dp-menu > .dp-menu--button:focus { background: var(--pxl-natural-background-hover-rgba) !important; border-top: none; border-right: none; border-left: none; box-shadow: none; cursor: pointer; } .nl-form .dp-button > .dp-textfield--input[disabled][disabled], .nl-form .dp-button > .dp-textfield--input--disabled, .nl-form .dp-button > .dp-textfield--input.disabled, .nl-form .dp-button > .dp-menu--button[disabled][disabled], .nl-form .dp-button > .dp-menu--button--disabled, .nl-form .dp-button > .dp-menu--button.disabled, .nl-form .dp-textfield > .dp-textfield--input[disabled][disabled], .nl-form .dp-textfield > .dp-textfield--input--disabled, .nl-form .dp-textfield > .dp-textfield--input.disabled, .nl-form .dp-textfield > .dp-menu--button[disabled][disabled], .nl-form .dp-textfield > .dp-menu--button--disabled, .nl-form .dp-textfield > .dp-menu--button.disabled, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled], .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled], .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled], .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled], .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled, .nl-form .dp-menu > .dp-textfield--input[disabled][disabled], .nl-form .dp-menu > .dp-textfield--input--disabled, .nl-form .dp-menu > .dp-textfield--input.disabled, .nl-form .dp-menu > .dp-menu--button[disabled][disabled], .nl-form .dp-menu > .dp-menu--button--disabled, .nl-form .dp-menu > .dp-menu--button.disabled { background: transparent !important; border-bottom: 1px solid var(--pxl-input-border-color) !important; border-bottom-style: dashed !important; border-color: transparent !important; color: var(--pxl-primary-tint-06) !important; cursor: default; } .nl-form .dp-button > .dp-textfield--input[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-button > .dp-textfield--input--disabled::-webkit-input-placeholder, .nl-form .dp-button > .dp-textfield--input.disabled::-webkit-input-placeholder, .nl-form .dp-button > .dp-menu--button[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-button > .dp-menu--button--disabled::-webkit-input-placeholder, .nl-form .dp-button > .dp-menu--button.disabled::-webkit-input-placeholder, .nl-form .dp-textfield > .dp-textfield--input[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-textfield > .dp-textfield--input--disabled::-webkit-input-placeholder, .nl-form .dp-textfield > .dp-textfield--input.disabled::-webkit-input-placeholder, .nl-form .dp-textfield > .dp-menu--button[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-textfield > .dp-menu--button--disabled::-webkit-input-placeholder, .nl-form .dp-textfield > .dp-menu--button.disabled::-webkit-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled::-webkit-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled::-webkit-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled::-webkit-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled::-webkit-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled::-webkit-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled::-webkit-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled::-webkit-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled::-webkit-input-placeholder, .nl-form .dp-menu > .dp-textfield--input[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-menu > .dp-textfield--input--disabled::-webkit-input-placeholder, .nl-form .dp-menu > .dp-textfield--input.disabled::-webkit-input-placeholder, .nl-form .dp-menu > .dp-menu--button[disabled][disabled]::-webkit-input-placeholder, .nl-form .dp-menu > .dp-menu--button--disabled::-webkit-input-placeholder, .nl-form .dp-menu > .dp-menu--button.disabled::-webkit-input-placeholder { color: var(--pxl-primary-tint-06) !important; } .nl-form .dp-button > .dp-textfield--input[disabled][disabled]::-moz-placeholder, .nl-form .dp-button > .dp-textfield--input--disabled::-moz-placeholder, .nl-form .dp-button > .dp-textfield--input.disabled::-moz-placeholder, .nl-form .dp-button > .dp-menu--button[disabled][disabled]::-moz-placeholder, .nl-form .dp-button > .dp-menu--button--disabled::-moz-placeholder, .nl-form .dp-button > .dp-menu--button.disabled::-moz-placeholder, .nl-form .dp-textfield > .dp-textfield--input[disabled][disabled]::-moz-placeholder, .nl-form .dp-textfield > .dp-textfield--input--disabled::-moz-placeholder, .nl-form .dp-textfield > .dp-textfield--input.disabled::-moz-placeholder, .nl-form .dp-textfield > .dp-menu--button[disabled][disabled]::-moz-placeholder, .nl-form .dp-textfield > .dp-menu--button--disabled::-moz-placeholder, .nl-form .dp-textfield > .dp-menu--button.disabled::-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled]::-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled::-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled::-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled]::-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled::-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled::-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled]::-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled::-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled::-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled]::-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled::-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled::-moz-placeholder, .nl-form .dp-menu > .dp-textfield--input[disabled][disabled]::-moz-placeholder, .nl-form .dp-menu > .dp-textfield--input--disabled::-moz-placeholder, .nl-form .dp-menu > .dp-textfield--input.disabled::-moz-placeholder, .nl-form .dp-menu > .dp-menu--button[disabled][disabled]::-moz-placeholder, .nl-form .dp-menu > .dp-menu--button--disabled::-moz-placeholder, .nl-form .dp-menu > .dp-menu--button.disabled::-moz-placeholder { color: var(--pxl-primary-tint-06) !important; } .nl-form .dp-button > .dp-textfield--input[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-button > .dp-textfield--input--disabled:-ms-input-placeholder, .nl-form .dp-button > .dp-textfield--input.disabled:-ms-input-placeholder, .nl-form .dp-button > .dp-menu--button[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-button > .dp-menu--button--disabled:-ms-input-placeholder, .nl-form .dp-button > .dp-menu--button.disabled:-ms-input-placeholder, .nl-form .dp-textfield > .dp-textfield--input[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-textfield > .dp-textfield--input--disabled:-ms-input-placeholder, .nl-form .dp-textfield > .dp-textfield--input.disabled:-ms-input-placeholder, .nl-form .dp-textfield > .dp-menu--button[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-textfield > .dp-menu--button--disabled:-ms-input-placeholder, .nl-form .dp-textfield > .dp-menu--button.disabled:-ms-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled:-ms-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled:-ms-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled:-ms-input-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled:-ms-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled:-ms-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled:-ms-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled:-ms-input-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled:-ms-input-placeholder, .nl-form .dp-menu > .dp-textfield--input[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-menu > .dp-textfield--input--disabled:-ms-input-placeholder, .nl-form .dp-menu > .dp-textfield--input.disabled:-ms-input-placeholder, .nl-form .dp-menu > .dp-menu--button[disabled][disabled]:-ms-input-placeholder, .nl-form .dp-menu > .dp-menu--button--disabled:-ms-input-placeholder, .nl-form .dp-menu > .dp-menu--button.disabled:-ms-input-placeholder { color: var(--pxl-primary-tint-06) !important; } .nl-form .dp-button > .dp-textfield--input[disabled][disabled]:-moz-placeholder, .nl-form .dp-button > .dp-textfield--input--disabled:-moz-placeholder, .nl-form .dp-button > .dp-textfield--input.disabled:-moz-placeholder, .nl-form .dp-button > .dp-menu--button[disabled][disabled]:-moz-placeholder, .nl-form .dp-button > .dp-menu--button--disabled:-moz-placeholder, .nl-form .dp-button > .dp-menu--button.disabled:-moz-placeholder, .nl-form .dp-textfield > .dp-textfield--input[disabled][disabled]:-moz-placeholder, .nl-form .dp-textfield > .dp-textfield--input--disabled:-moz-placeholder, .nl-form .dp-textfield > .dp-textfield--input.disabled:-moz-placeholder, .nl-form .dp-textfield > .dp-menu--button[disabled][disabled]:-moz-placeholder, .nl-form .dp-textfield > .dp-menu--button--disabled:-moz-placeholder, .nl-form .dp-textfield > .dp-menu--button.disabled:-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled]:-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled:-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled:-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled]:-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled:-moz-placeholder, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled:-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input[disabled][disabled]:-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input--disabled:-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.disabled:-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button[disabled][disabled]:-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button--disabled:-moz-placeholder, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.disabled:-moz-placeholder, .nl-form .dp-menu > .dp-textfield--input[disabled][disabled]:-moz-placeholder, .nl-form .dp-menu > .dp-textfield--input--disabled:-moz-placeholder, .nl-form .dp-menu > .dp-textfield--input.disabled:-moz-placeholder, .nl-form .dp-menu > .dp-menu--button[disabled][disabled]:-moz-placeholder, .nl-form .dp-menu > .dp-menu--button--disabled:-moz-placeholder, .nl-form .dp-menu > .dp-menu--button.disabled:-moz-placeholder { color: var(--pxl-primary-tint-06) !important; } .nl-form .dp-button > .dp-textfield--input---not-empty, .nl-form .dp-button > .dp-menu--button---not-empty, .nl-form .dp-textfield > .dp-textfield--input---not-empty, .nl-form .dp-textfield > .dp-menu--button---not-empty, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input---not-empty, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button---not-empty, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input---not-empty, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button---not-empty, .nl-form .dp-menu > .dp-textfield--input---not-empty, .nl-form .dp-menu > .dp-menu--button---not-empty { border-color: var(--pxl-color-font); } .nl-form .dp-button > .dp-textfield--input.dp-menu--button-unfocus, .nl-form .dp-button > .dp-menu--button.dp-menu--button-unfocus, .nl-form .dp-textfield > .dp-textfield--input.dp-menu--button-unfocus, .nl-form .dp-textfield > .dp-menu--button.dp-menu--button-unfocus, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-menu--button-unfocus, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-menu--button-unfocus, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-menu--button-unfocus, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-menu--button-unfocus, .nl-form .dp-menu > .dp-textfield--input.dp-menu--button-unfocus, .nl-form .dp-menu > .dp-menu--button.dp-menu--button-unfocus { border-radius: 2px; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } .nl-form .dp-button > .dp-textfield--input.dp-menu--button-focus, .nl-form .dp-button > .dp-menu--button.dp-menu--button-focus, .nl-form .dp-textfield > .dp-textfield--input.dp-menu--button-focus, .nl-form .dp-textfield > .dp-menu--button.dp-menu--button-focus, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-menu--button-focus, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-menu--button-focus, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input.dp-menu--button-focus, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button.dp-menu--button-focus, .nl-form .dp-menu > .dp-textfield--input.dp-menu--button-focus, .nl-form .dp-menu > .dp-menu--button.dp-menu--button-focus { border-radius: 2px; border: 1px solid rgba(var(--pxl-color-main), 0.75); box-shadow: 0 0 0 var(--pxl-color-main); animation: highlight 1.6s infinite; } .nl-form .dp-button > .dp-textfield--input[type=number], .nl-form .dp-button > .dp-menu--button[type=number], .nl-form .dp-textfield > .dp-textfield--input[type=number], .nl-form .dp-textfield > .dp-menu--button[type=number], .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input[type=number], .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button[type=number], .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input[type=number], .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button[type=number], .nl-form .dp-menu > .dp-textfield--input[type=number], .nl-form .dp-menu > .dp-menu--button[type=number] { -moz-appearance: textfield; } .nl-form .dp-button > .dp-textfield--input::-webkit-outer-spin-button, .nl-form .dp-button > .dp-textfield--input::-webkit-inner-spin-button, .nl-form .dp-button > .dp-menu--button::-webkit-outer-spin-button, .nl-form .dp-button > .dp-menu--button::-webkit-inner-spin-button, .nl-form .dp-textfield > .dp-textfield--input::-webkit-outer-spin-button, .nl-form .dp-textfield > .dp-textfield--input::-webkit-inner-spin-button, .nl-form .dp-textfield > .dp-menu--button::-webkit-outer-spin-button, .nl-form .dp-textfield > .dp-menu--button::-webkit-inner-spin-button, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input::-webkit-outer-spin-button, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-textfield--input::-webkit-inner-spin-button, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button::-webkit-outer-spin-button, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield > .dp-menu--button::-webkit-inner-spin-button, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input::-webkit-outer-spin-button, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-textfield--input::-webkit-inner-spin-button, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button::-webkit-outer-spin-button, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield > .dp-menu--button::-webkit-inner-spin-button, .nl-form .dp-menu > .dp-textfield--input::-webkit-outer-spin-button, .nl-form .dp-menu > .dp-textfield--input::-webkit-inner-spin-button, .nl-form .dp-menu > .dp-menu--button::-webkit-outer-spin-button, .nl-form .dp-menu > .dp-menu--button::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .nl-form .dp-button .dp-textfield--input, .nl-form .dp-textfield .dp-textfield--input, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield .dp-textfield--input, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield .dp-textfield--input, .nl-form .dp-menu .dp-textfield--input { padding: 0 16px !important; max-width: 100%; } .nl-form .dp-button .dp-textfield--input.dp-textfield--textarea, .nl-form .dp-textfield .dp-textfield--input.dp-textfield--textarea, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield .dp-textfield--input.dp-textfield--textarea, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield .dp-textfield--input.dp-textfield--textarea, .nl-form .dp-menu .dp-textfield--input.dp-textfield--textarea { padding-top: 8px !important; padding-bottom: 8px !important; line-height: 24px; } .nl-form .dp-button .dp-menu--list, .nl-form .dp-textfield .dp-menu--list, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield .dp-menu--list, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield .dp-menu--list, .nl-form .dp-menu .dp-menu--list { width: auto !important; min-width: 248px; } .nl-form .dp-button .dp-menu--list .dp-menu--button, .nl-form .dp-textfield .dp-menu--list .dp-menu--button, .nl-form .dp-table thead tr .dp-table--cell .dp-textfield .dp-menu--list .dp-menu--button, .nl-form .dp-table tbody tr .dp-table--cell .dp-textfield .dp-menu--list .dp-menu--button, .nl-form .dp-menu .dp-menu--list .dp-menu--button { border: none !important; } .nl-form .dp-menu:after { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; vertical-align: sub; position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 0 16px; content: "\e5d7"; z-index: -1; } .nl-form .dp-menu > .dp-menu--button:after { display: none; } .nl-form .dp-table--with-actions .dp-menu:after { display: none; } .nl-form .dp-checkbox:not(.dp-radio--inline), .nl-form .dp-radio:not(.dp-radio--inline) { margin: 0 !important; } .nl-form .dp-list { display: inline; vertical-align: top; } .nl-form .dp-list .dp-list--item { display: inline; } .nl-form.nl-form--editable { display: block; width: 100%; padding: 0; margin: 8px 0; border: none; } .nl-form.nl-form--editable .nl-form--repeat { border-radius: 2px; } .nl-form .nl-form--invisible { opacity: 0; } .nl-form .nl-form--invisible.nl-form--invisible---offset { letter-spacing: -4px; } .nl-form .nl-form--disabled.nl-form--conditional .dp-button { padding: 0 16px; border: none; color: var(--pxl-color-font); } .nl-form .nl-form--disabled.nl-form--conditional .dp-button .dp-button--value { color: var(--pxl-primary-tint-06); } .nl-form .nl-form--disabled.nl-form--conditional:after { display: none; } .nl-form .nl-form--disabled.dp-menu:after { color: var(--pxl-primary-tint-06); opacity: 0.85; } .nl-form .nl-form--title { margin-bottom: 1rem; } .nl-form .nl-form--title .dp-button.dp-button--right { margin: -8px 8px !important; margin-right: -8px !important; } .nl-form .nl-form--paragraph { display: inline-block; position: relative; width: 100%; padding: 8px 0; } .nl-form .nl-form--paragraph .nl-form--subject { font-weight: 700; } .nl-form .nl-form--paragraph .nl-form--subject .material-icons { margin: 0; margin-left: 8px; } .nl-form .nl-form--topic { display: inline-block; max-width: 100%; vertical-align: top; } .nl-form .nl-form--topic.nl-form--no-wrap { display: contents; white-space: nowrap; } .nl-form .nl-form--sentence { display: block; color: var(--pxl-color-font); } .nl-form .nl-form--repeat { display: block; } .nl-form .nl-form--add { display: block; padding: 16px 0; } .nl-form .nl-form--add.nl-form--offset { max-width: 144px; margin: 0; overflow: visible; } .nl-form .nl-form--add.nl-form--offset .dp-button { min-width: 236px !important; white-space: nowrap; } .nl-form .nl-form--remove { display: inline-block; vertical-align: middle; } .nl-form .nl-form--remove .dp-button { min-width: 50px !important; } .nl-form .nl-form--cancel-save { width: 100%; padding: 8px 0; margin: 8px 0; text-align: center; float: left; } .nl-form .nl-form--cancel-save .dp-button { margin: 0 16px !important; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options:after { display: none; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--button { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; margin: 0 !important; padding-right: 22px; border: none !important; border-radius: 2px; color: var(--pxl-action-tint-00); background: var(--pxl-action-tint-10); } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--button:hover, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--button:focus { box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.35); background: var(--pxl-action-tint-10) !important; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--button:active { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0 3px 14px 2px rgba(0, 0, 0, 0.15), 0 5px 5px -3px rgba(0, 0, 0, 0.05); } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--button:focus:not(:active) { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.05); } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--button:not([disabled]) { color: var(--pxl-action-tint-00) !important; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--button:not([disabled]):hover, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--button:not([disabled]):focus { background: var(--pxl-action-tint-10) !important; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list { width: 372px !important; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button { height: auto; margin: 0 !important; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button:hover { background: var(--pxl-color-panel-hover); } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button[disabled][disabled], .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button.dp-button--disabled, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button.disabled { background: transparent !important; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button[disabled][disabled]:before, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button.dp-button--disabled:before, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button.disabled:before { display: none; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button[disabled][disabled] .dp-typography-display-4, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button[disabled][disabled] .dp-typography-body-1, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button.dp-button--disabled .dp-typography-display-4, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button.dp-button--disabled .dp-typography-body-1, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button.disabled .dp-typography-display-4, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button.disabled .dp-typography-body-1 { color: var(--pxl-primary-tint-06) !important; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button .dp-button--value { padding: 8px 0; } .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button .dp-button--value .dp-typography-display-4, .nl-form .nl-form--cancel-save .dp-menu.dp-menu--options > .dp-menu--list .dp-menu--item .dp-button .dp-button--value .dp-typography-body-1 { padding: 0 !important; } .nl-form.nl-form--no-margin { margin: 0; } .nl-form.nl-form--no-border { border: 0; padding: 0; } .nl-form.nl-form--no-border-only { border: 0; } .nl-form .nl-form--full { width: 100%; } .nl-form .nl-form--full .dp-textfield { width: 100% !important; } .nl-form .nl-form--nested.nl-form--nested-small { padding: 16px 32px; } .nl-form .nl-form--nested .nl-form { padding: 0; margin: 0; border: none; } .nl-form .nl-form--nested .nl-form .nl-form--nested { padding: 0 0 0 96px; margin: 0; } .nl-form .nl-form--nested .dp-typography-body--gray.dp-typography--capitalize + .nl-form--remove { position: relative; left: -34px; margin: 0 -32px; } policy-conditions, policy-conditions-pxl { display: inline-flex; vertical-align: top; max-width: 100%; } .nl-form .nl-form--paragraph policy-description { display: block; width: 100%; } .dp-table .dp-table--row .dp-table--cell .dp-typography-body-1 policy-description { display: inline-block; width: auto; } .dp-table .dp-table--row .dp-table--cell .dp-typography-body-1 policy-description .dp-button { margin: 0; } .dp-table tbody .dp-table--row .dp-table--cell .nl-form .dp-button, .dp-table tbody .dp-table--row .dp-table--cell .nl-form .dp-textfield, .dp-table tbody .dp-table--row .dp-table--cell .nl-form .dp-menu { width: auto; } .dp-layout--section.dp-layout--aside .nl-form { border: none; padding: 0; margin: 0; } .dp-layout--section.dp-layout--aside .nl-form .nl-form--paragraph, .dp-layout--section.dp-layout--aside .nl-form .nl-form--topic, .dp-layout--section.dp-layout--aside .nl-form .nl-form--sentence { width: 100%; } .dp-layout--section.dp-layout--aside .nl-form .nl-form--paragraph .dp-menu, .dp-layout--section.dp-layout--aside .nl-form .nl-form--topic .dp-menu, .dp-layout--section.dp-layout--aside .nl-form .nl-form--sentence .dp-menu { width: 100%; } .dp-layout--section.dp-layout--aside .nl-form .nl-form--paragraph .dp-menu > .dp-menu--button, .dp-layout--section.dp-layout--aside .nl-form .nl-form--topic .dp-menu > .dp-menu--button, .dp-layout--section.dp-layout--aside .nl-form .nl-form--sentence .dp-menu > .dp-menu--button { width: 100% !important; } .ms-ie .nl-form .dp-button, .ms-ie .nl-form .dp-textfield, .ms-ie .nl-form .dp-menu, .ms-ie .nl-form span, .ms-edge .nl-form .dp-button, .ms-edge .nl-form .dp-textfield, .ms-edge .nl-form .dp-menu, .ms-edge .nl-form span { vertical-align: top; } .ms-ie .nl-form policy-conditions, .ms-ie .nl-form policy-conditions-pxl, .ms-edge .nl-form policy-conditions, .ms-edge .nl-form policy-conditions-pxl { display: inline-block; } @keyframes highlight { 0% { box-shadow: 0 0 0 0 rgba(var(--pxl-color-main), 0.6); } 100% { box-shadow: 0 0 0 10px rgba(var(--pxl-color-main), 0); } } .showdown-documentation { position: relative; width: 100%; border-radius: 2px; overflow-x: auto; overflow-y: hidden; text-overflow: initial; } .showdown-documentation div[ng-bind-html=trustedHtml] { display: block; min-width: 100%; } .showdown-documentation--space { margin: 12px 0; } .showdown-documentation---right { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 95%, rgba(0, 0, 0, 0.07) 100%); } .showdown-documentation---both { background: linear-gradient(90deg, rgba(0, 0, 0, 0.07) 0%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 95%, rgba(0, 0, 0, 0.07) 100%); } .showdown-documentation---left { background: linear-gradient(90deg, rgba(0, 0, 0, 0.07) 0%, rgb(255, 255, 255) 5%, rgb(255, 255, 255) 95%, rgba(0, 0, 0, 0) 100%); } .showdown-documentation h1, .showdown-documentation h2, .showdown-documentation h3, .showdown-documentation h4, .showdown-documentation h5, .showdown-documentation h6, .showdown-documentation p, .showdown-documentation a, .showdown-documentation button, .showdown-documentation ol, .showdown-documentation ul { padding: 8px 0; } .showdown-documentation h1 { font-family: var(--pxl-font-family-primary); font-size: 24px !important; font-weight: 400 !important; line-height: 34px !important; } .showdown-documentation h2 { font-family: var(--pxl-font-family-primary); font-size: 18px !important; font-weight: 400 !important; line-height: 24px !important; } .showdown-documentation h3 { font-family: var(--pxl-font-family-primary); font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } .showdown-documentation h4 { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 400 !important; line-height: 24px !important; } .showdown-documentation h5 { font-family: var(--pxl-font-family-primary); font-size: 18px !important; font-weight: 400 !important; line-height: 24px !important; } .showdown-documentation h6 { font-family: var(--pxl-font-family-primary); font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } .showdown-documentation p { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; } .showdown-documentation p em { font-style: italic; } .showdown-documentation p strong { font-weight: bold; } .showdown-documentation button { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; display: inline-block; position: relative; height: 40px; padding: 0 16px; margin: 0 12px; background: transparent; border: none; border-radius: 2px; outline: none; overflow: hidden; cursor: pointer; text-decoration: none !important; text-align: center; line-height: 40px; vertical-align: middle; color: var(--pxl-color-main); } .showdown-documentation button:hover { background: var(--pxl-primary-tint-01); color: var(--pxl-color-main); } .showdown-documentation button:active, .showdown-documentation button--active { background: var(--pxl-primary-tint-02); } .showdown-documentation pre, .showdown-documentation blockquote { padding: 0 48px; margin: 12px 0; border: none; outline: none; } .showdown-documentation pre > p, .showdown-documentation pre > span, .showdown-documentation pre > code, .showdown-documentation blockquote > p, .showdown-documentation blockquote > span, .showdown-documentation blockquote > code { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; padding: 0; margin: 6px 0; background: transparent; border: none; border-radius: 0; box-shadow: none; font-style: italic; color: var(--pxl-primary-tint-06); } .showdown-documentation pre > p code, .showdown-documentation pre > span code, .showdown-documentation pre > code code, .showdown-documentation blockquote > p code, .showdown-documentation blockquote > span code, .showdown-documentation blockquote > code code { font-family: "Roboto Mono", monospace; font-size: 12px; font-weight: 300; line-height: 24px; color: var(--pxl-color-font); display: flex; white-space: pre-wrap; padding: 12px 24px; margin: 24px 0; } .showdown-documentation ol, .showdown-documentation ul { display: block; padding: 12px 0; list-style: normal; text-align: left; } .showdown-documentation ol li, .showdown-documentation ul li { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; box-sizing: border-box; flex-direction: list; flex-wrap: nowrap; align-items: center; padding: 6px 0; margin: 0 24px; } .showdown-documentation ol li { list-style-type: decimal; } .showdown-documentation ul li { list-style-type: disc; } .showdown-documentation code { font-family: "Roboto Mono", monospace; font-size: 12px !important; line-height: 18px !important; margin: 0; padding: 4px 8px; background: var(--pxl-primary-tint-02); border-radius: 2px; line-height: 24px; color: var(--pxl-color-main); } .showdown-documentation a, .showdown-documentation button { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; display: inline !important; position: relative; width: auto; height: auto; padding: 0; margin: 0; background: transparent; border-bottom: 2px solid transparent; border-radius: 0; font-size: inherit; line-height: 19px; text-align: left; text-decoration: none; vertical-align: baseline; color: var(--pxl-color-main); cursor: pointer; } .showdown-documentation a:hover, .showdown-documentation a:focus, .showdown-documentation button:hover, .showdown-documentation button:focus { background: transparent; border-color: var(--pxl-action-tint-05); } .showdown-documentation a:active, .showdown-documentation a--active, .showdown-documentation button:active, .showdown-documentation button--active { background: transparent; } .showdown-documentation img { max-width: 100%; } .showdown-documentation hr { border-top: 1px solid 1px solid var(--pxl-input-border-color); margin: 12px 0; } .showdown-documentation table { position: relative; width: 100%; margin: 12px 0; border-collapse: collapse; } .showdown-documentation table thead tr th { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; letter-spacing: 0 !important; color: var(--pxl-primary-tint-06); overflow: visible !important; width: auto; padding: 6px 24px; border-bottom: 1px solid var(--pxl-input-border-color); line-height: 34px; text-align: left; } .showdown-documentation table tbody tr td { font-family: var(--pxl-font-family-primary); font-size: 14px !important; font-weight: 300 !important; line-height: 24px !important; width: auto; padding: 6px 24px; border-bottom: 1px solid var(--pxl-input-border-color); line-height: 34px; text-align: left; } .showdown-documentation h1, .dp-menu--list h1 { font-family: var(--pxl-font-family-primary) !important; font-size: 24px !important; font-weight: 400 !important; line-height: 34px !important; } body { font-family: var(--pxl-font-family-primary); font-size: 12px; font-weight: 300 !important; color: var(--pxl-color-font) !important; background-color: var(--pxl-primary-tint-00); } body.security-banner.top .dp-head { top: 3.5rem !important; } body.security-banner.top .dp-nav { padding: 3.5rem 0 0 0; } body.security-banner.top .dp-console { padding: 12rem 0 0 18.5rem; } body.security-banner.both .dp-head { top: 3.5rem !important; } body.security-banner.both .dp-nav { padding: 3.5rem 0; } body.security-banner.both .dp-console { padding: 12rem 0 3.5rem 18.5rem; } body.security-banner.bottom .dp-head { top: 0; } body.security-banner.bottom .dp-nav { padding: 0 0 3.5rem 0; } body.security-banner.bottom .dp-console { padding: 8.5rem 0 3.5rem 18.5rem; } body .dp-console { padding: 70px 0 0 80px; min-width: 800px; } @media (prefers-color-scheme: light) { :root { --pxl-color-inverse-rgb: 30, 30, 30; --pxl-color-main-background-rgb: 255, 255, 255; } [data-theme=dark] { --pxl-color-inverse-rgb: 255, 255, 255; --pxl-color-main-background-rgb: 30, 30, 30; } } @media (prefers-color-scheme: dark) { :root { --pxl-color-inverse-rgb: 255, 255, 255; --pxl-color-main-background-rgb: 30, 30, 30; } [data-theme=light] { --pxl-color-inverse-rgb: 30, 30, 30; --pxl-color-main-background-rgb: 255, 255, 255; } } * { --kendo-font-size: 1.75rem !important; --kendo-font-size-xs: 1rem !important; --kendo-font-size-sm: 1.25rem !important; --kendo-font-size-md: 1.5rem !important; --kendo-font-size-lg: 1.75rem !important; --kendo-font-size-xl: 3rem !important; --kendo-spacing-4: 2rem !important; font-feature-settings: "calt" 0, "case" 0; } @media (prefers-color-scheme: dark) { html:not([data-theme=light]) .dp-login--head .dp-login--logo .dp-login--logo---image, html:not([data-theme=light]) .dp-layout .dp-layout--foot .dp-layout--logo { filter: grayscale(100%) invert(100%); } } @media (prefers-color-scheme: light) { html[data-theme=dark] .dp-login--head .dp-login--logo .dp-login--logo---image, html[data-theme=dark] .dp-layout .dp-layout--foot .dp-layout--logo { filter: grayscale(100%) invert(100%); } } .pxl-divider { border-color: var(--pxl-primary-tint-02); } .pxl-text-action { color: var(--pxl-action) !important; } .pxl-text-tag-3 { color: var(--pxl-color-tag-3-tint-10) !important; } .dp-typography--gray b, .dp-typography--gray strong, .dp-typography--gray .ngb-highlight { color: var(--pxl-color-font); } .dp-head { height: 6rem; padding: 0.75rem 3.5rem; background: var(--pxl-primary-tint-00); border-bottom: thin solid var(--pxl-primary-tint-02); } .dp-head.pxl__toolbar-container { padding: 16px 36px; } .dp-head .dp-head--search { max-width: 95rem; margin: 0 auto; } @media (min-width: 769px) { .dp-head .dp-head--search { width: calc(33.3333333333% - 0.9166666667rem); min-width: 34rem; } } .dp-head .dp-head--search .dp-menu .dp-textfield .dp-textfield--input + .dp-textfield--label { font-size: 1.75rem !important; line-height: 4.5rem !important; } .dp-head .dp-head--search .dp-menu .dp-textfield .dp-textfield--input + .dp-textfield--label .onTop { top: -2.75rem; } .dp-head .dp-head--dropdown { float: none; display: block; } .pxl__main { position: relative; z-index: 1; padding-top: 6rem; height: calc(100% - 6rem); } .pxl__main.pxl__vertical-nav--open { margin-left: 30rem; width: calc(100% - 30rem); min-width: calc(800px - 30rem); } .pxl__main.pxl__vertical-nav--open .pxl__toolbar-container { margin-left: 30rem; width: calc(100% - 30rem); } .pxl__main.pxl__vertical-nav--closed { margin-left: 7rem; width: calc(100% - 7rem); min-width: calc(800px - 7rem); } .pxl__main.pxl__vertical-nav--closed .pxl__toolbar-container { margin-left: 7rem; width: calc(100% - 7rem); } .pxl__main-nested pxl-page-header header { padding-left: 0; padding-bottom: 0; } .pxl__main-nested pxl-page-header header pxl-breadcrumbs { left: -2.5rem; } .pxl__main-nested pxl-page-header header .pxl-tab-header, .pxl__main-nested pxl-page-header header .pxl-tab-group .pxl-tab-header, .pxl__main-nested pxl-page-header header nav.pxl-tab-nav-bar { margin: 0 0 1rem 0; } .pxl__main-nested .dp-layout .dp-layout--body { padding-top: 2rem; padding-left: 0; } .pxl__main-nested .dp-layout .dp-layout--body .pxl-row { margin-top: -1.5rem !important; } .pxl__main-nested .dp-layout .dp-layout--body .pxl-row:has(pxl-search-input), .pxl__main-nested .dp-layout .dp-layout--body .pxl-row .pxl-row { margin-top: 0 !important; } .pxl__main-nested .dp-layout .dp-layout--body .pxl-row:has(pxl-search-input) + .pxl-card, .pxl__main-nested .dp-layout .dp-layout--body .pxl-row:has(pxl-search-input) + .mat-mdc-card, .pxl__main-nested .dp-layout .dp-layout--body .pxl-row .pxl-row + .pxl-card, .pxl__main-nested .dp-layout .dp-layout--body .pxl-row .pxl-row + .mat-mdc-card { margin-top: 0.875rem; } .pxl__main-nested .dp-layout .dp-layout--body .mat-mdc-card pxl-section-header .pxl-row { margin-top: 0 !important; } .pxl__main-nested .dp-layout .dp-layout--body pxl-section-header .pxl-row { margin-top: unset !important; } .dp-layout:not(#datasource-view):not(#project-view) .dp-layout--head { padding-top: 44px; } .dp-layout:not(#datasource-view):not(#project-view) .headroom-wrapper .dp-layout--head { padding-top: 12px; } .dp-layout .dp-layout--head { background: var(--pxl-body-background) !important; padding: 2rem 0 0 0 !important; } .dp-layout .dp-layout--head.headroom--unpinned { margin-top: 2rem !important; } .dp-layout .dp-layout--foot { padding: 3rem; background: none; width: calc(100% - 4rem); } .dp-layout .dp-layout--foot .dp-layout--logo { margin-top: -1rem; } .dp-layout--section.dp-layout--aside.dp-layout--aside-absolute-left .dp-layout--aside-head, .dp-layout--section.dp-layout--aside.dp-layout--aside-absolute-left .dp-layout--aside-body, .dp-layout--section.dp-layout--aside.dp-layout--aside-absolute-left .dp-layout--aside-foot { padding-left: 2rem; } .dp-layout--section.dp-layout--aside .dp-layout--aside-head { padding-bottom: 0; } .dp-layout--withaside { width: calc(100% - (372px + 2rem)); } .dp-layout--withaside.dp-layout--collapsed-aside { width: calc(100% - 112px); } .dp-layout--aside { border: 1px solid var(--pxl-input-border-color); border-radius: 3px; } .dp-layout--aside .dp-layout--aside-head { background: var(--pxl-primary-tint-00) !important; } .dp-layout--aside.dp-layout--aside-absolute { top: 2rem !important; height: calc(100% - 4rem) !important; } .dp-layout--aside.dp-layout--aside-absolute.dp-layout--aside-absolute-right { right: 4rem !important; } .header-relative { left: unset; height: calc(100vh - 6rem) !important; transform: translateY(-2rem) !important; } .header-relative .dp-layout--aside { width: 100%; } .header-relative .dp-layout--aside.dp-layout--aside-absolute { position: absolute; top: 2rem !important; height: calc(100% - 4rem) !important; display: flex !important; flex-direction: column; } .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-head { flex-grow: 0; } .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: none !important; flex-grow: 1; overflow: auto; } .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-foot { flex-grow: 0; } .header-unpinned .header-relative { height: 100vh !important; transform: translateY(-8rem) !important; } #config-builder .dp-layout--section.dp-layout--aside .dp-layout--aside-head, #config-builder .dp-layout--section.dp-layout--aside .dp-layout--aside-body, #config-builder .dp-layout--section.dp-layout--aside .dp-layout--aside-foot { padding-left: 2rem; } .header-unpinned #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: none; } #config-builder .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: none; } div.admin .dp-layout .dp-layout--body, div.governance .dp-layout .dp-layout--body, div.reports .dp-layout .dp-layout--body, div.purpose .dp-layout .dp-layout--body, [profile] .dp-layout .dp-layout--body { min-height: calc(100% - 124px); } div.admin .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside, div.governance .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside, div.reports .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside, div.purpose .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside, [profile] .dp-layout .dp-layout--body .dp-layout--section.dp-layout--aside + .dp-layout--withaside { margin-left: calc(372px + 2rem); } #config-menu.header-relative { height: calc(100vh - 12.5rem) !important; transform: translateY(6rem) !important; } .header-unpinned #config-menu.header-relative { height: calc(100vh - 6rem) !important; transform: translateY(0) !important; } #policy-adjustment .dp-layout--section.dp-layout--withaside { width: calc(100% - 300px); margin-left: 300px; } #policy-adjustment .dp-layout--section.dp-layout--withaside.dp-layout--expand { margin-left: 96px; } #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section.dp-layout--withaside { width: calc(100% - 300px); } #policy-adjustment .dp-layout--section.dp-layout--withaside .dp-layout--section.dp-layout--aside { width: 300px; } #policy-adjustment .dp-layout--section.dp-layout--aside.dp-layout--aside-base { width: calc(300px - 2rem); } #policy-adjustment .dp-layout--section.dp-layout--aside.dp-layout--collapsed { width: calc(96px - 2rem) !important; } #search-view .dp-layout--component .dp-layout--section.dp-layout--aside { top: 4rem; margin-right: 6rem; height: calc(100% - 4rem) !important; } #search-view .dp-layout--component .dp-layout--section.dp-layout--aside .dp-layout-scroll-vertical .dp-layout--section { padding: 0; margin-bottom: 2rem; } #search-view .dp-layout--component .dp-layout--withaside { width: calc(100% - (372px + 12rem)); } #search-view .dp-layout--component .dp-layout--withaside > .dp-layout > .dp-layout--body > .dp-layout--section { border: 1px solid var(--pxl-color-default-border) !important; } #search-view .dp-layout--body > .dp-layout--section:nth-child(2n) { margin-top: 3rem; } #search-view datasource-list > .dp-layout--body, #search-view project-list > .dp-layout--body { padding-right: 0 !important; } .dp-layout--body project-list pxl-page-header header, .dp-layout--body datasource-list pxl-page-header header { padding: 0; } .dp-layout--body project-list pxl-page-header header .pxl-row .pxl-col, .dp-layout--body datasource-list pxl-page-header header .pxl-row .pxl-col { min-height: 4.5rem; } .dp-layout--body project-list pxl-page-header header .pxl-row + h2.pxl-page-title, .dp-layout--body datasource-list pxl-page-header header .pxl-row + h2.pxl-page-title { position: relative; margin-top: -4.5rem; } .dp-layout--body project-list pxl-page-header header pxl-breadcrumbs, .dp-layout--body datasource-list pxl-page-header header pxl-breadcrumbs { display: none; } .dp-layout--body > .dp-layout--section:first-child, .dp-layout--body > * > .dp-layout--section:first-child, #search-view .dp-layout--body > .dp-layout--section:nth-child(2n), #infrastucture-details > .dp-layout--body > div:first-child, #project-view .dp-layout--body .dp-layout--section:first-child > .dp-layout--section, #project-view .dp-layout--body .dp-layout--section:nth-child(2n), #data-policies.dp-layout--section, #purposes-list.dp-layout--section, #governance-notification > .dp-layout--section, #framework-rule .dp-layout--body > .pxl-row, #governance-report-view .dp-layout--section > .dp-layout--section, #purpose-details .dp-layout--withaside > .dp-layout--section, #search-view .dp-layout--component .dp-layout--section.dp-layout--aside { display: block; padding: 3rem !important; background: var(--pxl-primary-tint-00); border: 1px solid var(--pxl-input-border-color); border-radius: 3px; } .dp-layout--body > .dp-layout--section:first-child:has(.dp-layout--withaside), .dp-layout--body > .dp-layout--section:first-child:has(.k-grid), .dp-layout--body > * > .dp-layout--section:first-child:has(.dp-layout--withaside), .dp-layout--body > * > .dp-layout--section:first-child:has(.k-grid), #search-view .dp-layout--body > .dp-layout--section:nth-child(2n):has(.dp-layout--withaside), #search-view .dp-layout--body > .dp-layout--section:nth-child(2n):has(.k-grid), #infrastucture-details > .dp-layout--body > div:first-child:has(.dp-layout--withaside), #infrastucture-details > .dp-layout--body > div:first-child:has(.k-grid), #project-view .dp-layout--body .dp-layout--section:first-child > .dp-layout--section:has(.dp-layout--withaside), #project-view .dp-layout--body .dp-layout--section:first-child > .dp-layout--section:has(.k-grid), #project-view .dp-layout--body .dp-layout--section:nth-child(2n):has(.dp-layout--withaside), #project-view .dp-layout--body .dp-layout--section:nth-child(2n):has(.k-grid), #data-policies.dp-layout--section:has(.dp-layout--withaside), #data-policies.dp-layout--section:has(.k-grid), #purposes-list.dp-layout--section:has(.dp-layout--withaside), #purposes-list.dp-layout--section:has(.k-grid), #governance-notification > .dp-layout--section:has(.dp-layout--withaside), #governance-notification > .dp-layout--section:has(.k-grid), #framework-rule .dp-layout--body > .pxl-row:has(.dp-layout--withaside), #framework-rule .dp-layout--body > .pxl-row:has(.k-grid), #governance-report-view .dp-layout--section > .dp-layout--section:has(.dp-layout--withaside), #governance-report-view .dp-layout--section > .dp-layout--section:has(.k-grid), #purpose-details .dp-layout--withaside > .dp-layout--section:has(.dp-layout--withaside), #purpose-details .dp-layout--withaside > .dp-layout--section:has(.k-grid), #search-view .dp-layout--component .dp-layout--section.dp-layout--aside:has(.dp-layout--withaside), #search-view .dp-layout--component .dp-layout--section.dp-layout--aside:has(.k-grid) { padding: 0 !important; background: none; border: none; border-radius: 0; } .dp-layout--body > .dp-layout--section:first-child:has(.dp-layout--withaside):has(pxl-section-header), .dp-layout--body > .dp-layout--section:first-child:has(.k-grid):has(pxl-section-header), .dp-layout--body > * > .dp-layout--section:first-child:has(.dp-layout--withaside):has(pxl-section-header), .dp-layout--body > * > .dp-layout--section:first-child:has(.k-grid):has(pxl-section-header), #search-view .dp-layout--body > .dp-layout--section:nth-child(2n):has(.dp-layout--withaside):has(pxl-section-header), #search-view .dp-layout--body > .dp-layout--section:nth-child(2n):has(.k-grid):has(pxl-section-header), #infrastucture-details > .dp-layout--body > div:first-child:has(.dp-layout--withaside):has(pxl-section-header), #infrastucture-details > .dp-layout--body > div:first-child:has(.k-grid):has(pxl-section-header), #project-view .dp-layout--body .dp-layout--section:first-child > .dp-layout--section:has(.dp-layout--withaside):has(pxl-section-header), #project-view .dp-layout--body .dp-layout--section:first-child > .dp-layout--section:has(.k-grid):has(pxl-section-header), #project-view .dp-layout--body .dp-layout--section:nth-child(2n):has(.dp-layout--withaside):has(pxl-section-header), #project-view .dp-layout--body .dp-layout--section:nth-child(2n):has(.k-grid):has(pxl-section-header), #data-policies.dp-layout--section:has(.dp-layout--withaside):has(pxl-section-header), #data-policies.dp-layout--section:has(.k-grid):has(pxl-section-header), #purposes-list.dp-layout--section:has(.dp-layout--withaside):has(pxl-section-header), #purposes-list.dp-layout--section:has(.k-grid):has(pxl-section-header), #governance-notification > .dp-layout--section:has(.dp-layout--withaside):has(pxl-section-header), #governance-notification > .dp-layout--section:has(.k-grid):has(pxl-section-header), #framework-rule .dp-layout--body > .pxl-row:has(.dp-layout--withaside):has(pxl-section-header), #framework-rule .dp-layout--body > .pxl-row:has(.k-grid):has(pxl-section-header), #governance-report-view .dp-layout--section > .dp-layout--section:has(.dp-layout--withaside):has(pxl-section-header), #governance-report-view .dp-layout--section > .dp-layout--section:has(.k-grid):has(pxl-section-header), #purpose-details .dp-layout--withaside > .dp-layout--section:has(.dp-layout--withaside):has(pxl-section-header), #purpose-details .dp-layout--withaside > .dp-layout--section:has(.k-grid):has(pxl-section-header), #search-view .dp-layout--component .dp-layout--section.dp-layout--aside:has(.dp-layout--withaside):has(pxl-section-header), #search-view .dp-layout--component .dp-layout--section.dp-layout--aside:has(.k-grid):has(pxl-section-header) { padding-top: 3rem !important; } .dp-layout--body > .dp-layout--section:first-child.dp-layout--aside-absolute, .dp-layout--body > * > .dp-layout--section:first-child.dp-layout--aside-absolute, #search-view .dp-layout--body > .dp-layout--section:nth-child(2n).dp-layout--aside-absolute, #infrastucture-details > .dp-layout--body > div:first-child.dp-layout--aside-absolute, #project-view .dp-layout--body .dp-layout--section:first-child > .dp-layout--section.dp-layout--aside-absolute, #project-view .dp-layout--body .dp-layout--section:nth-child(2n).dp-layout--aside-absolute, #data-policies.dp-layout--section.dp-layout--aside-absolute, #purposes-list.dp-layout--section.dp-layout--aside-absolute, #governance-notification > .dp-layout--section.dp-layout--aside-absolute, #framework-rule .dp-layout--body > .pxl-row.dp-layout--aside-absolute, #governance-report-view .dp-layout--section > .dp-layout--section.dp-layout--aside-absolute, #purpose-details .dp-layout--withaside > .dp-layout--section.dp-layout--aside-absolute, #search-view .dp-layout--component .dp-layout--section.dp-layout--aside.dp-layout--aside-absolute { padding: 0 !important; } datasource-list > .dp-layout--body > .dp-layout--section:first-child, datasource-list > .dp-layout--body > .mat-mdc-tab-nav-panel .dp-layout--section:first-child, project-list > .dp-layout--body > .dp-layout--section:first-child, #project-view .dp-layout--body #policy-adjustment .dp-layout--section:first-child > .dp-layout--section, #policy-adjustment > .dp-layout--section > .dp-layout--section { padding: 0 !important; background: none; border: none; border-radius: 0; } #project-view .dp-layout--body .dp-layout--section:first-child > .dp-layout--section, #purpose-details .dp-layout--withaside > .dp-layout--section { margin-bottom: 2rem; } #project-view .dp-layout--body .dp-layout--section:first-child > .dp-layout--section:last-child, #purpose-details .dp-layout--withaside > .dp-layout--section:last-child { margin-bottom: 0; } .dp-section .dp-section--header { background: var(--pxl-body-background); } .dp-section .dp-section--header.dp-section--header---sticky:before, .dp-section .dp-section--header.dp-section--header---sticky:after { background: var(--pxl-body-background); } .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value:before { background-color: var(--pxl-body-background) !important; } .dp-editor--base .dp-layout--hr.dp-layout--hr-text .dp-layout--hr-value:before { background: var(--pxl-primary-tint-00) !important; } @media screen and (max-width: 920px) { add-datasource .dp-layout .dp-layout--body .header-relative, add-project .dp-layout .dp-layout--body .header-relative, #config-builder .dp-layout .dp-layout--body .header-relative { height: 9rem !important; width: calc(100% - 12rem); transform: translateY(0) !important; background: var(--pxl-body-background); z-index: 20; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-layout--aside, add-project .dp-layout .dp-layout--body .header-relative .dp-layout--aside, #config-builder .dp-layout .dp-layout--body .header-relative .dp-layout--aside { border: 0 !important; top: 0 !important; left: 0 !important; height: auto !important; width: calc(100% - 3rem) !important; background: transparent !important; } add-datasource .dp-layout .dp-layout--body .header-relative .dp-layout--aside .dp-layout--aside-foot, add-project .dp-layout .dp-layout--body .header-relative .dp-layout--aside .dp-layout--aside-foot, #config-builder .dp-layout .dp-layout--body .header-relative .dp-layout--aside .dp-layout--aside-foot { width: 100% !important; } } add-status .dp-layout--body { top: 52px; } .dp-layout--empty > .material-icons, .dp-layout--empty > div .material-icons { fill: currentColor; } dl.pxl-definition-list.pxl-definition-list dt + dd a:not(.pxl-dl-no-margin) { margin: -0.75rem 0 !important; } .pxl-w-fit-content { width: fit-content !important; } kbd { padding: 0.5rem 1rem; background: var(--pxl-primary-tint-01); border: solid 1px var(--pxl-primary-tint-03); border-radius: 0.5rem; color: var(--pxl-color-font); } pxl-page-header h1.pxl-page-title, policy-detail-overview, dl { word-break: break-word; } .pxl-icon-immuta:before { color: currentColor !important; } .empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; } .empty-state--icon { display: inline-block; border-radius: 50%; padding: 1.125rem; margin-top: 1.125rem; margin-bottom: 1.125rem; font-size: 24px; background: var(--pxl-action-tint-01); color: var(--pxl-action); } [pxlskeletonloader][shape=circle] + [pxlskeletonloader] .pxl-skeleton-loader { top: -1.75rem; } .pxl-grid-success { color: var(--pxl-success); } .pxl-grid-filter-menu { max-height: 415px !important; min-width: 210px !important; } pxl-vertical-nav { position: fixed; top: 8rem; left: 2rem; height: calc(100vh - 10rem); overflow: auto; z-index: 10; } pxl-vertical-nav.header-pinned { top: 8rem; height: calc(100vh - 10rem); } pxl-vertical-nav.header-unpinned { top: 2rem; height: calc(100vh - 4rem); } .security-banner.top .pxl__main, .security-banner.top .pxl__toolbar-container, .security-banner.both .pxl__main, .security-banner.both .pxl__toolbar-container { top: 3.5rem !important; } .security-banner.top .header-relative, .security-banner.both .header-relative { top: 10.5rem; } .security-banner.top app-configuration .dp-layout--head---fixed, .security-banner.top #app-configuration-view .dp-layout--head---fixed, .security-banner.both app-configuration .dp-layout--head---fixed, .security-banner.both #app-configuration-view .dp-layout--head---fixed { top: 10.5rem !important; } .security-banner.top #config-builder .header-relative, .security-banner.both #config-builder .header-relative { top: 10.5rem; } .security-banner.top pxl-vertical-nav, .security-banner.both pxl-vertical-nav { top: 11.5rem; } .security-banner.top pxl-vertical-nav.header-unpinned, .security-banner.both pxl-vertical-nav.header-unpinned { top: 5.5rem; } .security-banner.top pxl-vertical-nav, .security-banner.bottom pxl-vertical-nav { height: calc(100vh - 13.5rem); } .security-banner.top pxl-vertical-nav .pxl__vertical-nav-container, .security-banner.bottom pxl-vertical-nav .pxl__vertical-nav-container { height: calc(100vh - 13.5rem); } .security-banner.top pxl-vertical-nav.header-unpinned, .security-banner.bottom pxl-vertical-nav.header-unpinned { height: calc(100vh - 7.5rem); } .security-banner.top pxl-vertical-nav.header-unpinned .pxl__vertical-nav-container, .security-banner.bottom pxl-vertical-nav.header-unpinned .pxl__vertical-nav-container { height: calc(100vh - 7.5rem); } .security-banner.top .header-relative, .security-banner.bottom .header-relative { height: calc(100vh - 10.5rem); } .security-banner.top .header-unpinned .header-relative, .security-banner.bottom .header-unpinned .header-relative { height: calc(100vh - 3.5rem); } .security-banner.top #config-builder .header-relative, .security-banner.bottom #config-builder .header-relative { height: calc(100vh - 8.5rem); } .security-banner.top #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 34rem); } .security-banner.top .header-unpinned #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body, .security-banner.bottom .header-unpinned #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 25rem); } .security-banner.top div.admin, .security-banner.top div.governance, .security-banner.top profile, .security-banner.bottom div.admin, .security-banner.bottom div.governance, .security-banner.bottom profile { min-height: calc(100vh - 10.5rem); } .security-banner.both pxl-vertical-nav { height: calc(100vh - 17.5rem); } .security-banner.both pxl-vertical-nav .pxl__vertical-nav-container { height: calc(100vh - 17.5rem); } .security-banner.both pxl-vertical-nav.header-unpinned { height: calc(100vh - 11.5rem); } .security-banner.both pxl-vertical-nav.header-unpinned .pxl__vertical-nav-container { height: calc(100vh - 11.5rem); } .security-banner.both pxl-vertical-nav + .pxl__main, .security-banner.both pxl-vertical-nav + div + .pxl__main { height: calc(100% - 14rem); } .security-banner.both .header-relative { top: 16rem; height: calc(100vh - 15rem); } .security-banner.both .header-unpinned .header-relative { height: calc(100vh - 7rem); } .security-banner.both #config-builder .header-relative { top: 10.5rem; height: calc(100vh - 12rem); } .security-banner.both #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 37rem); } .security-banner.both .header-unpinned #config-builder .header-relative .dp-layout--aside.dp-layout--aside-absolute .dp-layout--aside-body { max-height: calc(100vh - 28rem); } .security-banner.both div.admin, .security-banner.both div.governance, .security-banner.both profile { min-height: calc(100vh - 14rem); } system-banner .dp-banner { padding: 0 3rem; line-height: 3.5rem; } #beamerSelector, #beamerLastPostTitle, #beamerLastPostTitle.active { display: none !important; } .beamer_icon { background-color: #a6bbff !important; height: 10px !important; width: 10px !important; color: transparent !important; -webkit-user-select: none; user-select: none; position: absolute !important; left: unset !important; top: 1px !important; right: 1px !important; border-radius: 50% !important; } .beamer_icon.active { animation: none !important; } #beamer.mdc-button { position: relative !important; width: calc(100% - 1rem) !important; padding-left: 1rem !important; padding-right: 1rem !important; margin: 0.75rem 0.5rem !important; font-size: 2.25rem !important; height: 5rem !important; border-radius: 0.5rem !important; justify-content: flex-start !important; } #beamer.mdc-button pxl-icon { font-size: 2rem !important; margin-right: 0 !important; margin-left: 0.325rem !important; color: var(--pxl-nav-inactive-font-color) !important; } #beamer.mdc-button pxl-icon + span { display: none; color: var(--pxl-nav-inactive-font-color) !important; } .pxl__vertical-nav-container--open #beamer.mdc-button pxl-icon { margin-right: 1.75rem !important; } .pxl__vertical-nav-container--open #beamer.mdc-button pxl-icon + span { display: block !important; } #beamer.mdc-button.mat-mdc-button-disabled pxl-icon { color: var(--pxl-nav-disabled-font-color) !important; } #beamer.mdc-button.mat-mdc-button-disabled pxl-icon + span { color: var(--pxl-nav-disabled-font-color) !important; } .app-selection-menu { width: 20rem; margin-left: 2rem; background: #282828 !important; } .mat-mdc-button-base:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mat-button-filled-container-shape: 2px; --mat-button-outlined-container-shape: 2px; --mat-button-protected-container-shape: 2px; --mat-button-text-container-shape: 2px; } a:hover { text-decoration: none; color: var(--pxl-action); } .dp-button .dp-button--value { font-size: 14px; font-weight: 400; } .dp-button.dp-button--color { color: var(--pxl-action-tint-10); } .dp-button.dp-button--color.dp-button--activated { background-color: var(--pxl-action-tint-01); } .dp-button.dp-button--color:hover { color: var(--pxl-action-color-hover); background-color: var(--pxl-action-tint-01); box-shadow: none; } .dp-button.dp-button--color.dp-button--outline { border-color: var(--pxl-action-tint-05) !important; } .dp-button.dp-button--solid { color: var(--pxl-action-tint-00); background-color: var(--pxl-action-tint-10); } .dp-button.dp-button--solid:hover { color: var(--pxl-action-tint-00); background-color: var(--pxl-action-color-hover); box-shadow: none; } .dp-button.dp-button--inline:hover { background: transparent !important; } .dp-button:active { box-shadow: none; } .dp-button.dp-button--multiline { min-height: 48px !important; } .dp-button.dp-button--sm { height: 32px; line-height: 32px; } .dp-button.dp-button--sm.dp-button--outline { line-height: 30px; } .dp-button.dp-button--sm.dp-button--icon .material-icons { line-height: 32px; } .dp-button.dp-button--outline.pxl-border-error { border-color: var(--pxl-error) !important; } .dp-button[disabled] { opacity: 0.7; } .dp-button.dp-button--solid:focus:not(:active) { background-color: var(--pxl-action-color-hover); box-shadow: none; } .dp-button.dp-button--inline:hover, .dp-button.dp-button--inline:focus { border-color: var(--pxl-action-tint-01); } .dp-button.dp-button--inline .material-icons { fill: var(--pxl-color-font); } .dp-button.active, .dp-button--active { background: var(--pxl-primary-tint-01); color: var(--pxl-color-font); box-shadow: inset 0 0 0 2px 1px solid var(--pxl-input-border-color); } .dp-button--deletable { display: inline-flex; align-items: center; justify-items: center; justify-content: center; } .dp-button[disabled][disabled], .dp-button.dp-button--disabled, .dp-button.disabled, .dp-button.dp-button--outline[disabled][disabled], .dp-button.dp-button--outline.dp-button--disabled, .dp-button.dp-button--outline.disabled, .dp-button.dp-button--solid[disabled][disabled], .dp-button.dp-button--solid.dp-button--disabled, .dp-button.dp-button--solid.disabled { color: var(--pxl-primary-tint-04) !important; background-color: var(--pxl-primary-tint-02) !important; border: 0 !important; opacity: 1 !important; } .mdc-button.mat-button-full { width: 100% !important; height: auto !important; min-height: 4.55rem !important; } .mdc-button.mat-button-full:not(.pxl-text-center) { justify-content: start !important; } .mdc-button.mat-button-full .mdc-button__label { display: block !important; } button.mat-mdc-menu-item.mat-selected-button, button.mat-menu-item.mat-selected-button { background: var(--pxl-primary-tint-02); } .pxl-button-toggle-checked { background-color: var(--pxl-action-tint-01) !important; border: thin solid var(--pxl-action-shade-01) !important; color: var(--pxl-action-shade-01) !important; } a.dp-button--inline, a.dp-button.dp-button--inline, activity-sidebar a { position: relative; text-decoration: none !important; color: var(--pxl-action) !important; transition: ease all var(--pxl-animation-speed, 0.2s); } a.dp-button--inline:after, a.dp-button.dp-button--inline:after, activity-sidebar a:after { content: ""; height: 1px; width: 100%; position: absolute; left: 0; bottom: -0.25rem; background-color: currentColor; transition: ease opacity var(--pxl-animation-speed, 0.2s); opacity: 0; } a.dp-button--inline:hover, a.dp-button.dp-button--inline:hover, activity-sidebar a:hover { color: var(--pxl-action) !important; background: transparent !important; } a.dp-button--inline:hover:after, a.dp-button.dp-button--inline:hover:after, activity-sidebar a:hover:after { opacity: 0.5; } .dp-button, .dp-button.dp-button--color { color: var(--pxl-primary-tint-10) !important; } .dp-button:not(.dp-button--inline):not(.dp-button--toggle):not(.dp-toggle--label):not(.dp-button--solid), .dp-button.dp-button--color:not(.dp-button--inline):not(.dp-button--toggle):not(.dp-toggle--label):not(.dp-button--solid) { margin-left: 1rem !important; margin-right: 1rem !important; } .dp-button:not(.dp-button--inline):not(.dp-button--toggle):not(.dp-toggle--label):not(.dp-button--solid):hover, .dp-button.dp-button--color:not(.dp-button--inline):not(.dp-button--toggle):not(.dp-toggle--label):not(.dp-button--solid):hover { background-color: rgba(var(--pxl-color-inverse-rgb), 0.05) !important; } .dp-button:not(.dp-button--inline):not(.dp-button--toggle):not(.dp-toggle--label):not(.dp-button--solid).pxl-mx-0, .dp-button.dp-button--color:not(.dp-button--inline):not(.dp-button--toggle):not(.dp-toggle--label):not(.dp-button--solid).pxl-mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .dp-button.dp-button--toggle, .dp-button.dp-button--color.dp-button--toggle { padding-left: 1rem; padding-right: 1rem; } .dp-button.dp-button--solid, .dp-button.dp-button--color.dp-button--solid { color: var(--pxl-primary-tint-00) !important; background-color: var(--pxl-primary-tint-10) !important; } .dp-button.dp-button--solid:hover, .dp-button.dp-button--color.dp-button--solid:hover { background-color: var(--pxl-primary-tint-08) !important; } .dp-button.dp-button--outline, .dp-button.dp-button--color.dp-button--outline { background: var(--pxl-primary-tint-00) !important; border: 1px solid var(--pxl-primary-tint-03) !important; } .dp-button.dp-button--outline:hover, .dp-button.dp-button--color.dp-button--outline:hover { background-color: rgba(var(--pxl-color-inverse-rgb), 0.05) !important; border-color: var(--pxl-primary-tint-04) !important; } .dp-button.dp-button--icon .material-icons { margin: 0 -1rem 0 1.5rem; } .dp-head .dp-button { height: 4.5rem; line-height: 4.5rem; } .dp-head .dp-button.dp-button--icon { width: 4.5rem; min-width: 4.5rem; text-align: center; padding: 0 !important; position: relative; } .dp-head .dp-button.dp-button--icon #notification-dot { position: absolute; top: 0; right: 0; height: 1rem; width: 1rem; border-radius: 0.5rem; background: var(--pxl-action-tint-10); } #clear-search { color: #707070; height: 4rem; margin: -0.25rem; line-height: 4rem; } button span.pxl-highlight { margin-left: 0 !important; } .mat-card.info-card, .pxl-card.info-card, .mat-mdc-card.info-card, .mdc-card.info-card { height: 100%; } .mat-card.info-card .mat-mdc-card-title, .pxl-card.info-card .mat-mdc-card-title, .mat-mdc-card.info-card .mat-mdc-card-title, .mdc-card.info-card .mat-mdc-card-title { font-size: 4rem !important; line-height: 5rem !important; font-weight: 300 !important; font-family: var(--pxl-font-family-secondary) !important; } .pxl-selectable-card label { display: block; height: 100%; width: 100%; } .pxl-selectable-card label .pxl-card { height: 100%; } .pxl-selectable-card.left-aligned-check pxl-icon.pxl-selectable-card-indicator { left: 1.5rem !important; } .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type { color: #707070 !important; margin-right: 0 !important; } .dp-radio.dp-radio--card .dp-radio--input + .dp-radio--label + .dp-radio--img + .dp-menu--with-icon .dp-button.dp-button--color:first-of-type:hover { background: #ececec !important; } #search-filters .mat-mdc-card-footer { padding-top: 2rem !important; margin-top: 3rem; } .k-chart-overlay { --kendo-color-surface: var(--pxl-color-main-background); color: var(--pxl-primary-tint-05); } .pxl-tags .mat-standard-chip.mat-primary, .pxl-tags .mat-standard-chip.mat-tag-1 { background: var(--pxl-primary-tint-02) !important; border-color: var(--pxl-primary-tint-02) !important; } .pxl-flags .mat-standard-chip, .pxl-flags .mat-standard-chip.mat-primary { background: var(--pxl-primary-tint-02); } .pxl-flags .mat-standard-chip:hover, .pxl-flags .mat-standard-chip:focus, .pxl-flags .mat-standard-chip.mat-primary:hover, .pxl-flags .mat-standard-chip.mat-primary:focus { background: var(--pxl-primary-tint-02); } header .pxl-flag-wrapper { margin: 0 !important; } pxl-chip i { align-self: center; } tag pxl-chip { cursor: pointer !important; } .multi-chip-selection-form-field .mdc-evolution-chip-set__chips { row-gap: 1rem !important; } .multi-chip-selection-form-field .mdc-evolution-chip-set__chips:has(mat-chip) { padding-top: 1.25rem !important; padding-bottom: 1rem !important; } .pxl-cursor-pointer { cursor: pointer !important; } .pxl-cursor-pointer .mdc-evolution-chip__action--presentational { cursor: pointer !important; } condensed-tag + condensed-tag pxl-chip-list { margin-left: 0.5rem; } .dp-list--item + .dp-list--item pxl-chip-list { margin-left: 0.5rem; display: inline-block; } .pxl-option--color .mat-option-text { display: flex; align-items: center; } .pxl-select-color { width: 1.25rem; height: 1.25rem; border-radius: 100%; margin-right: 1rem; } .pxl-select-color--primary { background: var(--pxl-chip-bg-primary); border-color: var(--pxl-chip-bg-primary); } .pxl-select-color--success { background: var(--pxl-flag-bg-success); border-color: var(--pxl-flag-border-success); } .pxl-select-color--warning { background: var(--pxl-flag-bg-warning); border-color: var(--pxl-flag-border-warning); } .pxl-select-color--error { background: var(--pxl-flag-bg-error); border-color: var(--pxl-flag-border-error); } .pxl-select-color--general { background: var(--pxl-flag-bg-general); border-color: var(--pxl-flag-border-general); } .pxl-select-color--info { background: var(--pxl-flag-bg-info); border-color: var(--pxl-flag-border-info); } pxl-page-header:has(pxl-flags) .mat-tab-nav-bar, pxl-page-header:has(pxl-mat-flags) .mat-tab-nav-bar { margin-top: 1rem !important; } #overview > .pxl-mt-4 { margin-top: 0 !important; } domain-settings > mat-card, domain-overview .dp-layout--section { margin-top: 1.5rem !important; } .pxl-form-field-flex, .dp-menu.dp-menu--with-label { background-color: var(--pxl-color-main-background); } pxl-search-input { display: block; margin-bottom: 2.375rem; } pxl-search-input .mat-mdc-form-field-subscript-wrapper, pxl-search-input .mat-mdc-form-field-bottom-align::before { display: none; } .pxl-row pxl-search-input { margin-bottom: 0 !important; } pxl-search-input .pxl-form-field-flex { height: 36px; } #console-search .mat-mdc-form-field[size=small] .mat-mdc-text-field-wrapper, #console-search .mat-form-field--small .mat-mdc-text-field-wrapper { height: 4.25rem; } .autocomplete-empty { font-style: italic; padding-left: 2rem; padding-right: 2rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } ngb-typeahead-window { min-width: 250px !important; } typeahead-container .dropdown-item { display: flex !important; } policy-conditions .mat-mdc-form-field[size=small] .mat-mdc-text-field-wrapper, policy-conditions .mat-form-field--small .mat-mdc-text-field-wrapper, policy-conditions-pxl .mat-mdc-form-field[size=small] .mat-mdc-text-field-wrapper, policy-conditions-pxl .mat-form-field--small .mat-mdc-text-field-wrapper { height: 4.75rem; line-height: 2.75rem; margin-top: 1px; } .pxl-tree-builder--input_container { display: flex !important; align-items: center; } .pxl-tree-builder--input_container > span, .pxl-tree-builder--input_container > div { display: initial; } .pxl-tree-builder--input_container .dp-textfield--actions { display: inline-flex !important; } .pxl-tree-builder--input_container .dp-textfield--actions > span, .pxl-tree-builder--input_container .dp-textfield--actions > div { display: inline-flex; align-self: stretch; } .pxl-tree-builder--input_container .dp-textfield--actions > span button, .pxl-tree-builder--input_container .dp-textfield--actions > div button { height: 100%; } .pxl-tree-builder--input_container pxl-form-field { display: inline-flex !important; max-width: 250px; } .pxl-tree-builder--input_container pxl-form-field .mat-form-field-wrapper { margin-bottom: 0 !important; padding-bottom: 0 !important; } .pxl-tree-builder--input_container pxl-select-trigger { display: flex; align-items: center; } .filter-menu-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper { margin: 0 !important; padding-bottom: 0 !important; } entity-builder .dp-textfield ngb-typeahead-window pxl-stacked-text-display, policy-condition-value pxl-stacked-text-display { padding: 0 !important; } .dp-table--cell h4:not(.dp-typography-display-4) { margin: 2rem 0 1rem; } .dp-table--cell a { color: var(--pxl-action); } .dp-table--cell:not(.dp-table--with-actions) .mat-mdc-button-base { width: auto !important; margin-left: 0 !important; } .dp-table--cell:not(.dp-table--with-actions) .mat-mdc-button-base.button-ellipsis .mdc-button__label { display: block !important; text-overflow: ellipsis; overflow: hidden; } .dp-table--cell:not(.dp-table--with-actions) .mat-mdc-button-base.button-nowrap .mdc-button__label { white-space: nowrap; } .dp-table .dp-table--cell .mat-form-field-appearance-outline .mat-form-field-wrapper { margin: 0 !important; padding: 0 !important; } .dp-table--wrap + .dp-pagination { float: none; } .dp-table--wrap + .dp-pagination + .dp-message { float: none; } .dp-table tbody .dp-table--row .dp-table--cell.dp-table--with-actions .dp-menu .dp-button.dp-button { margin: 0 !important; } .dp-table tbody .dp-table--row .dp-table--cell > div:not(.dp-editor, .dp-layout--empty) button.dp-button.dp-button { margin-left: -2rem !important; } .k-grid { --kendo-font-family: var(--pxl-font-family-primary) !important; --kendo-color-error: var(--pxl-error) !important; } .k-grid kendo-pager-prev-buttons, .k-grid kendo-pager-next-buttons { padding-top: 0; padding-bottom: 0; } .k-grid .k-table-th > .k-checkbox, .k-grid .k-table-th > .k-checkbox-wrap, .k-grid th > .k-checkbox, .k-grid th > .k-checkbox-wrap, .k-grid .k-table-td > .k-checkbox, .k-grid .k-table-td > .k-checkbox-wrap, .k-grid td > .k-checkbox, .k-grid td > .k-checkbox-wrap { vertical-align: middle !important; } .k-grid a { cursor: pointer; } .k-grid-pager { border-top: solid 1px var(--pxl-primary-tint-02) !important; background: var(--pxl-color-main-background) !important; } .k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td { --kendo-color-primary: var(--pxl-primary-tint-03) !important; } .k-grid.k-empty-grid .k-pager-wrap, .k-grid.k-empty-grid .k-grid-header { display: none; } .k-grid-norecords .k-table-td { border-bottom-color: transparent !important; } .pxl-kendo-grid_table--no-borders.k-grid { border-top: transparent; } .pxl-kendo-grid_table--no-borders .k-pager-wrap { border-bottom: transparent; } .k-toolbar { background-color: var(--pxl-primary-tint-01) !important; color: var(--pxl-color-font); } .k-table-td .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper { display: none; } .mat-mdc-card .mat-mdc-card-content kendo-grid.k-grid .k-grid-pager { padding: 0 2rem 0 1rem !important; } .k-checkbox.k-invalid { border-color: var(--pxl-checkbox-border-color) !important; } .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown, .k-pager-numbers-wrap select.k-dropdownlist { cursor: pointer; display: none; } .k-list-ul .k-list-item.k-selected, .k-list-ul .k-selected { background: var(--pxl-primary-tint-02) !important; color: var(--pxl-primary-tint-08) !important; } .k-pager-info + .k-pager-sizes { border-left-color: var(--pxl-primary-tint-02) !important; } .k-pager-info + .k-pager-sizes .k-dropdown-list, .k-pager-info + .k-pager-sizes .k-dropdown, .k-pager-info + .k-pager-sizes .k-dropdownlist, .k-pager-info + .k-pager-sizes > select { padding: 0.5rem; color: var(--pxl-primary-tint-08) !important; } .keyboard-shortcuts .os-label { display: inline-flex; vertical-align: middle; margin-left: 5px; margin-right: 15px; } .keyboard-shortcuts .pxl-disable-hover--table-row.k-grid table tr:not(.k-detail-row):hover, .keyboard-shortcuts .pxl-disable-hover--table-row.k-grid table tr:not(.k-detail-row).k-state-hover, .keyboard-shortcuts .pxl-disable-hover--table-row.k-grid table td.k-state-focused, .keyboard-shortcuts .pxl-disable-hover--table-row.k-grid table th.k-state-focused, .keyboard-shortcuts .pxl-disable-hover--table-row.k-grid table th:focus, .keyboard-shortcuts .pxl-disable-hover--table-row.k-grid table .k-master-row > td:focus, .keyboard-shortcuts .pxl-disable-hover--table-row.k-grid table .k-grouping-row > td:focus, .keyboard-shortcuts .pxl-disable-hover--table-row.k-grid table .k-detail-row > td:focus, .keyboard-shortcuts .pxl-disable-hover--table-row.k-grid table .k-group-footer > td:focus { background-color: transparent !important; } ag-grid-angular { color: var(--pxl-color-font); background: transparent; } ag-grid-angular.ag-theme-balham { color: var(--pxl-color-font); } ag-grid-angular.ag-theme-balham .ag-root-wrapper { background-color: transparent !important; border-color: var(--pxl-border-color); } ag-grid-angular.ag-theme-balham .ag-row { color: var(--pxl-color-font); background-color: var(--pxl-primary-tint-00); } ag-grid-angular.ag-theme-balham .ag-row.ag-row-odd { background-color: var(--pxl-primary-tint-00); } ag-grid-angular.ag-theme-balham .ag-popup * { color: var(--pxl-color-font) !important; } .k-table-td:has(sensitivity-donut) .pxl-d-inline-flex + .pxl-d-inline-flex { transform: translateY(-50%); } .cdk-overlay-pane.mat-mdc-dialog-panel { position: relative !important; --mat-dialog-container-max-width: calc(100vw - 96px) !important; --mat-dialog-container-min-width: 400px !important; } .cdk-overlay-pane.mat-mdc-dialog-panel.create-agent-dialog-panel { position: unset !important; } .cdk-overlay-container:has(.mat-mdc-dialog-container):has([ng-reflect-open=true]), .cdk-overlay-container:has(.mat-mdc-dialog-container):has([aria-controls^=mat-menu-]), .cdk-overlay-container:has(.mat-mdc-dialog-container):has([aria-controls^=mat-select-]), .cdk-overlay-container:has(.mat-mdc-dialog-container):has([aria-controls^=mat-autocomplete-]), .cdk-overlay-container:has(.mat-mdc-dialog-container):has(mat-menu[aria-controls]), .cdk-overlay-container:has(.mat-mdc-dialog-container):has(mat-select[aria-controls]), .cdk-overlay-container:has(.mat-mdc-dialog-container):has(mat-autocomplete[aria-controls]) { z-index: 999 !important; } body:has(ngb-modal-window) .cdk-overlay-container { z-index: 1051 !important; } .pxl-drawer-container { background: var(--pxl-color-main-background) !important; } .pxl-drawer-container .dp-layout { display: flex; flex-direction: column; height: 100vh; padding-bottom: 0 !important; } .pxl-drawer-container .dp-layout pxl-page-header { height: auto; flex-grow: 0; } .pxl-drawer-container .dp-layout .dp-layout--body { flex-grow: 1; overflow: auto; max-height: none; } .pxl-drawer-container .dp-layout .pxl-save-container { flex-grow: 0; position: relative !important; left: -2.5rem !important; width: calc(100% + 5rem) !important; padding-left: 2.5rem !important; } .pxl-drawer-container .side-sheet-content-name { white-space: pre-wrap; word-wrap: break-word; } #add .mat-mdc-dialog-content .dp-editor { position: relative; height: auto; max-height: calc(65vh - 3rem); overflow: auto; margin: 0 -3rem -2rem -3rem; width: calc(100% + 6rem); border: 0 !important; } #add .mat-mdc-dialog-content .dp-editor .dp-editor--head { padding: 2rem 3rem; } #add .mat-mdc-dialog-content .dp-editor .dp-editor--head .dp-typography-display-1, #add .mat-mdc-dialog-content .dp-editor .dp-editor--head .dp-typography-display-2, #add .mat-mdc-dialog-content .dp-editor .dp-editor--head .dp-typography-display-3, #add .mat-mdc-dialog-content .dp-editor .dp-editor--head .dp-typography-display-4, #add .mat-mdc-dialog-content .dp-editor .dp-editor--head .dp-typography-list-1, #add .mat-mdc-dialog-content .dp-editor .dp-editor--head .dp-typography-list-2, #add .mat-mdc-dialog-content .dp-editor .dp-editor--head .dp-typography-list-3, #add .mat-mdc-dialog-content .dp-editor .dp-editor--head .dp-typography-body-1, #add .mat-mdc-dialog-content .dp-editor .dp-editor--head .dp-typography-body-2 { padding: 0; } #add .mat-mdc-dialog-content .dp-editor .dp-editor--body { padding: 2rem 3rem; } #add .mat-mdc-dialog-content .dp-editor .dp-editor--foot { position: sticky; z-index: 999; bottom: 0; width: 100%; border: 0 !important; background-color: var(--mat-dialog-container-color); text-align: right; } .mat-mdc-dialog-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 3rem); } .dp-menu.dp-menu--with-label { left: -1rem; } .dp-menu.dp-menu--with-label .dropdown-toggle { border-color: var(--pxl-input-border-color) !important; } .dp-menu.dp-menu--with-label .dp-menu--label { margin-left: 1.125rem; } .dp-menu.dp-menu--with-label .dp-button.dp-button--outline { background: transparent !important; } .dp-menu.dp-menu--with-label .dp-button.dp-button--outline[disabled], .dp-menu.dp-menu--with-label .dp-button.dp-button--outline[disabled][disabled] { background: var(--pxl-primary-tint-02) !important; border: 1px solid var(--pxl-primary-tint-02) !important; } .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--button { height: auto; width: auto !important; line-height: 1.4em !important; padding-bottom: 1.25rem !important; } .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--button .dp-button--value { padding-top: 1rem; } .dp-menu.dp-menu--with-icon .dp-menu--list.dp-menu--icons .dp-menu--item .dp-menu--button .dp-button--value .dp-button.dp-button--inline { line-height: inherit !important; } .pxl-menu-panel { max-width: 46rem !important; } .mat-mdc-menu-item { margin-left: 0 !important; } .mat-mdc-menu-item.button-ellipsis .mat-mdc-menu-item-text { display: block !important; text-overflow: ellipsis; overflow: hidden; } .mat-mdc-menu-item.button-nowrap .mat-mdc-menu-item-text { white-space: nowrap; } button.mat-menu-item.pxl-selected-button.pxl-action { background: var(--pxl-action-tint-02); } .menu-trigger-text-and-icon { margin-left: 0 !important; padding-right: 1rem !important; } .menu-trigger-text-and-icon .mdc-button__label { width: 100% !important; } .menu-trigger-text-and-icon .mdc-button__label .pxl-flex-grow-1 { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menu-trigger-text-and-icon .mdc-button__label .pxl-flex-grow-1.max-25 { max-width: 25rem !important; } .menu-trigger-text-and-icon .mdc-button__label .pxl-flex-grow-0 { margin-left: 2rem; margin-right: 0 !important; } #governance-reports .dropdown-item.dp-menu--item pxl-stacked-text-display { padding: 1.25rem 0.5rem !important; } .dp-message--value { border-radius: 0 !important; } .dp-message--value.pxl-alert-border { border-width: 0 !important; border-left-width: 0.5rem !important; } .dp-message--value.mat-primary, .dp-message--value.mat-primary-color { color: var(--pxl-primary-shade-03) !important; background-color: var(--pxl-primary-tint-01) !important; border-left-color: var(--pxl-primary-tint-10) !important; } .dp-message--value.mat-primary.pxl-alert-border, .dp-message--value.mat-primary-color.pxl-alert-border { color: var(--pxl-primary-shade-03) !important; } .dp-message--value.mat-general, .dp-message--value.mat-tag-10, .dp-message--value.dp-message--primary { color: var(--pxl-general-shade-03) !important; background-color: var(--pxl-general-tint-01) !important; border-left-color: var(--pxl-general-tint-10) !important; } .dp-message--value.mat-general.pxl-alert-border, .dp-message--value.mat-tag-10.pxl-alert-border, .dp-message--value.dp-message--primary.pxl-alert-border { color: var(--pxl-general-shade-03) !important; } .dp-message--value.mat-error, .dp-message--value.mat-tag-2, .dp-message--value.dp-message--error { color: var(--pxl-error-shade-03) !important; background-color: var(--pxl-error-tint-01) !important; border-left-color: var(--pxl-error-tint-10) !important; } .dp-message--value.mat-error.pxl-alert-border, .dp-message--value.mat-tag-2.pxl-alert-border, .dp-message--value.dp-message--error.pxl-alert-border { color: var(--pxl-error-shade-03) !important; } .dp-message--value.mat-success, .dp-message--value.mat-tag-6, .dp-message--value.dp-message--success { color: var(--pxl-success-shade-03) !important; background-color: var(--pxl-success-tint-01) !important; border-left-color: var(--pxl-success-tint-10) !important; } .dp-message--value.mat-success.pxl-alert-border, .dp-message--value.mat-tag-6.pxl-alert-border, .dp-message--value.dp-message--success.pxl-alert-border { color: var(--pxl-success-shade-03) !important; } .dp-message--value.mat-info, .dp-message--value.dp-message--info { color: var(--pxl-info-shade-03) !important; background-color: var(--pxl-info-tint-01) !important; border-left-color: var(--pxl-info-tint-10) !important; } .dp-message--value.mat-info.pxl-alert-border, .dp-message--value.dp-message--info.pxl-alert-border { color: var(--pxl-info-shade-03) !important; } .dp-message--value.mat-warning, .dp-message--value.dp-message--warning { color: var(--pxl-warning-shade-03) !important; background-color: var(--pxl-warning-tint-01) !important; border-left-color: var(--pxl-warning-tint-10) !important; } .dp-message--value.mat-warning.pxl-alert-border, .dp-message--value.dp-message--warning.pxl-alert-border { color: var(--pxl-warning-shade-03) !important; } .dp-message--value.mat-action, .dp-message--value.mat-tag-8 { color: var(--pxl-action-shade-03) !important; background-color: var(--pxl-action-tint-01) !important; border-left-color: var(--pxl-action-tint-10) !important; } .dp-message--value.mat-action.pxl-alert-border, .dp-message--value.mat-tag-8.pxl-alert-border { color: var(--pxl-action-shade-03) !important; } .dp-message--value.mat-secondary, .dp-message--value.mat-brand, .dp-message--value.mat-brand-accent, .dp-message--value.mat-tag-4 { color: var(--pxl-secondary-shade-03) !important; background-color: var(--pxl-secondary-tint-01) !important; border-left-color: var(--pxl-secondary-tint-10) !important; } .dp-message--value.mat-secondary.pxl-alert-border, .dp-message--value.mat-brand.pxl-alert-border, .dp-message--value.mat-brand-accent.pxl-alert-border, .dp-message--value.mat-tag-4.pxl-alert-border { color: var(--pxl-secondary-shade-03) !important; } .dp-message--value.mat-tertiary, .dp-message--value.mat-tag-12 { color: var(--pxl-tertiary-shade-03) !important; background-color: var(--pxl-tertiary-tint-01) !important; border-left-color: var(--pxl-tertiary-tint-10) !important; } .dp-message--value.mat-tertiary.pxl-alert-border, .dp-message--value.mat-tag-12.pxl-alert-border { color: var(--pxl-tertiary-shade-03) !important; } .dp-message--value.mat-tag-3 { color: var(--pxl-tag-3-shade-03) !important; background-color: var(--pxl-color-tag-3-tint-01) !important; border-left-color: var(--pxl-color-tag-3-tint-10) !important; } .dp-message--value.mat-tag-3.pxl-alert-border { color: var(--pxl-color-tag-3-shade-03) !important; } .dp-message--value.mat-tag-5 { color: var(--pxl-tag-5-shade-03) !important; background-color: var(--pxl-color-tag-5-tint-01) !important; border-left-color: var(--pxl-color-tag-5-tint-10) !important; } .dp-message--value.mat-tag-5.pxl-alert-border { color: var(--pxl-color-tag-5-shade-03) !important; } .dp-message--value.mat-tag-7 { color: var(--pxl-tag-7-shade-03) !important; background-color: var(--pxl-color-tag-7-tint-01) !important; border-left-color: var(--pxl-color-tag-7-tint-10) !important; } .dp-message--value.mat-tag-7.pxl-alert-border { color: var(--pxl-tag-7-shade-03) !important; } .dp-message--value.mat-tag-9 { color: var(--pxl-tag-9-shade-03) !important; background-color: var(--pxl-color-tag-9-tint-01) !important; border-left-color: var(--pxl-color-tag-9-tint-10) !important; } .dp-message--value.mat-tag-9.pxl-alert-border { color: var(--pxl-color-tag-9-shade-03) !important; } .dp-message--value.mat-tag-11 { color: var(--pxl-tag-11-shade-03) !important; background-color: var(--pxl-color-tag-11-tint-01) !important; border-left-color: var(--pxl-color-tag-11-tint-10) !important; } .dp-message--value.mat-tag-11.pxl-alert-border { color: var(--pxl-color-tag-11-shade-03) !important; } .dp-message--value .mat-mdc-list-item .mdc-list-item__content .mdc-list-item__primary-text { color: inherit !important; } .pxl-alert-content { padding-right: 2rem !important; } .dp-message.dp-message--with-tip { float: none; } .dp-message .dp-message--list .dp-message--item .dp-message--value { padding: 8px 16px; border-width: 0 !important; border-left-width: 0.5rem !important; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--gray pxl-progress svg > circle.bottomCircle.currentColor { stroke: var(--pxl-primary-tint-04) !important; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--primary pxl-progress svg > circle.bottomCircle.currentColor { stroke: var(--pxl-general-tint-04) !important; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--info pxl-progress svg > circle.bottomCircle.currentColor { stroke: var(--pxl-info-tint-04) !important; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--success pxl-progress svg > circle.bottomCircle.currentColor { stroke: var(--pxl-success-tint-04) !important; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--warning pxl-progress svg > circle.bottomCircle.currentColor { stroke: var(--pxl-warning-tint-04) !important; } .dp-message .dp-message--list .dp-message--item .dp-message--value.dp-message--error pxl-progress svg > circle.bottomCircle.currentColor { stroke: var(--pxl-error-tint-04) !important; } .pxl-stepper-vertical .pxl-step pxl-step-header { margin-top: 2.5rem; min-height: 45px; } .pxl-stepper-vertical .pxl-step pxl-step-header:first-child { margin-top: 0; } .pxl-stepper-vertical .pxl-vertical-content { padding: 0; flex: 1 1 0; } .pxl-stepper-vertical .pxl-vertical-content--wrapper { display: block; margin-top: 2rem; margin-bottom: 2rem; } .pxl-stepper-vertical .pxl-inline-form-separator { border-top: dotted 2px var(--pxl-primary-tint-02); width: 2rem; margin: 2.25rem 1rem 0 0; } .pxl-stepper-vertical .pxl-form-field-width-small { max-width: 10rem; } .pxl-stepper-vertical .pxl-border-warn-2 { border-color: var(--pxl-color-tag-3-tint-08) !important; } .pxl-stepper-vertical .pxl-trigger-severity-container { padding-left: 2rem; min-width: 150px; } .pxl-stepper-vertical .pxl-trigger-severity-container:before { content: ""; display: inline-flex; height: 1.5rem; width: 1.5rem; border-radius: 1.5rem; margin-right: 0.5rem; position: relative; bottom: -0.15rem; } .pxl-stepper-vertical .pxl-trigger-severity-container.pxl-trigger-severity-container--rolled-up:before { margin-right: 0; } .pxl-stepper-vertical .pxl-trigger-severity-container--high:before { background-color: var(--pxl-error); } .pxl-stepper-vertical .pxl-trigger-severity-container--medium:before { background-color: var(--pxl-color-tag-3-tint-08); } .pxl-stepper-vertical .pxl-trigger-severity-container--low:before { background-color: var(--pxl-warning); } .pxl-stepper-vertical .pxl-form-button--separate-label-inline { margin-top: 5.25rem !important; } .pxl-stepper-vertical .pxl-form-button--right-aligned { position: absolute; left: 100%; } .pxl-stepper-vertical .pxl-inline-form--tag-input { position: relative; top: -0.5rem; } .pxl-stepper-vertical .pxl-vertical-content-line { margin-top: 0; } .pxl-stepper-vertical .pxl-vertical-content-line, .pxl-stepper-vertical .pxl-vertical-content { background: var(--pxl-primary-tint-00); } .pxl-stepper-vertical .mat-form-field-flex.pxl-form-field-flex { background: var(--pxl-color-main-background); } .pxl-stepper-vertical .pxl-inline-form-text { margin-bottom: 0; } .pxl-stepper-vertical .pxl-step-header.pxl-step-header-inactive .pxl-step-icon.pxl-step-icon-state-editable { color: var(--pxl-action-tint-07); border-color: var(--pxl-action-tint-07); cursor: pointer; } .pxl-stepper-vertical .pxl-step-header.pxl-step-header-inactive .pxl-step-icon.pxl-step-icon-state-editable ~ .pxl-step-label { color: var(--pxl-action-tint-07); cursor: pointer; } .pxl-stepper-vertical .pxl-step-label-selected .pxl-stepper-header--results-display { display: none; } .pxl-stepper-vertical .pxl-step-label-selected .pxl-stepper-header--subhead { display: block; } .pxl-stepper-vertical .pxl-stepper-header--subhead { display: none; font-weight: 300 !important; font-size: 2rem; margin: 1rem 0 2rem 0; } .pxl-stepper-vertical .pxl-stepper-header--results-display { display: flex; margin-left: -3rem; margin-right: -3rem; margin-top: 1rem; margin-bottom: 1rem; border-left: solid 1px var(--pxl-border-color); } .pxl-stepper-vertical .pxl-stepper-header--result { display: block; padding: 1rem 3rem; border-right: solid 1px var(--pxl-border-color); } .pxl-stepper-vertical .pxl-stepper-header--result:last-child { border-right: none; } .pxl-stepper-vertical .pxl-stepper-header--result-headline { display: block; font-weight: bold; } .pxl-stepper-vertical .pxl-stepper-header--result-body { display: block; font-weight: 300; color: var(--pxl-accent); } .pxl-stepper-vertical pxl-step-header { position: static; } .pxl-stepper-vertical pxl-step-header:before { content: ""; width: 1px; position: absolute; left: 13px; top: 0; bottom: -20px; background: var(--pxl-border-color); } .pxl-stepper-vertical .pxl-step:last-child pxl-step-header:before { display: none; } .pxl-stepper-vertical .pxl-stepper-vertical-line { display: none; } .pxl-stepper-vertical .pxl-step-icon.pxl-step-icon-selected:not(.pxl-step-icon-state-done), .pxl-stepper-vertical .pxl-step-icon.pxl-step-icon-state-edit, .pxl-stepper-vertical .pxl-step-icon.pxl-step-icon-state-number, .pxl-stepper-vertical .pxl-step-icon.pxl-step-icon-state-editable, .pxl-stepper-vertical .pxl-step-icon.pxl-step-icon-state-error { background-color: var(--pxl-color-main-background); } .pxl-stepper-vertical .pxl-step { position: relative; } .pxl-stepper-vertical .pxl-vertical-content-line { border-left-color: transparent; z-index: -1; } .mat-stepper-vertical .mat-vertical-content { padding-top: 3rem; } .mat-stepper-vertical .mat-step-label-selected .pxl-stepper-header--results-display { display: none; } .mat-stepper-vertical .mat-step-label-active::before, .mat-stepper-vertical .mat-step-label:has(.pxl-fs-body.pxl-text-accent)::before { content: ""; position: absolute; left: 1.75rem; border-left-width: 1px; border-left-style: solid; border-left-color: var(--mat-stepper-line-color, var(--mat-app-outline)); top: 7rem; bottom: 2rem; } .mat-stepper-vertical .mat-step-label-active::before { top: 8rem; } .mat-stepper-vertical .mat-vertical-stepper-header { height: auto !important; align-items: flex-start !important; padding-left: 0 !important; padding-right: 0 !important; } .mat-stepper-vertical .mat-vertical-stepper-header .mat-step-label, .mat-stepper-vertical .mat-vertical-stepper-header .mat-step-text-label { overflow: visible !important; } .mat-stepper-vertical .mat-vertical-stepper-header .mat-step-label .pxl-h3, .mat-stepper-vertical .mat-vertical-stepper-header .mat-step-text-label .pxl-h3 { position: relative; top: -0.5rem; } .mat-stepper-vertical .mat-vertical-stepper-header:has(.pxl-stepper-header--results-display) + .mat-vertical-content-container:has(.mat-vertical-stepper-content-inactive) { margin-top: -4rem !important; } .mat-stepper-vertical .mat-vertical-stepper-header:has(.pxl-stepper-header--results-display) + .mat-vertical-content-container:has(.mat-vertical-stepper-content-inactive).mat-stepper-vertical-line:before { display: none; } .mat-stepper-vertical .mat-vertical-stepper-header + .mat-vertical-content-container { margin-left: 1.75rem !important; } .mat-stepper-vertical .mat-vertical-stepper-content:not(.mat-vertical-stepper-content-inactive) { background-color: var(--pxl-primary-tint-00) !important; } .mat-stepper-vertical .pxl-stepper-header--results-display { display: flex; position: relative; margin-left: -3rem; margin-right: -3rem; margin-top: 1rem; margin-bottom: 1rem; } .mat-stepper-vertical .pxl-stepper-header--results-display:after { content: ""; position: absolute; left: -0.2rem; border-left-width: 1px; border-left-style: solid; border-left-color: var(--mat-stepper-line-color); top: 0; bottom: calc(8px - (var(--mat-stepper-header-height) - 24px) / 2); } .mat-stepper-vertical .pxl-stepper-header--result { display: block; padding: 1rem 3rem; } .mat-stepper-vertical .pxl-stepper-header--result-headline { display: block; font-weight: bold; } .mat-stepper-vertical .pxl-stepper-header--result-body { display: block; font-weight: 300; color: var(--pxl-accent); } .mat-stepper-horizontal { padding-bottom: 8rem; } .pxl-save-container { padding: 2rem 0 !important; width: calc(100% - 37rem) !important; left: 34rem; margin-left: 0 !important; background: var(--pxl-body-background) !important; height: auto !important; align-items: center; background-color: var(--pxl-primary-tint-00); display: flex; position: fixed; bottom: 0; z-index: 1000; } .nav-closed .pxl-save-container { width: calc(100% - 15rem) !important; left: 12rem; } .pxl-drawer-content-wrapper:has(mat-stepper) { padding-bottom: 10.5rem !important; } .pxl-drawer-content-wrapper:has(mat-stepper) .mat-horizontal-stepper-header-container .mat-step-header:first-child { padding-left: 0.5rem; } .pxl-drawer-content-wrapper:has(mat-stepper) .mat-horizontal-content-container { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .pxl-drawer-content-wrapper:has(mat-stepper) .pxl-save-container { padding-left: 20px !important; left: unset; width: 920px !important; margin-left: -20px !important; } .pxl-tooltip { word-break: break-word; text-overflow: initial; } .pxl-tooltip__source { margin-bottom: 3px; margin-top: 3px; font-weight: 500; display: inline-block; font-size: 1.375rem; color: var(--pxl-primary-tint-03); } .pxl-tooltip__source i { margin-right: 1rem; } .pxl-tooltip__source i.immuta-icon:before { position: relative; content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 198 198"%3E%3Cpath d="M0,0V198H198V0ZM156.21,165.27H124.16V32.73h32.05Z" fill="%23BDC1C9" /%3E%3C/svg%3E'); width: 11px; height: 11px; } .pxl-tooltip__text { display: block; } .pxl-popover-panel { overflow-y: auto; max-height: 70vh !important; } .pxl-popover-panel .mat-mdc-icon-button:hover, .pxl-popover-panel .mat-icon-button:hover { color: var(--pxl-primary-tint-10) !important; } .pxl-popover-content .dp-card { border: none !important; } .dp-editor--base { background: var(--pxl-primary-tint-00); } .nl-form { background: var(--pxl-primary-tint-00); } data-policies-display-row .dp-label--clickable:not(.dp-label), data-policies-display-row span[pxlTooltip]:not(.dp-label), data-policies-display-row span[pxlPopover]:not(.dp-label), subscription-policy-natural-language-description .dp-label--clickable:not(.dp-label), subscription-policy-natural-language-description span[pxlTooltip]:not(.dp-label), subscription-policy-natural-language-description span[pxlPopover]:not(.dp-label), circumstance-restriction-natural-language-description .dp-label--clickable:not(.dp-label), circumstance-restriction-natural-language-description span[pxlTooltip]:not(.dp-label), circumstance-restriction-natural-language-description span[pxlPopover]:not(.dp-label), span[id^=policy-] .dp-label--clickable:not(.dp-label), span[id^=policy-] span[pxlTooltip]:not(.dp-label), span[id^=policy-] span[pxlPopover]:not(.dp-label) { color: var(--pxl-action-tint-10); } data-policies-display-row .dp-label--clickable:not(.dp-label):hover, data-policies-display-row .dp-label--clickable:not(.dp-label):focus, data-policies-display-row span[pxlTooltip]:not(.dp-label):hover, data-policies-display-row span[pxlTooltip]:not(.dp-label):focus, data-policies-display-row span[pxlPopover]:not(.dp-label):hover, data-policies-display-row span[pxlPopover]:not(.dp-label):focus, subscription-policy-natural-language-description .dp-label--clickable:not(.dp-label):hover, subscription-policy-natural-language-description .dp-label--clickable:not(.dp-label):focus, subscription-policy-natural-language-description span[pxlTooltip]:not(.dp-label):hover, subscription-policy-natural-language-description span[pxlTooltip]:not(.dp-label):focus, subscription-policy-natural-language-description span[pxlPopover]:not(.dp-label):hover, subscription-policy-natural-language-description span[pxlPopover]:not(.dp-label):focus, circumstance-restriction-natural-language-description .dp-label--clickable:not(.dp-label):hover, circumstance-restriction-natural-language-description .dp-label--clickable:not(.dp-label):focus, circumstance-restriction-natural-language-description span[pxlTooltip]:not(.dp-label):hover, circumstance-restriction-natural-language-description span[pxlTooltip]:not(.dp-label):focus, circumstance-restriction-natural-language-description span[pxlPopover]:not(.dp-label):hover, circumstance-restriction-natural-language-description span[pxlPopover]:not(.dp-label):focus, span[id^=policy-] .dp-label--clickable:not(.dp-label):hover, span[id^=policy-] .dp-label--clickable:not(.dp-label):focus, span[id^=policy-] span[pxlTooltip]:not(.dp-label):hover, span[id^=policy-] span[pxlTooltip]:not(.dp-label):focus, span[id^=policy-] span[pxlPopover]:not(.dp-label):hover, span[id^=policy-] span[pxlPopover]:not(.dp-label):focus { color: var(--pxl-action-color-hover); } .dp-list.dp-list--icon-set.dp-list--icon .dp-list--item .dp-button--inline + .material-icons { left: -1.5rem; } .infrastructure-settings-layout, .pxl-settings-layout { position: relative; } .infrastructure-edit-container, .pxl-edit-container { position: relative; height: 100%; } .infrastructure-edit-container.edit-state, .infrastructure-edit-container.pxl-edit-state, .pxl-edit-container.edit-state, .pxl-edit-container.pxl-edit-state { padding-bottom: 100px; } #integrations.dp-section .dp-form.dp-form--config { padding: 0; margin: 0; } #integrations.dp-section .dp-form.dp-form--config .dp-editor { margin: 1px 0 0 0; } .mat-mdc-list-item { height: initial !important; margin-bottom: 1rem !important; } .mat-mdc-list-item .mdc-list-item__content, .mat-mdc-list-item .mdc-list-item__content .mdc-list-item__primary-text { white-space: normal !important; word-wrap: break-word !important; overflow-wrap: break-word !important; } .k-table-td pxl-status-indicator[display=bar] { margin-left: -3rem; } .pxl-code-highlight .hljs { background: var(--pxl-primary-tint-00) !important; border: 1px solid var(--pxl-primary-tint-02) !important; line-height: 1.6em !important; } .pxl-card .pxl-code-highlight .hljs, .mat-card .pxl-code-highlight .hljs, .mat-mdc-card .pxl-code-highlight .hljs, .mat-dialog-content .pxl-code-highlight .hljs, .mat-mdc-dialog-content .pxl-code-highlight .hljs, .drawer-content .pxl-code-highlight .hljs { background: var(--pxl-primary-tint-01) !important; border: 1px solid var(--pxl-primary-tint-01) !important; } .pxl-code-highlight .hljs-comment, .pxl-code-highlight .hljs-quote { color: var(--pxl-color-tag-3) !important; } .pxl-code-highlight .hljs-ln-n { padding-right: 1rem; } .databricks-logo-text { fill: var(--pxl-databricks-fill); } .snowflake-fill { fill: #29b5e8; fill: var(--pxl-snowflake-fill); } body.policy-explainer-transition .pxl__main { transition: width 0.3s ease; } body.policy-explainer-transition .pxl__main .pxl__toolbar-container { transition: width 0.3s ease; } .pxl-drawer-container:has(policy-explainer) { top: 6rem !important; height: calc(100vh - 6rem) !important; } .pxl-drawer-container:has(policy-explainer) .pxl-drawer-content-wrapper { padding: 16px 20px 20px !important; height: 100% !important; display: flex !important; flex-direction: column !important; } .pxl-drawer-container:has(policy-explainer) policy-explainer { height: 100% !important; display: flex !important; flex-direction: column !important; } body:has(.pxl__main.header-unpinned) .pxl-drawer-container:has(policy-explainer) { top: 0 !important; height: 100vh !important; } body:has(.pxl__main.header-unpinned) .pxl-drawer-container:has(policy-explainer) .pxl-drawer-content-wrapper { padding: 16px 20px 20px !important; height: 100% !important; display: flex !important; flex-direction: column !important; } body:has(.pxl__main.header-unpinned) .pxl-drawer-container:has(policy-explainer) policy-explainer { height: 100% !important; display: flex !important; flex-direction: column !important; } body.policy-explainer-open .dp-head { z-index: 1001 !important; } body.policy-explainer-open .pxl__main.pxl__vertical-nav--open { width: calc(100% - 30rem - 480px) !important; min-width: auto !important; } body.policy-explainer-open .pxl__main.pxl__vertical-nav--open .pxl__toolbar-container { width: calc(100% - 30rem - 480px) !important; } body.policy-explainer-open .pxl__main.pxl__vertical-nav--closed { width: calc(100% - 7rem - 480px) !important; min-width: auto !important; } body.policy-explainer-open .pxl__main.pxl__vertical-nav--closed .pxl__toolbar-container { width: calc(100% - 7rem - 480px) !important; } body.policy-explainer-open .cdk-overlay-container { pointer-events: none; } body.policy-explainer-open .cdk-overlay-container .cdk-global-overlay-wrapper { pointer-events: none; } body.policy-explainer-open .cdk-overlay-container .cdk-overlay-pane { pointer-events: auto; } #app-configuration-view { width: calc(100vw - 15.5rem) !important; } #app-configuration-view .dp-layout--body { padding-right: 0 !important; } .nav-open #app-configuration-view .dp-layout--body { width: calc(100% - 22rem); } #app-configuration-view .dp-layout--head { padding: 1.375rem 0 0 0 !important; width: calc(100% - 10rem); margin-left: 7rem; } #app-configuration-view .dp-layout--head .mat-mdc-tab-nav-bar { margin: 0 0 0 5rem !important; } .nav-open #app-configuration-view .dp-layout--head { width: calc(100% - 33rem); margin-left: 30rem; } .nav-open #app-configuration-view .dp-layout--head .mat-mdc-tab-nav-bar { margin: 0 0 0 4rem !important; } #governance-report-view .dp-layout--aside, #purpose-details .dp-layout--aside { height: calc(100% - 6.5rem) !important; } domain-identifier-list .dp-layout--body { padding-right: 0 !important; } domain-permission-list pxl-section-header + div { margin-bottom: 2rem; } domain-settings > mat-card, domain-overview .dp-layout--section { margin-top: 1.5rem !important; } :root { --kendo-color-app-surface: #ffffff; --kendo-color-on-app-surface: #212121; --kendo-color-subtle: #757575; --kendo-color-surface: #f5f5f5; --kendo-color-surface-alt: #ffffff; --kendo-color-border: rgba(0, 0, 0, 0.12); --kendo-color-border-alt: rgba(0, 0, 0, 0.15); --kendo-color-base-subtle: #ebebeb; --kendo-color-base-subtle-hover: #d6d6d6; --kendo-color-base-subtle-active: #c2c2c2; --kendo-color-base: #ffffff; --kendo-color-base-hover: #ebebeb; --kendo-color-base-active: #d6d6d6; --kendo-color-base-emphasis: #adadad; --kendo-color-base-on-subtle: #212121; --kendo-color-on-base: #212121; --kendo-color-base-on-surface: #212121; --kendo-color-primary-subtle: #d1d5ee; --kendo-color-primary-subtle-hover: #c5cae8; --kendo-color-primary-subtle-active: #b5bde3; --kendo-color-primary: #3f51b5; --kendo-color-primary-hover: #3a4ba7; --kendo-color-primary-active: #354498; --kendo-color-primary-emphasis: #97a0d7; --kendo-color-primary-on-subtle: #161c3f; --kendo-color-on-primary: #ffffff; --kendo-color-primary-on-surface: #3f51b5; --kendo-color-secondary-subtle: #fbcdd9; --kendo-color-secondary-subtle-hover: #f9afc3; --kendo-color-secondary-subtle-active: #f79bb3; --kendo-color-secondary: #e51a5f; --kendo-color-secondary-hover: #d31857; --kendo-color-secondary-active: #c01650; --kendo-color-secondary-emphasis: #f58da9; --kendo-color-secondary-on-subtle: #500c22; --kendo-color-on-secondary: #ffffff; --kendo-color-secondary-on-surface: #ae1549; --kendo-color-tertiary-subtle: #c9dbd8; --kendo-color-tertiary-subtle-hover: #a9c6c1; --kendo-color-tertiary-subtle-active: #92b8b1; --kendo-color-tertiary: #00695c; --kendo-color-tertiary-hover: #006155; --kendo-color-tertiary-active: #00584d; --kendo-color-tertiary-emphasis: #84aea7; --kendo-color-tertiary-on-subtle: #002520; --kendo-color-on-tertiary: #ffffff; --kendo-color-tertiary-on-surface: #054f46; --kendo-color-info-subtle: #c8d7fb; --kendo-color-info-subtle-hover: #a7c0f7; --kendo-color-info-subtle-active: #8fb0f6; --kendo-color-info: #0058e9; --kendo-color-info-hover: #0251d6; --kendo-color-info-active: #034ac3; --kendo-color-info-emphasis: #80a5f4; --kendo-color-info-on-subtle: #071f51; --kendo-color-on-info: #ffffff; --kendo-color-info-on-surface: #0443b0; --kendo-color-success-subtle: #d7f0cc; --kendo-color-success-subtle-hover: #bae2ad; --kendo-color-success-subtle-active: #a7db97; --kendo-color-success: #37b400; --kendo-color-success-hover: #33a600; --kendo-color-success-active: #2e9704; --kendo-color-success-emphasis: #93d775; --kendo-color-success-on-subtle: #163f09; --kendo-color-on-success: #ffffff; --kendo-color-success-on-surface: #2b8906; --kendo-color-warning-subtle: #fff0ce; --kendo-color-warning-subtle-hover: #ffe7b0; --kendo-color-warning-subtle-active: #ffe19c; --kendo-color-warning: #ffc000; --kendo-color-warning-hover: #ebb201; --kendo-color-warning-active: #d6a202; --kendo-color-warning-emphasis: #ffdd8f; --kendo-color-warning-on-subtle: #59430a; --kendo-color-on-warning: #000000; --kendo-color-warning-on-surface: #ffc000; --kendo-color-error-subtle: #fcc7c2; --kendo-color-error-subtle-hover: #feafa8; --kendo-color-error-subtle-active: #fe9a91; --kendo-color-error: #f31700; --kendo-color-error-hover: #e01701; --kendo-color-error-active: #cc1505; --kendo-color-error-emphasis: #fc8d83; --kendo-color-error-on-subtle: #550c07; --kendo-color-on-error: #ffffff; --kendo-color-error-on-surface: #b91406; --kendo-color-light-subtle: #fafafa; --kendo-color-light-subtle-hover: #f5f5f5; --kendo-color-light-subtle-active: #eeeeee; --kendo-color-light: #f5f5f5; --kendo-color-light-hover: #ebebeb; --kendo-color-light-active: #d6d6d6; --kendo-color-light-emphasis: #e0e0e0; --kendo-color-light-on-subtle: #212121; --kendo-color-on-light: #000000; --kendo-color-light-on-surface: #ebebeb; --kendo-color-dark-subtle: #c7c7c7; --kendo-color-dark-subtle-hover: #c2c2c2; --kendo-color-dark-subtle-active: #bdbdbd; --kendo-color-dark: #424242; --kendo-color-dark-hover: #212121; --kendo-color-dark-active: #000000; --kendo-color-dark-emphasis: #9e9e9e; --kendo-color-dark-on-subtle: #212121; --kendo-color-on-dark: #ffffff; --kendo-color-dark-on-surface: #616161; --kendo-color-inverse-subtle: #c7c7c7; --kendo-color-inverse-subtle-hover: #c2c2c2; --kendo-color-inverse-subtle-active: #bdbdbd; --kendo-color-inverse: #424242; --kendo-color-inverse-hover: #212121; --kendo-color-inverse-active: #000000; --kendo-color-inverse-emphasis: #9e9e9e; --kendo-color-inverse-on-subtle: #212121; --kendo-color-on-inverse: #ffffff; --kendo-color-inverse-on-surface: #616161; --kendo-color-series-a: #9c27b0; --kendo-color-series-a-bold: #751d84; --kendo-color-series-a-bolder: #4e1458; --kendo-color-series-a-subtle: #b55dc4; --kendo-color-series-a-subtler: #cd93d7; --kendo-color-series-b: #2196f3; --kendo-color-series-b-bold: #1971b6; --kendo-color-series-b-bolder: #114b7a; --kendo-color-series-b-subtle: #59b0f6; --kendo-color-series-b-subtler: #90cbf9; --kendo-color-series-c: #009688; --kendo-color-series-c-bold: #007166; --kendo-color-series-c-bolder: #004b44; --kendo-color-series-c-subtle: #40b0a6; --kendo-color-series-c-subtler: #80cbc4; --kendo-color-series-d: #ffeb3b; --kendo-color-series-d-bold: #bfb02c; --kendo-color-series-d-bolder: #80761e; --kendo-color-series-d-subtle: #fff06c; --kendo-color-series-d-subtler: #fff59d; --kendo-color-series-e: #f44336; --kendo-color-series-e-bold: #b73229; --kendo-color-series-e-bolder: #7a221b; --kendo-color-series-e-subtle: #f77268; --kendo-color-series-e-subtler: #faa19b; --kendo-color-series-f: #4caf50; --kendo-color-series-f-bold: #39833c; --kendo-color-series-f-bolder: #265828; --kendo-color-series-f-subtle: #79c37c; --kendo-color-series-f-subtler: #a6d7a8; } .k-sr-only { position: absolute; left: -1px; width: 1px; height: 1px; overflow: hidden; } .k-push-right-enter, .k-push-right-appear { transform: translate(-100%, 0); } .k-push-right-enter-active, .k-push-right-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-right-exit { transform: translate(0, 0); } .k-push-right-exit-active { transform: translate(100%, 0); transition: transform 300ms ease-in-out; } .k-push-left-enter, .k-push-left-appear { transform: translate(100%, 0); } .k-push-left-enter-active, .k-push-left-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-left-exit { transform: translate(0, 0); } .k-push-left-exit-active { transform: translate(-100%, 0); transition: transform 300ms ease-in-out; } .k-push-down-enter, .k-push-down-appear { transform: translate(0, -100%); } .k-push-down-enter-active, .k-push-down-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-down-exit { transform: translate(0, 0); } .k-push-down-exit-active { transform: translate(0, 100%); transition: transform 300ms ease-in-out; } .k-push-up-enter, .k-push-up-appear { transform: translate(0, 100%); } .k-push-up-enter-active, .k-push-up-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-up-exit { transform: translate(0, 0); } .k-push-up-exit-active { transform: translate(0, -100%); transition: transform 300ms ease-in-out; } .k-expand-vertical-enter, .k-expand-vertical-appear { transform: scaleY(0); } .k-expand-vertical-enter-active, .k-expand-vertical-appear-active { transform: scaleY(1); transition: transform 300ms ease-in-out; } .k-expand-vertical-exit { transform: scaleY(1); } .k-expand-vertical-exit-active { transform: scaleY(0); transition: transform 300ms ease-in-out; } .k-expand-horizontal-enter, .k-expand-horizontal-appear { transform: scaleX(0); } .k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active { transform: scaleX(1); transition: transform 300ms ease-in-out; } .k-expand-horizontal-exit { transform: scaleX(1); } .k-expand-horizontal-exit-active { transform: scaleX(0); transition: transform 300ms ease-in-out; } .k-fade-enter, .k-fade-appear { opacity: 0; } .k-fade-enter-active, .k-fade-appear-active { opacity: 1; transition: opacity 500ms ease-in-out; } .k-fade-exit { opacity: 1; } .k-fade-exit-active { opacity: 0; transition: opacity 500ms ease-in-out; } .k-fade-exit-active + .k-fade-exit-active, .k-fade-enter-active + .k-fade-enter-active { display: none; } .k-zoom-in-enter, .k-zoom-in-appear { opacity: 0; transform: scale(0); } .k-zoom-in-enter-active, .k-zoom-in-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out; } .k-zoom-in-exit { opacity: 1; transform: scale(1); } .k-zoom-in-exit-active { opacity: 0; transform: scale(2); transition: transform, opacity 300ms ease-in-out; } .k-zoom-out-enter, .k-zoom-out-appear { opacity: 0; transform: scale(2); } .k-zoom-out-enter-active, .k-zoom-out-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out; } .k-zoom-out-exit { opacity: 1; transform: scale(1); } .k-zoom-out-exit-active { opacity: 0; transform: scale(0); transition: transform, opacity 300ms ease-in-out; } .k-slide-in-appear { opacity: 0.1; transform: translate(0, -3em); } .k-slide-in-appear .k-centered { transform: translate(-50%, -60%); } .k-slide-in-appear-active { opacity: 1; transform: translate(0, 0); transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1); } .k-slide-in-appear-active .k-centered { transform: translate(-50%, -50%); } .k-slide-down-enter, .k-slide-down-appear { transform: translateY(-100%); } .k-slide-down-enter-active, .k-slide-down-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-down-exit { transform: translateY(0); } .k-slide-down-exit-active { transform: translateY(-100%); transition: transform 300ms ease-in-out; } .k-slide-up-enter, .k-slide-up-appear { transform: translateY(100%); } .k-slide-up-enter-active, .k-slide-up-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-up-exit { transform: translateY(0); } .k-slide-up-exit-active { transform: translateY(100%); transition: transform 300ms ease-in-out; } .k-slide-right-enter, .k-slide-right-appear { transform: translateX(-100%); } .k-slide-right-enter-active, .k-slide-right-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-right-exit { transform: translateX(0); } .k-slide-right-exit-active { transform: translateX(-100%); transition: transform 300ms ease-in-out; } .k-slide-left-enter, .k-slide-left-appear { transform: translateX(100%); } .k-slide-left-enter-active, .k-slide-left-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-left-exit { transform: translateX(0); } .k-slide-left-exit-active { transform: translateX(100%); transition: transform 300ms ease-in-out; } .k-reveal-vertical-enter, .k-reveal-vertical-appear { max-height: 0; } .k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active { transition: max-height 300ms ease-in-out; } .k-reveal-vertical-exit-active { max-height: 0 !important; transition: max-height 300ms ease-in-out; } .k-reveal-horizontal-enter, .k-reveal-horizontal-appear { max-width: 0; } .k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active { transition: max-width 300ms ease-in-out; } .k-reveal-horizontal-exit-active { max-width: 0 !important; transition: max-width 300ms ease-in-out; } .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out; } .k-fx { position: relative; } .k-fx .k-fx-current { z-index: 0; } .k-fx .k-fx-next { z-index: 1; } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important; } .k-fx-reverse .k-fx-current { z-index: 1; } .k-fx-reverse .k-fx-next { z-index: 0; } .k-fx-zoom.k-fx-start .k-fx-next { transform: scale(0) !important; } .k-fx-zoom.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { transform: scale(0) !important; } .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0; } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0; } .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out; } .k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; transform: translateX(100%); } .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0; } .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { transform: translateX(0); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0%); } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx-tile.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translateX(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0%); } .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { transform: translateY(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { transform: translateY(-100%); } .k-theme-test-class, .k-common-test-class { opacity: 0; } .k-hstack, .k-hbox { display: flex; flex-flow: row nowrap; } .k-vstack, .k-vbox { display: flex; flex-flow: column nowrap; } .k-spacer, .k-flex { flex: 1 1 auto; } .k-spacer-sized { flex: none; } .k-float-wrap::after, .k-floatwrap::after { content: ""; display: block; clear: both; } .k-flex-layout { display: flex; } .k-grid-layout { display: grid; } .k-separator { width: auto; height: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; display: block; flex-grow: 0 !important; flex-shrink: 0 !important; align-self: stretch; } .k-separator-horizontal, .k-vstack > .k-separator, .k-vbox > .k-separator { width: auto; height: 0; border-width: 1px 0 0; } .k-separator-vertical, .k-hstack > .k-separator, .k-hbox > .k-separator { width: 0; height: auto; border-width: 0 0 0 1px; } hr.k-separator { margin: 0; padding: 0; } .k-hidden { display: none !important; } .k-rtl { direction: rtl; } [hidden] { display: none !important; } script { display: none !important; } .k-disabled, .k-widget[disabled], .k-disabled { outline: none; cursor: default; color: var(--kendo-disabled-text, var(--kendo-color-on-app-surface, #212121)); background-color: var(--kendo-disabled-bg, ); border-color: var(--kendo-disabled-border, ); opacity: var(--kendo-disabled-opacity, 0.6); filter: var(--kendo-disabled-filter, grayscale(0.1)); pointer-events: none; box-shadow: none; } .k-disabled .k-link, .k-widget[disabled] .k-link, .k-disabled .k-link { cursor: default; outline: 0; } .k-disabled [disabled], .k-disabled .k-disabled, .k-widget[disabled] [disabled], .k-widget[disabled] .k-disabled, .k-disabled [disabled], .k-disabled .k-disabled { --kendo-disabled-opacity: 1; --kendo-disabled-filter: grayscale(0); } .k-hr { margin-block: var(--kendo-spacing-4, 1rem); padding: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.12))); display: block; float: none; clear: both; } .k-d-flex-row > .k-hr { margin: 0; width: 0; height: auto; border-width: 0 0 0 1px; flex: 0 0 auto; } .k-d-flex-col > .k-hr { margin: 0; flex: 0 0 auto; } .k-sprite { display: inline-block; width: 1rem; height: 1rem; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; } .k-image { display: inline-block; } .k-reset { margin: 0; padding: 0; border-width: 0; outline: 0; text-decoration: none; font: inherit; list-style: none; } kendo-sortable { display: block; } .k-link, .k-link:hover { color: inherit; text-decoration: none; outline: 0; cursor: pointer; } .k-content { outline: 0; } .k-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .k-no-click { pointer-events: none; } .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px; } .kendo-pdf-hide-pseudo-elements::before, .kendo-pdf-hide-pseudo-elements::after { display: none !important; } .k-dirty { margin: 0; padding: 0; width: 0; height: 0; border-width: 3px; border-style: solid; border-block-start-color: currentColor; border-block-end-color: transparent; border-inline-start-color: transparent; border-inline-end-color: currentColor; position: absolute; inset-block-start: 0; inset-inline-end: 0; } .k-marquee { position: absolute; z-index: 100000; } .k-marquee-color, .k-marquee-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .k-marquee-color { color: var(--kendo-neutral-160, var(--kendo-color-on-secondary, #ffffff)); background-color: var(--kendo-primary-60, var(--kendo-color-secondary, #e51a5f)); border-color: var(--kendo-primary-100, var(--kendo-color-border, rgba(0, 0, 0, 0.12))); opacity: 0.6; } .k-marquee-text { color: var(--kendo-neutral-160, var(--kendo-color-on-secondary, #ffffff)); } .k-text-selection ::selection { background-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); } .k-scrollbar { position: absolute; overflow: scroll; } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden; } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585; } .k-resize-handle, .k-resize-hint { position: absolute; border-color: inherit; z-index: 200; } .k-resize-handle { display: flex; align-items: center; justify-content: center; } .k-resize-handle::before { content: ""; border: 0 solid; border-color: inherit; } .k-resize-n { width: 100%; height: 6px; flex-direction: row; left: 0; top: -3px; cursor: n-resize; } .k-resize-s { width: 100%; height: 6px; flex-direction: row; left: 0; bottom: -3px; cursor: s-resize; } .k-resize-w { width: 6px; height: 100%; flex-direction: column; top: 0; left: -3px; cursor: w-resize; } .k-resize-e { width: 6px; height: 100%; flex-direction: column; top: 0; right: -3px; cursor: e-resize; } .k-resize-sw, .k-resize-se, .k-resize-nw, .k-resize-ne { width: 5px; height: 5px; } .k-resize-sw { cursor: sw-resize; bottom: 0; left: 0; } .k-resize-se { cursor: se-resize; bottom: 0; right: 0; } .k-resize-nw { cursor: nw-resize; top: 0; left: 0; } .k-resize-ne { cursor: ne-resize; top: 0; right: 0; } .k-vertical-resize { cursor: row-resize; } .k-horizontal-resize { cursor: col-resize; } .k-resize-hint { display: flex; flex-direction: column; align-items: center; } .k-resize-hint .k-resize-hint-handle { width: auto; height: 20px; align-self: stretch; } .k-resize-hint .k-resize-hint-marker { width: 2px; height: auto; flex: 1 1 auto; } .k-resize-hint-vertical { display: flex; flex-direction: row; align-items: center; } .k-resize-hint-vertical .k-resize-hint-handle { width: 20px; height: auto; align-self: stretch; } .k-resize-hint-vertical .k-resize-hint-marker { width: auto; height: 2px; flex: 1 1 auto; } .k-top-start, .k-pos-top-start { top: 0; inset-inline-start: 0; } .k-top-end, .k-pos-top-end { top: 0; inset-inline-end: 0; } .k-bottom-start, .k-pos-bottom-start { bottom: 0; inset-inline-start: 0; } .k-bottom-end, .k-pos-bottom-end { bottom: 0; inset-inline-end: 0; } .k-top-center, .k-pos-top-center { top: 0; left: 50%; transform: translateX(-50%); } .k-middle-left, .k-middle-start, .k-pos-middle-start { top: 50%; left: 0; transform: translateY(-50%); } .k-middle-center { top: 50%; left: 50%; transform: translateY(-50%); } .k-middle-right, .k-middle-end, .k-pos-middle-end { top: 50%; right: 0; transform: translateY(-50%); } .k-bottom-center, .k-pos-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); } :root { --kendo-elevation-1: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-2: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-3: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-4: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-5: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-6: 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-7: 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-8: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14); --kendo-elevation-9: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14); } :root { --kendo-font-family: Roboto, "Helvetica Neue", sans-serif; --kendo-font-size: 0.875rem; --kendo-line-height: 2; --kendo-font-weight: 400; --kendo-letter-spacing: ; --kendo-font-size-xs: 0.625rem; --kendo-font-size-sm: 0.75rem; --kendo-font-size-md: 0.875rem; --kendo-font-size-lg: 1rem; --kendo-font-size-xl: 1.25rem; --kendo-line-height-xs: 1; --kendo-line-height-sm: 1.2; --kendo-line-height-md: 2; --kendo-line-height-lg: 1.5; --kendo-font-weight-thin: 100; --kendo-font-weight-extra-light: 200; --kendo-font-weight-light: 300; --kendo-font-weight-normal: 400; --kendo-font-weight-medium: 500; --kendo-font-weight-semibold: 600; --kendo-font-weight-bold: 700; --kendo-letter-spacing-tightest: -2.5px; --kendo-letter-spacing-tighter: -1.5px; --kendo-letter-spacing-tight: -0.5px; --kendo-letter-spacing-normal: 0px; --kendo-letter-spacing-wide: 0.15px; --kendo-letter-spacing-wider: 0.25px; --kendo-letter-spacing-widest: 0.35px; --kendo-font-family-sans-serif: Roboto, Helvetica Neue, sans-serif; --kendo-font-family-monospace: Consolas, Ubuntu Mono, Lucida Console, Courier New, monospace; } :root { --kendo-spacing-0: 0px; --kendo-spacing-1px: 1px; --kendo-spacing-0\.5: 0.125rem; --kendo-spacing-1: 0.25rem; --kendo-spacing-1\.5: 0.375rem; --kendo-spacing-2: 0.5rem; --kendo-spacing-2\.5: 0.625rem; --kendo-spacing-3: 0.75rem; --kendo-spacing-3\.5: 0.875rem; --kendo-spacing-4: 1rem; --kendo-spacing-4\.5: 1.125rem; --kendo-spacing-5: 1.25rem; --kendo-spacing-5\.5: 1.375rem; --kendo-spacing-6: 1.5rem; --kendo-spacing-6\.5: 1.625rem; --kendo-spacing-7: 1.75rem; --kendo-spacing-7\.5: 1.875rem; --kendo-spacing-8: 2rem; --kendo-spacing-9: 2.25rem; --kendo-spacing-10: 2.5rem; --kendo-spacing-11: 2.75rem; --kendo-spacing-12: 3rem; --kendo-spacing-13: 3.25rem; --kendo-spacing-14: 3.5rem; --kendo-spacing-15: 3.75rem; --kendo-spacing-16: 4rem; --kendo-spacing-17: 4.25rem; --kendo-spacing-18: 4.5rem; --kendo-spacing-19: 4.75rem; --kendo-spacing-20: 5rem; --kendo-spacing-21: 5.25rem; --kendo-spacing-22: 5.5rem; --kendo-spacing-23: 5.75rem; --kendo-spacing-24: 6rem; --kendo-spacing-25: 7rem; --kendo-spacing-26: 8rem; --kendo-spacing-27: 9rem; --kendo-spacing-28: 10rem; --kendo-spacing-29: 11rem; --kendo-spacing-30: 12rem; } :root { --kendo-border-radius-none: 0px; --kendo-border-radius-xs: 1px; --kendo-border-radius-sm: 0.125rem; --kendo-border-radius-md: 0.25rem; --kendo-border-radius-lg: 0.5rem; --kendo-border-radius-xl: 0.75rem; --kendo-border-radius-xxl: 1rem; --kendo-border-radius-xxxl: 1.25rem; --kendo-border-radius-full: 9999px; } .k-rounded-none { border-radius: var(--kendo-border-radius-none, 0px); } .k-rounded-xs { border-radius: var(--kendo-border-radius-xs, 1px); } .k-rounded-sm { border-radius: var(--kendo-border-radius-sm, 0.125rem); } .k-rounded-md { border-radius: var(--kendo-border-radius-md, 0.25rem); } .k-rounded-lg { border-radius: var(--kendo-border-radius-lg, 0.5rem); } .k-rounded-xl { border-radius: var(--kendo-border-radius-xl, 0.75rem); } .k-rounded-xxl { border-radius: var(--kendo-border-radius-xxl, 1rem); } .k-rounded-xxxl { border-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .k-rounded-full { border-radius: var(--kendo-border-radius-full, 9999px); } .k-svg-icon { width: 16px; height: 16px; outline: 0; line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative; } .k-svg-icon > svg { fill: currentColor; flex: 1 1 auto; } .k-svg-icon.k-icon-xs { width: calc(16px * 0.75); height: calc(16px * 0.75); } .k-svg-icon.k-icon-sm { width: calc(16px * 0.875); height: calc(16px * 0.875); } .k-svg-icon.k-icon-md { width: 16px; height: 16px; } .k-svg-icon.k-icon-lg { width: calc(16px * 1.25); height: calc(16px * 1.25); } .k-svg-icon.k-icon-xl { width: calc(16px * 1.5); height: calc(16px * 1.5); } .k-svg-icon.k-icon-xxl { width: calc(16px * 2); height: calc(16px * 2); } .k-svg-icon.k-icon-xxxl { width: calc(16px * 3); height: calc(16px * 3); } .k-flip-h.k-svg-icon, .k-svg-icon.k-flip-x, .k-flip-v.k-svg-icon, .k-svg-icon.k-flip-y, .k-flip-h.k-flip-v.k-svg-icon { transform: none; } .k-flip-h > svg, .k-flip-x > svg { transform: scaleX(-1); } .k-flip-v > svg, .k-flip-y > svg { transform: scaleY(-1); } .k-flip-h.k-flip-v > svg, .k-flip-h.k-flip-y > svg, .k-flip-v.k-flip-x > svg, .k-flip-x.k-flip-y > svg, .k-flip-both > svg { transform: scale(-1, -1); } .k-rotate-0.k-svg-icon { transform: none; } .k-rotate-0 > svg { transform: rotate(0deg); } .k-rotate-45.k-svg-icon { transform: none; } .k-rotate-45 > svg { transform: rotate(45deg); } .k-rotate-90.k-svg-icon { transform: none; } .k-rotate-90 > svg { transform: rotate(90deg); } .k-rotate-135.k-svg-icon { transform: none; } .k-rotate-135 > svg { transform: rotate(135deg); } .k-rotate-180.k-svg-icon { transform: none; } .k-rotate-180 > svg { transform: rotate(180deg); } .k-rotate-225.k-svg-icon { transform: none; } .k-rotate-225 > svg { transform: rotate(225deg); } .k-rotate-270.k-svg-icon { transform: none; } .k-rotate-270 > svg { transform: rotate(270deg); } .k-rotate-315.k-svg-icon { transform: none; } .k-rotate-315 > svg { transform: rotate(315deg); } .k-icon-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: flex-start; vertical-align: middle; position: relative; } .k-icon-wrap::before { content: "​"; width: 0; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-icon-wrapper-host { display: contents; } .k-icon-with-modifier { position: relative; margin: 0.25em; } .k-icon.k-icon-modifier { width: 1em; height: 1em; position: absolute; font-size: 0.5em; bottom: 0; right: 0; margin: 0 -0.5em -0.5em 0; } .k-i-none::before { content: ""; display: none; } .k-icon-action { display: inline-flex; padding: var(--kendo-spacing-1, 0.25rem); line-height: 1; align-items: center; vertical-align: middle; cursor: pointer; } .k-sprite { display: inline-block; width: 16px; height: 16px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; } .k-image { display: inline-block; } .k-rotate-0 { transform: rotate(0deg); } .\!k-rotate-0 { transform: rotate(0deg) !important; } .k-rotate-45 { transform: rotate(45deg); } .\!k-rotate-45 { transform: rotate(45deg) !important; } .k-rotate-90 { transform: rotate(90deg); } .\!k-rotate-90 { transform: rotate(90deg) !important; } .k-rotate-135 { transform: rotate(135deg); } .\!k-rotate-135 { transform: rotate(135deg) !important; } .k-rotate-180 { transform: rotate(180deg); } .\!k-rotate-180 { transform: rotate(180deg) !important; } .k-rotate-225 { transform: rotate(225deg); } .\!k-rotate-225 { transform: rotate(225deg) !important; } .k-rotate-270 { transform: rotate(270deg); } .\!k-rotate-270 { transform: rotate(270deg) !important; } .k-rotate-315 { transform: rotate(315deg); } .\!k-rotate-315 { transform: rotate(315deg) !important; } .k-flip-h, .k-flip-x { transform: scaleX(-1); } .\!k-flip-h, .\!k-flip-x { transform: scaleX(-1) !important; } .k-flip-v, .k-flip-y { transform: scaleY(-1); } .\!k-flip-v, .\!k-flip-y { transform: scaleY(-1) !important; } .k-flip-h.k-flip-v, .k-flip-h.k-flip-y, .k-flip-v.k-flip-x, .k-flip-x.k-flip-y { transform: scale(-1, -1); } .\!k-flip-h.\!k-flip-v, .\!k-flip-h.\!k-flip-y, .\!k-flip-v.\!k-flip-x, .\!k-flip-x.\!k-flip-y { transform: scale(-1, -1) !important; } .k-text-app-surface { color: var(--kendo-color-app-surface, #ffffff); } .\!k-text-app-surface { color: var(--kendo-color-app-surface, #ffffff) !important; } .k-text-on-app-surface { color: var(--kendo-color-on-app-surface, #212121); } .\!k-text-on-app-surface { color: var(--kendo-color-on-app-surface, #212121) !important; } .k-text-subtle { color: var(--kendo-color-subtle, #757575); } .\!k-text-subtle { color: var(--kendo-color-subtle, #757575) !important; } .k-text-surface { color: var(--kendo-color-surface, #f5f5f5); } .\!k-text-surface { color: var(--kendo-color-surface, #f5f5f5) !important; } .k-text-surface-alt { color: var(--kendo-color-surface-alt, #ffffff); } .\!k-text-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) !important; } .k-text-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .\!k-text-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important; } .k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .\!k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !important; } .k-text-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb); } .\!k-text-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) !important; } .k-text-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad); } .\!k-text-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad) !important; } .k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee); } .\!k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee) !important; } .k-text-primary { color: var(--kendo-color-primary, #3f51b5); } .\!k-text-primary { color: var(--kendo-color-primary, #3f51b5) !important; } .k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7); } .\!k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7) !important; } .k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9); } .\!k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9) !important; } .k-text-secondary { color: var(--kendo-color-secondary, #e51a5f); } .\!k-text-secondary { color: var(--kendo-color-secondary, #e51a5f) !important; } .k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9); } .\!k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9) !important; } .k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .\!k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8) !important; } .k-text-tertiary { color: var(--kendo-color-tertiary, #00695c); } .\!k-text-tertiary { color: var(--kendo-color-tertiary, #00695c) !important; } .k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7); } .\!k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7) !important; } .k-text-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb); } .\!k-text-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb) !important; } .k-text-info { color: var(--kendo-color-info, #0058e9); } .\!k-text-info { color: var(--kendo-color-info, #0058e9) !important; } .k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4); } .\!k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4) !important; } .k-text-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc); } .\!k-text-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc) !important; } .k-text-success { color: var(--kendo-color-success, #37b400); } .\!k-text-success { color: var(--kendo-color-success, #37b400) !important; } .k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775); } .\!k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775) !important; } .k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce); } .\!k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce) !important; } .k-text-warning { color: var(--kendo-color-warning, #ffc000); } .\!k-text-warning { color: var(--kendo-color-warning, #ffc000) !important; } .k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f); } .\!k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f) !important; } .k-text-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2); } .\!k-text-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2) !important; } .k-text-error { color: var(--kendo-color-error, #f31700); } .\!k-text-error { color: var(--kendo-color-error, #f31700) !important; } .k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83); } .\!k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83) !important; } .k-text-light-subtle { color: var(--kendo-color-light-subtle, #fafafa); } .\!k-text-light-subtle { color: var(--kendo-color-light-subtle, #fafafa) !important; } .k-text-light { color: var(--kendo-color-light, #f5f5f5); } .\!k-text-light { color: var(--kendo-color-light, #f5f5f5) !important; } .k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0); } .\!k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0) !important; } .k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7); } .\!k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7) !important; } .k-text-dark { color: var(--kendo-color-dark, #424242); } .\!k-text-dark { color: var(--kendo-color-dark, #424242) !important; } .k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e); } .\!k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e) !important; } .k-text-inherit { color: var(--kendo-color-inherit, inherit); } .\!k-text-inherit { color: var(--kendo-color-inherit, inherit) !important; } .k-text-current { color: var(--kendo-color-current, currentColor); } .\!k-text-current { color: var(--kendo-color-current, currentColor) !important; } .k-text-transparent { color: var(--kendo-color-transparent, transparent); } .\!k-text-transparent { color: var(--kendo-color-transparent, transparent) !important; } .k-text-black { color: var(--kendo-color-black, black); } .\!k-text-black { color: var(--kendo-color-black, black) !important; } .k-text-white { color: var(--kendo-color-white, white); } .\!k-text-white { color: var(--kendo-color-white, white) !important; } .k-color-app-surface { color: var(--kendo-color-app-surface, #ffffff); } .\!k-color-app-surface { color: var(--kendo-color-app-surface, #ffffff) !important; } .k-color-on-app-surface { color: var(--kendo-color-on-app-surface, #212121); } .\!k-color-on-app-surface { color: var(--kendo-color-on-app-surface, #212121) !important; } .k-color-subtle { color: var(--kendo-color-subtle, #757575); } .\!k-color-subtle { color: var(--kendo-color-subtle, #757575) !important; } .k-color-surface { color: var(--kendo-color-surface, #f5f5f5); } .\!k-color-surface { color: var(--kendo-color-surface, #f5f5f5) !important; } .k-color-surface-alt { color: var(--kendo-color-surface-alt, #ffffff); } .\!k-color-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) !important; } .k-color-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .\!k-color-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important; } .k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .\!k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !important; } .k-color-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb); } .\!k-color-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) !important; } .k-color-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad); } .\!k-color-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad) !important; } .k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee); } .\!k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee) !important; } .k-color-primary { color: var(--kendo-color-primary, #3f51b5); } .\!k-color-primary { color: var(--kendo-color-primary, #3f51b5) !important; } .k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7); } .\!k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7) !important; } .k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9); } .\!k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9) !important; } .k-color-secondary { color: var(--kendo-color-secondary, #e51a5f); } .\!k-color-secondary { color: var(--kendo-color-secondary, #e51a5f) !important; } .k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9); } .\!k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9) !important; } .k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .\!k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8) !important; } .k-color-tertiary { color: var(--kendo-color-tertiary, #00695c); } .\!k-color-tertiary { color: var(--kendo-color-tertiary, #00695c) !important; } .k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7); } .\!k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7) !important; } .k-color-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb); } .\!k-color-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb) !important; } .k-color-info { color: var(--kendo-color-info, #0058e9); } .\!k-color-info { color: var(--kendo-color-info, #0058e9) !important; } .k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4); } .\!k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4) !important; } .k-color-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc); } .\!k-color-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc) !important; } .k-color-success { color: var(--kendo-color-success, #37b400); } .\!k-color-success { color: var(--kendo-color-success, #37b400) !important; } .k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775); } .\!k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775) !important; } .k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce); } .\!k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce) !important; } .k-color-warning { color: var(--kendo-color-warning, #ffc000); } .\!k-color-warning { color: var(--kendo-color-warning, #ffc000) !important; } .k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f); } .\!k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f) !important; } .k-color-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2); } .\!k-color-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2) !important; } .k-color-error { color: var(--kendo-color-error, #f31700); } .\!k-color-error { color: var(--kendo-color-error, #f31700) !important; } .k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83); } .\!k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83) !important; } .k-color-light-subtle { color: var(--kendo-color-light-subtle, #fafafa); } .\!k-color-light-subtle { color: var(--kendo-color-light-subtle, #fafafa) !important; } .k-color-light { color: var(--kendo-color-light, #f5f5f5); } .\!k-color-light { color: var(--kendo-color-light, #f5f5f5) !important; } .k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0); } .\!k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0) !important; } .k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7); } .\!k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7) !important; } .k-color-dark { color: var(--kendo-color-dark, #424242); } .\!k-color-dark { color: var(--kendo-color-dark, #424242) !important; } .k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e); } .\!k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e) !important; } .k-color-inherit { color: var(--kendo-color-inherit, inherit); } .\!k-color-inherit { color: var(--kendo-color-inherit, inherit) !important; } .k-color-current { color: var(--kendo-color-current, currentColor); } .\!k-color-current { color: var(--kendo-color-current, currentColor) !important; } .k-color-transparent { color: var(--kendo-color-transparent, transparent); } .\!k-color-transparent { color: var(--kendo-color-transparent, transparent) !important; } .k-color-black { color: var(--kendo-color-black, black); } .\!k-color-black { color: var(--kendo-color-black, black) !important; } .k-color-white { color: var(--kendo-color-white, white); } .\!k-color-white { color: var(--kendo-color-white, white) !important; } .k-listgroup { border-radius: var(--kendo-border-radius-md, 0.25rem); margin: 0; padding: 0; border-width: 1px; border-style: solid; font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; list-style: none; display: flex; flex-direction: column; position: relative; overflow: hidden; } .k-listgroup > ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; } .k-listgroup .k-listgroup-item + .k-listgroup-item { border-top-width: 1px; } .k-listgroup-flush { border-radius: 0; border-left-width: 0; border-right-width: 0; } .k-listgroup-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0; border-style: solid; border-color: inherit; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 0 0 auto; position: relative; } .k-listgroup-item > .k-link { margin-block: calc(var(--kendo-spacing-2, 0.5rem) * -1); margin-inline: calc(var(--kendo-spacing-2, 0.5rem) * -1); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); color: inherit; text-decoration: none; outline: 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex: 1 1 auto; position: relative; } .k-listgroup-item > .k-link > .k-select { padding: var(--kendo-spacing-2, 0.5rem); display: flex; align-items: center; flex: 0 0 auto; position: absolute; top: 50%; inset-inline-end: 0; transform: translateY(-50%); } .k-listgroup-item-segmented { align-items: stretch; } .k-listgroup-item-segmented > .k-link { margin-right: 0; } .k-listgroup-item-segmented > .k-select { margin: calc(var(--kendo-spacing-2, 0.5rem) * -1) calc(var(--kendo-spacing-2, 0.5rem) * -1) calc(var(--kendo-spacing-2, 0.5rem) * -1) 0; padding: var(--kendo-spacing-2, 0.5rem); border-width: 0 0 0 1px; border-style: solid; border-color: inherit; cursor: pointer; } .k-listgroup-form-row { margin-block: calc(var(--kendo-spacing-2, 0.5rem) * -1); margin-inline: calc(var(--kendo-spacing-2, 0.5rem) * -1); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex: 1 1 auto; position: relative; } .k-listgroup-form-row .k-listgroup-form-field-label { width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-listgroup-form-row .k-listgroup-form-field-wrapper { width: 50%; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; text-align: end; position: relative; } .k-listgroup-form-row .k-listgroup-form-field-wrapper select, .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=text], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=password], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=date], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=time], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=datetime-local], .k-listgroup-form-row .k-listgroup-form-field-wrapper input[type=number], .k-listgroup-form-row .k-listgroup-form-field-wrapper textarea { width: 100%; box-sizing: border-box; flex: 1 1 100%; } .k-listgroup-form-row .k-listgroup-form-field-wrapper textarea { min-height: 4em; resize: vertical; } .k-listgroup-item.k-listgroup-form-row { margin: 0; } [dir=rtl] .k-listgroup-item > .k-link > .k-select { right: auto; left: 0; } [dir=rtl] .k-listgroup-item-segmented > .k-link { margin-right: calc(var(--kendo-spacing-2, 0.5rem) * -1); margin-left: 0; } [dir=rtl] .k-listgroup-item-segmented > .k-select { margin-right: 0; margin-left: calc(var(--kendo-spacing-2, 0.5rem) * -1); border-right-width: 1px; border-left-width: 0; } .k-noflexbox .k-listgroup, .k-noflexbox .k-listgroup > ul .k-listgroup-item, .k-noflexbox .k-listgroup-item > .k-link { display: block; } .k-listgroup { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-checkbox { margin: 0; padding: 0; line-height: initial; border-width: 2px; border-style: solid; outline: 0; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; flex: none; vertical-align: middle; position: relative; cursor: pointer; -webkit-appearance: none; } .k-checkbox:checked, .k-checkbox.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='var%28--kendo-color-on-primary, %23ffffff%29' stroke-width='3' d='M4.1,12.7 9,17.6 20.3,6.3'/%3e%3c/svg%3e"); } .k-checkbox:indeterminate, .k-checkbox.k-indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='var%28--kendo-color-on-primary, %23ffffff%29' stroke-width='3' d='M4 10h12'/%3e%3c/svg%3e"); } .k-checkbox:disabled, .k-checkbox.k-disabled { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-checkbox-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: flex-start; vertical-align: middle; position: relative; } .k-checkbox-wrap::before { content: "​"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-checkbox-label { margin: 0; padding: 0; display: inline-flex; align-items: flex-start; gap: var(--kendo-spacing-1, 0.25rem); vertical-align: middle; position: relative; cursor: pointer; } .k-checkbox-label .k-ripple { visibility: hidden !important; } .k-checkbox + .k-label, .k-checkbox-wrap + .k-label, .k-checkbox + .k-checkbox-label, .k-checkbox-wrap + .k-checkbox-label { display: inline; margin-inline-start: var(--kendo-spacing-1, 0.25rem); } .k-checkbox-label:empty { display: none !important; } .k-checkbox-label.k-no-text { min-width: 1px; } .k-checkbox-list { margin: 0; padding: 0; display: flex; flex-flow: column nowrap; gap: 0; list-style: none; } .k-checkbox-item, .k-checkbox-list-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-0, 0px); display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 0.25rem); } .k-checkbox-item .k-checkbox-label, .k-checkbox-list-item .k-checkbox-label { margin: 0; } .k-checkbox-list-horizontal, .k-checkbox-list.k-list-horizontal { display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-4, 1rem); } .k-ripple-container .k-checkbox::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 100%; z-index: -1; transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-50%, -50%) scale(0); transform-origin: center center; } .k-ripple-container .k-checkbox:focus, .k-ripple-container .k-checkbox.k-focus { box-shadow: none !important; } .k-ripple-container .k-checkbox:disabled::after, .k-ripple-container .k-checkbox.k-disabled::after { display: none; } .k-checkbox-sm { width: var(--kendo-spacing-3, 0.75rem); height: var(--kendo-spacing-3, 0.75rem); } .k-checkbox-sm::before { font-size: var(--kendo-spacing-2\.5, 0.625rem); } .k-ripple-container .k-checkbox-sm::after { width: 300%; height: 300%; } .k-checkbox-md { width: var(--kendo-spacing-4, 1rem); height: var(--kendo-spacing-4, 1rem); } .k-checkbox-md::before { font-size: var(--kendo-spacing-3\.5, 0.875rem); } .k-ripple-container .k-checkbox-md::after { width: 300%; height: 300%; } .k-checkbox-lg { width: var(--kendo-spacing-5, 1.25rem); height: var(--kendo-spacing-5, 1.25rem); } .k-checkbox-lg::before { font-size: var(--kendo-spacing-4\.5, 1.125rem); } .k-ripple-container .k-checkbox-lg::after { width: 300%; height: 300%; } .k-checkbox { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } } .k-checkbox:indeterminate, .k-checkbox.k-indeterminate { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-checkbox:checked, .k-checkbox.k-checked { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-checkbox:disabled, .k-checkbox.k-disabled { border-color: var(--kendo-color-base-emphasis, #adadad); } .k-checkbox:checked:disabled, .k-checkbox:indeterminate:disabled, .k-checkbox.k-checked.k-disabled, .k-checkbox.k-indeterminate.k-disabled { border-color: var(--kendo-color-base-emphasis, #adadad); color: var(--kendo-color-on-base, #212121); background-color: var(--kendo-color-base-emphasis, #adadad); } .k-checkbox.k-invalid { border-color: var(--kendo-color-error, #f31700); } .k-checkbox.k-invalid + .k-checkbox-label { color: var(--kendo-color-error, #f31700); } .k-checkbox-wrap .k-ripple-blob { color: var(--kendo-color-primary, #3f51b5); opacity: 0.2; } .k-ripple-container .k-checkbox::after { background: var(--kendo-color-primary, #3f51b5); opacity: 0.2; } .k-checkbox:disabled + .k-checkbox-label { color: var(--kendo-color-subtle, #757575); opacity: 1; filter: none; } .k-radio { border-radius: 50%; margin: 0; padding: 0; line-height: initial; border-width: 2px; border-style: solid; outline: 0; box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; flex: none; vertical-align: middle; position: relative; cursor: pointer; -webkit-appearance: none; } .k-radio:checked, .k-radio.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='var%28--kendo-color-primary, %233f51b5%29'/%3e%3c/svg%3e"); } .k-radio:disabled, .k-radio.k-disabled { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-radio:disabled:checked, .k-radio.k-disabled.k-checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='var%28--kendo-color-base-emphasis, %23adadad%29'/%3e%3c/svg%3e"); } .k-radio-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: start; vertical-align: middle; position: relative; } .k-radio-wrap::before { content: "​"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-radio-label { margin: 0; padding: 0; display: inline-flex; align-items: flex-start; gap: var(--kendo-spacing-1, 0.25rem); vertical-align: middle; position: relative; cursor: pointer; } .k-radio-label .k-ripple { visibility: hidden !important; } .k-radio + .k-label, .k-radio-wrap + .k-label, .k-radio + .k-radio-label, .k-radio-wrap + .k-radio-label { display: inline; margin-inline-start: var(--kendo-spacing-1, 0.25rem); } .k-radio-label:empty { display: none !important; } .k-radio-label.k-no-text { min-width: 1px; } .k-radio-list { margin: 0; padding: 0; display: flex; flex-flow: column nowrap; gap: 0; list-style: none; } .k-radio-item, .k-radio-list-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-0, 0px); display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-1, 0.25rem); } .k-radio-item .k-radio-label, .k-radio-list-item .k-radio-label { margin: 0; } .k-radio-list-horizontal, .k-radio-list.k-list-horizontal { display: flex; flex-flow: row wrap; gap: var(--kendo-spacing-4, 1rem); } .k-ripple-container .k-radio::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 100%; z-index: -1; transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1); transform: translate(-50%, -50%) scale(0); transform-origin: center center; } .k-ripple-container .k-radio:focus, .k-ripple-container .k-radio.k-focus { box-shadow: none !important; } .k-ripple-container .k-radio:disabled::after, .k-ripple-container .k-radio.k-disabled::after { display: none; } .k-ripple-container .k-radio:disabled::after, .k-ripple-container .k-radio.k-disabled::after { display: none; } .k-radio-sm { width: var(--kendo-spacing-3, 0.75rem); height: var(--kendo-spacing-3, 0.75rem); } .k-radio-sm::before { font-size: var(--kendo-spacing-2\.5, 0.625rem); } .k-ripple-container .k-radio-sm::after { width: 300%; height: 300%; } .k-radio-md { width: var(--kendo-spacing-4, 1rem); height: var(--kendo-spacing-4, 1rem); } .k-radio-md::before { font-size: var(--kendo-spacing-3\.5, 0.875rem); } .k-ripple-container .k-radio-md::after { width: 300%; height: 300%; } .k-radio-lg { width: var(--kendo-spacing-5, 1.25rem); height: var(--kendo-spacing-5, 1.25rem); } .k-radio-lg::before { font-size: var(--kendo-spacing-4\.5, 1.125rem); } .k-ripple-container .k-radio-lg::after { width: 300%; height: 300%; } .k-radio::before { transition: transform linear 280ms; transform-origin: 0 0; } .k-radio { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } } .k-radio.k-invalid, .k-radio.ng-invalid.ng-touched, .k-radio.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .k-radio.k-invalid + .k-radio-label, .k-radio.ng-invalid.ng-touched + .k-radio-label, .k-radio.ng-invalid.ng-dirty + .k-radio-label { color: var(--kendo-color-error, #f31700); } .k-radio:checked, .k-radio.k-checked { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-primary, #3f51b5); } .k-radio:disabled, .k-radio.k-disabled { border-color: var(--kendo-color-base-emphasis, #adadad); } .k-radio:checked:disabled, .k-radio.k-checked.k-disabled { border-color: var(--kendo-color-base-emphasis, #adadad); color: var(--kendo-color-base-emphasis, #adadad); } .k-ripple-container .k-radio::after { background: var(--kendo-color-primary, #3f51b5); opacity: 0.2; } .k-radio:disabled + .k-radio-label { color: var(--kendo-color-subtle, #757575); opacity: 1; filter: none; } .k-switch { box-sizing: border-box; outline: 0; display: inline-flex; align-items: center; vertical-align: middle; line-height: 1; position: relative; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-switch *, .k-switch *::before, .k-switch *::after { box-sizing: border-box; } .k-switch [type=checkbox] { display: none; } .k-switch[aria-readonly=true] { pointer-events: none; } .k-switch.k-readonly { pointer-events: none; } .k-switch-track { outline: 0; display: flex; flex-flow: row nowrap; flex: 1 0 auto; position: relative; transition: background-color 200ms ease-in-out; } .k-switch-thumb-wrap { width: 0; height: 0; overflow: visible; position: absolute; transition: left 200ms ease-in-out; top: 50%; } .k-switch-thumb { display: block; position: absolute; transform: translate(-50%, -50%); } .k-switch-label-on, .k-switch-label-off { display: none; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; } .k-switch-sm { width: 26px; height: 12px; } .k-switch-sm .k-switch-track { width: 26px; height: 12px; } .k-switch-sm .k-switch-label-on { left: 0px; } .k-switch-sm .k-switch-label-off { right: 0px; } .k-switch-sm .k-switch-thumb { width: 16px; height: 16px; } .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 8px - -2px); } .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: calc(8px + -2px); } .k-switch-sm[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-sm .k-switch-label-on, .k-rtl .k-switch-sm .k-switch-label-on { left: auto; right: 0px; } .k-switch-sm[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-sm .k-switch-label-off, .k-rtl .k-switch-sm .k-switch-label-off { right: auto; left: 0px; } .k-switch-sm[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap { left: calc(8px + -2px); } .k-switch-sm[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-sm.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 8px - -2px); } .k-switch-md { width: 32px; height: 14px; } .k-switch-md .k-switch-track { width: 32px; height: 14px; } .k-switch-md .k-switch-label-on { left: 0px; } .k-switch-md .k-switch-label-off { right: 0px; } .k-switch-md .k-switch-thumb { width: 20px; height: 20px; } .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 10px - -3px); } .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: calc(10px + -3px); } .k-switch-md[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-md .k-switch-label-on, .k-rtl .k-switch-md .k-switch-label-on { left: auto; right: 0px; } .k-switch-md[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-md .k-switch-label-off, .k-rtl .k-switch-md .k-switch-label-off { right: auto; left: 0px; } .k-switch-md[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap { left: calc(10px + -3px); } .k-switch-md[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-md.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 10px - -3px); } .k-switch-lg { width: 38px; height: 16px; } .k-switch-lg .k-switch-track { width: 38px; height: 16px; } .k-switch-lg .k-switch-label-on { left: 0px; } .k-switch-lg .k-switch-label-off { right: 0px; } .k-switch-lg .k-switch-thumb { width: 24px; height: 24px; } .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: calc(100% - 12px - -4px); } .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: calc(12px + -4px); } .k-switch-lg[dir=rtl] .k-switch-label-on, [dir=rtl] .k-switch-lg .k-switch-label-on, .k-rtl .k-switch-lg .k-switch-label-on { left: auto; right: 0px; } .k-switch-lg[dir=rtl] .k-switch-label-off, [dir=rtl] .k-switch-lg .k-switch-label-off, .k-rtl .k-switch-lg .k-switch-label-off { right: auto; left: 0px; } .k-switch-lg[dir=rtl].k-switch-on .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-on .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap { left: calc(12px + -4px); } .k-switch-lg[dir=rtl].k-switch-off .k-switch-thumb-wrap, [dir=rtl] .k-switch-lg.k-switch-off .k-switch-thumb-wrap, .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap { left: calc(100% - 12px - -4px); } .k-switch[dir=rtl] .k-switch-thumb, [dir=rtl] .k-switch .k-switch-thumb, .k-switch.k-rtl .k-switch-thumb, .k-rtl .k-switch .k-switch-thumb { transform: translate(50%, -50%); } .k-switch .k-switch-thumb::before { content: ""; width: 200%; height: 200%; border-radius: 100%; display: none; opacity: 0; transform: translate(-50%, -50%); position: absolute; z-index: -1; top: 50%; left: 50%; pointer-events: none; } .k-switch:hover .k-switch-thumb::before, .k-switch.k-hover .k-switch-thumb::before { display: block; opacity: 0.04; } .k-switch:focus .k-switch-thumb::before, .k-switch.k-focus .k-switch-thumb::before { display: block; opacity: 0.12; } .k-switch-off .k-switch-track { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 38%, transparent); } } .k-switch-off .k-switch-thumb { background-color: var(--kendo-color-app-surface, #ffffff); } .k-switch-off .k-switch-label-on { color: transparent; } .k-switch-on .k-switch-track { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 44%, transparent); } } .k-switch-on .k-switch-thumb { background-color: var(--kendo-color-primary, #3f51b5); } .k-switch-on .k-switch-label-off { color: transparent; } .k-switch .k-switch-thumb { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-switch.k-switch-on .k-switch-thumb::before { background-color: inherit; } .k-switch.k-switch-off .k-switch-thumb::before { background-color: var(--kendo-color-on-app-surface, #212121); } .k-badge { padding: 0; border-width: 1px; border-style: solid; border-color: transparent; box-sizing: border-box; color: inherit; background-color: transparent; font: inherit; text-align: center; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; } .k-badge *, .k-badge *::before, .k-badge *::after { box-sizing: border-box; } .k-badge > * { color: inherit; } a.k-badge, .k-badge > a { text-decoration: none; } a.k-badge:hover, .k-badge > a:hover { text-decoration: underline; } .k-badge-icon { max-width: 1em; max-height: 1em; font-size: inherit; } .k-badge-icon.k-svg-icon svg { fill: currentColor; } .k-badge-sm { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-0\.5, 0.125rem); font-size: var(--kendo-font-size-xs, inherit); line-height: 1; min-width: calc(1em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 2px); } .k-badge-sm:empty { padding: var(--kendo-spacing-0\.5, 0.125rem); min-width: auto; } .k-badge-md { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); font-size: var(--kendo-font-size-xs, inherit); line-height: 1; min-width: calc(1em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px); } .k-badge-md:empty { padding: var(--kendo-spacing-1, 0.25rem); min-width: auto; } .k-badge-lg { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1\.5, 0.375rem); font-size: var(--kendo-font-size-xs, inherit); line-height: 1; min-width: calc(1em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px); } .k-badge-lg:empty { padding: var(--kendo-spacing-1\.5, 0.375rem); min-width: auto; } kendo-badge-container { display: inline-block; } .k-badge-container { position: relative; overflow: visible; } .k-badge-inside { position: absolute; z-index: 9999; } .k-badge-edge { position: absolute; z-index: 9999; } .k-badge-edge.k-top-start { transform: translate(-50%, -50%); } .k-badge-edge.k-top-end { transform: translate(50%, -50%); } .k-badge-edge.k-bottom-start { transform: translate(-50%, 50%); } .k-badge-edge.k-bottom-end { transform: translate(50%, 50%); } .k-rtl .k-badge-edge.k-top-start, [dir=rtl].k-badge-edge.k-top-start, [dir=rtl] .k-badge-edge.k-top-start { transform: translate(50%, -50%); } .k-rtl .k-badge-edge.k-top-end, [dir=rtl].k-badge-edge.k-top-end, [dir=rtl] .k-badge-edge.k-top-end { transform: translate(-50%, -50%); } .k-rtl .k-badge-edge.k-bottom-start, [dir=rtl].k-badge-edge.k-bottom-start, [dir=rtl] .k-badge-edge.k-bottom-start { transform: translate(50%, 50%); } .k-rtl .k-badge-edge.k-bottom-end, [dir=rtl].k-badge-edge.k-bottom-end, [dir=rtl] .k-badge-edge.k-bottom-end { transform: translate(-50%, 50%); } .k-badge-outside { position: absolute; z-index: 9999; } .k-badge-outside.k-top-start { transform: translate(-100%, -100%); } .k-badge-outside.k-top-end { transform: translate(100%, -100%); } .k-badge-outside.k-bottom-start { transform: translate(-100%, 100%); } .k-badge-outside.k-bottom-end { transform: translate(100%, 100%); } .k-rtl .k-badge-outside.k-top-start, [dir=rtl].k-badge-outside.k-top-start, [dir=rtl] .k-badge-outside.k-top-start { transform: translate(100%, -100%); } .k-rtl .k-badge-outside.k-top-end, [dir=rtl].k-badge-outside.k-top-end, [dir=rtl] .k-badge-outside.k-top-end { transform: translate(-100%, -100%); } .k-rtl .k-badge-outside.k-bottom-start, [dir=rtl].k-badge-outside.k-bottom-start, [dir=rtl] .k-badge-outside.k-bottom-start { transform: translate(100%, 100%); } .k-rtl .k-badge-outside.k-bottom-end, [dir=rtl].k-badge-outside.k-bottom-end, [dir=rtl] .k-badge-outside.k-bottom-end { transform: translate(-100%, 100%); } .k-badge-border-cutout { box-shadow: 0 0 0 2px var(--kendo-color-surface-alt, #ffffff); } .k-badge-solid-primary { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-badge-solid-secondary { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-badge-solid-tertiary { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-badge-solid-info { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-badge-solid-success { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-badge-solid-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-badge-solid-error { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-badge-solid-dark { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-badge-solid-light { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-badge-solid-inverse { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-badge-outline { border-color: currentColor; background-color: transparent; } .k-badge-outline-primary { color: var(--kendo-color-primary, #3f51b5); } .k-badge-outline-secondary { color: var(--kendo-color-secondary, #e51a5f); } .k-badge-outline-tertiary { color: var(--kendo-color-tertiary, #00695c); } .k-badge-outline-info { color: var(--kendo-color-info, #0058e9); } .k-badge-outline-success { color: var(--kendo-color-success, #37b400); } .k-badge-outline-warning { color: var(--kendo-color-warning, #ffc000); } .k-badge-outline-error { color: var(--kendo-color-error, #f31700); } .k-badge-outline-dark { color: var(--kendo-color-dark, #424242); } .k-badge-outline-light { color: var(--kendo-color-light, #f5f5f5); } .k-badge-outline-inverse { color: var(--kendo-color-dark, #424242); } .k-button { box-sizing: border-box; border-width: 1px; border-style: solid; color: inherit; background: none; font-family: var(--kendo-font-size-sm, inherit); text-align: center; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: var(--kendo-spacing-2, 0.5rem); vertical-align: middle; -webkit-user-select: none; user-select: none; cursor: pointer; outline: none; -webkit-appearance: none; position: relative; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } .k-button *, .k-button *::before, .k-button *::after { box-sizing: border-box; } .k-button:disabled, .k-button.k-disabled { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-button::-moz-focus-inner { padding: 0; border: 0; outline: 0; } .k-button:hover, .k-button:focus { text-decoration: none; outline: 0; } .k-icon-button { gap: 0; } .k-icon-button .k-icon { display: inline-flex; } .k-button-icon { color: inherit; align-self: center; position: relative; } .k-button-sm { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-button-sm.k-icon-button { padding: var(--kendo-spacing-1\.5, 0.375rem); } .k-button-sm.k-icon-button .k-button-icon { min-width: calc(var(--kendo-font-size, inherit) * 1.4285714286); min-height: calc(var(--kendo-font-size, inherit) * 1.4285714286); display: inline-flex; align-items: center; justify-content: center; } .k-button-sm.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-sm.k-icon-button .k-button-icon.k-icon-md > svg { width: 16px; height: 16px; } .k-button-sm.k-icon-button .k-button-icon.k-icon-xs > svg { width: calc(16px * 0.75); height: calc(16px * 0.75); } .k-button-sm.k-icon-button .k-button-icon.k-icon-sm > svg { width: calc(16px * 0.875); height: calc(16px * 0.875); } .k-button-sm.k-icon-button .k-button-icon.k-icon-lg > svg { width: calc(16px * 1.25); height: calc(16px * 1.25); } .k-button-sm.k-icon-button .k-button-icon.k-icon-xl > svg { width: calc(16px * 1.5); height: calc(16px * 1.5); } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxl > svg { width: calc(16px * 2); height: calc(16px * 2); } .k-button-sm.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: calc(16px * 3); height: calc(16px * 3); } .k-button-md { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-button-md.k-icon-button { padding: var(--kendo-spacing-2, 0.5rem); } .k-button-md.k-icon-button .k-button-icon { min-width: calc(var(--kendo-font-size, inherit) * 1.4285714286); min-height: calc(var(--kendo-font-size, inherit) * 1.4285714286); display: inline-flex; align-items: center; justify-content: center; } .k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-md.k-icon-button .k-button-icon.k-icon-md > svg { width: 16px; height: 16px; } .k-button-md.k-icon-button .k-button-icon.k-icon-xs > svg { width: calc(16px * 0.75); height: calc(16px * 0.75); } .k-button-md.k-icon-button .k-button-icon.k-icon-sm > svg { width: calc(16px * 0.875); height: calc(16px * 0.875); } .k-button-md.k-icon-button .k-button-icon.k-icon-lg > svg { width: calc(16px * 1.25); height: calc(16px * 1.25); } .k-button-md.k-icon-button .k-button-icon.k-icon-xl > svg { width: calc(16px * 1.5); height: calc(16px * 1.5); } .k-button-md.k-icon-button .k-button-icon.k-icon-xxl > svg { width: calc(16px * 2); height: calc(16px * 2); } .k-button-md.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: calc(16px * 3); height: calc(16px * 3); } .k-button-lg { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-4, 1rem); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-button-lg.k-icon-button { padding: var(--kendo-spacing-2\.5, 0.625rem); } .k-button-lg.k-icon-button .k-button-icon { min-width: calc(var(--kendo-font-size, inherit) * 1.4285714286); min-height: calc(var(--kendo-font-size, inherit) * 1.4285714286); display: inline-flex; align-items: center; justify-content: center; } .k-button-lg.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button-lg.k-icon-button .k-button-icon.k-icon-md > svg { width: 16px; height: 16px; } .k-button-lg.k-icon-button .k-button-icon.k-icon-xs > svg { width: calc(16px * 0.75); height: calc(16px * 0.75); } .k-button-lg.k-icon-button .k-button-icon.k-icon-sm > svg { width: calc(16px * 0.875); height: calc(16px * 0.875); } .k-button-lg.k-icon-button .k-button-icon.k-icon-lg > svg { width: calc(16px * 1.25); height: calc(16px * 1.25); } .k-button-lg.k-icon-button .k-button-icon.k-icon-xl > svg { width: calc(16px * 1.5); height: calc(16px * 1.5); } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxl > svg { width: calc(16px * 2); height: calc(16px * 2); } .k-button-lg.k-icon-button .k-button-icon.k-icon-xxxl > svg { width: calc(16px * 3); height: calc(16px * 3); } .k-button-square { aspect-ratio: 1; } .k-button-group { margin: 0; padding: 0; border-width: 0; box-sizing: border-box; list-style: none; outline: 0; display: inline-flex; flex-flow: row nowrap; vertical-align: middle; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-button-group > .k-button + .k-button { margin-inline-start: -1px; } .k-button-group > .k-button:hover, .k-button-group > .k-button.k-hover, .k-button-group > .k-button:focus, .k-button-group > .k-button.k-focus, .k-button-group > .k-button:active, .k-button-group > .k-button.k-active, .k-button-group > .k-button.k-selected { z-index: 2; } .k-button-group .k-button:not(:first-child):not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; border-start-start-radius: 0; border-end-start-radius: 0; } .k-button-group > .k-button:first-child:not(:only-child) { border-start-end-radius: 0; border-end-end-radius: 0; } .k-button-group > .k-button:last-child:not(:only-child) { border-start-start-radius: 0; border-end-start-radius: 0; } .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled { opacity: 1; filter: none; } .k-button-group-stretched { width: 100%; } .k-button-group-stretched > * { flex: 1 0 0%; overflow: hidden; } .k-button-flat { border-color: transparent !important; color: inherit; background: none !important; box-shadow: none !important; } .k-button-flat::before { display: block !important; } .k-button-flat::after { box-shadow: inset 0 0 0 2px currentColor; display: block !important; } .k-button-outline { border-color: currentColor; color: inherit; background: none; } .k-button-link { border-color: transparent; color: inherit; text-decoration: none; background: none; } .k-button-link:hover, .k-button-link.k-hover { text-decoration: underline; } .k-button-clear { border-color: transparent !important; color: inherit; background: none !important; box-shadow: none !important; } .k-button-overlay, .k-button::before { border-radius: inherit; content: ""; background: currentColor; opacity: 0; display: none; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 0; transition: opacity 0.2s ease-in-out; } .k-button:hover::before, .k-button.k-hover::before { opacity: 0.08; } .k-button:focus::before, .k-button.k-focus::before { opacity: 0.12; } .k-button.k-no-focus:not(:hover)::before, .k-button.k-no-focus:not(.k-hover)::before { opacity: 0; } .k-button:active::before, .k-button.k-active::before { opacity: 0.16; } .k-button.k-selected::before { opacity: 0.22; } .k-button::after { border-radius: inherit; content: ""; opacity: 0; display: none; pointer-events: none; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; z-index: 0; transition: opacity 0.2s ease-in-out; } .k-button { text-transform: uppercase; font-weight: 500; } .k-button::before { display: block; transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .k-button::after { display: none !important; } .k-button:disabled, .k-button[disabled], .k-button.k-disabled { opacity: 1; filter: none; } .k-button-solid::before { display: none; } .k-button-outline { background-color: transparent !important; box-shadow: none !important; } .k-button-link:hover::before, .k-button-link.k-hover::before, .k-button-link:active::before, .k-button-link.k-active::before, .k-button-link.k-selected::before { opacity: 0; } .k-button-link:focus::before, .k-button-link.k-focus::before { opacity: 0.12; } .k-button-clear::before, .k-button.k-clear::before { display: none; } .k-button-clear:focus::before, .k-button-clear.k-focus::before, .k-button-clear:active::before, .k-button.k-clear:focus::before, .k-button.k-clear.k-focus::before, .k-button.k-clear:active::before { display: block; } .k-overflow-button.k-button-group, .k-overflow-group.k-button-group { line-height: inherit; } .k-button-solid-base { border-color: var(--kendo-color-base, #ffffff); color: var(--kendo-color-on-base, #212121); background-color: var(--kendo-color-base, #ffffff); box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base:hover, .k-button-solid-base.k-hover { border-color: var(--kendo-color-base-hover, #ebebeb); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-button-solid-base:focus, .k-button-solid-base.k-focus { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base:active, .k-button-solid-base.k-active { border-color: var(--kendo-color-base-active, #d6d6d6); background-color: var(--kendo-color-base-active, #d6d6d6); box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base.k-selected { border-color: var(--kendo-color-base-active, #d6d6d6); background-color: var(--kendo-color-base-active, #d6d6d6); } .k-button-solid-base:disabled, .k-button-solid-base.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-primary { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-button-solid-primary:hover, .k-button-solid-primary.k-hover { border-color: var(--kendo-color-primary-hover, #3a4ba7); background-color: var(--kendo-color-primary-hover, #3a4ba7); } .k-button-solid-primary:active, .k-button-solid-primary.k-active { border-color: var(--kendo-color-primary-active, #354498); background-color: var(--kendo-color-primary-active, #354498); } .k-button-solid-primary.k-selected { border-color: var(--kendo-color-primary-active, #354498); background-color: var(--kendo-color-primary-active, #354498); } .k-button-solid-primary:disabled, .k-button-solid-primary.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-secondary { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover { border-color: var(--kendo-color-secondary-hover, #d31857); background-color: var(--kendo-color-secondary-hover, #d31857); } .k-button-solid-secondary:active, .k-button-solid-secondary.k-active { border-color: var(--kendo-color-secondary-active, #c01650); background-color: var(--kendo-color-secondary-active, #c01650); } .k-button-solid-secondary.k-selected { border-color: var(--kendo-color-secondary-active, #c01650); background-color: var(--kendo-color-secondary-active, #c01650); } .k-button-solid-secondary:disabled, .k-button-solid-secondary.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-tertiary { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover { border-color: var(--kendo-color-tertiary-hover, #006155); background-color: var(--kendo-color-tertiary-hover, #006155); } .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active { border-color: var(--kendo-color-tertiary-active, #00584d); background-color: var(--kendo-color-tertiary-active, #00584d); } .k-button-solid-tertiary.k-selected { border-color: var(--kendo-color-tertiary-active, #00584d); background-color: var(--kendo-color-tertiary-active, #00584d); } .k-button-solid-tertiary:disabled, .k-button-solid-tertiary.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-info { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-button-solid-info:hover, .k-button-solid-info.k-hover { border-color: var(--kendo-color-info-hover, #0251d6); background-color: var(--kendo-color-info-hover, #0251d6); } .k-button-solid-info:active, .k-button-solid-info.k-active { border-color: var(--kendo-color-info-active, #034ac3); background-color: var(--kendo-color-info-active, #034ac3); } .k-button-solid-info.k-selected { border-color: var(--kendo-color-info-active, #034ac3); background-color: var(--kendo-color-info-active, #034ac3); } .k-button-solid-info:disabled, .k-button-solid-info.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-success { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-button-solid-success:hover, .k-button-solid-success.k-hover { border-color: var(--kendo-color-success-hover, #33a600); background-color: var(--kendo-color-success-hover, #33a600); } .k-button-solid-success:active, .k-button-solid-success.k-active { border-color: var(--kendo-color-success-active, #2e9704); background-color: var(--kendo-color-success-active, #2e9704); } .k-button-solid-success.k-selected { border-color: var(--kendo-color-success-active, #2e9704); background-color: var(--kendo-color-success-active, #2e9704); } .k-button-solid-success:disabled, .k-button-solid-success.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-button-solid-warning:hover, .k-button-solid-warning.k-hover { border-color: var(--kendo-color-warning-hover, #ebb201); background-color: var(--kendo-color-warning-hover, #ebb201); } .k-button-solid-warning:active, .k-button-solid-warning.k-active { border-color: var(--kendo-color-warning-active, #d6a202); background-color: var(--kendo-color-warning-active, #d6a202); } .k-button-solid-warning.k-selected { border-color: var(--kendo-color-warning-active, #d6a202); background-color: var(--kendo-color-warning-active, #d6a202); } .k-button-solid-warning:disabled, .k-button-solid-warning.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-error { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-button-solid-error:hover, .k-button-solid-error.k-hover { border-color: var(--kendo-color-error-hover, #e01701); background-color: var(--kendo-color-error-hover, #e01701); } .k-button-solid-error:active, .k-button-solid-error.k-active { border-color: var(--kendo-color-error-active, #cc1505); background-color: var(--kendo-color-error-active, #cc1505); } .k-button-solid-error.k-selected { border-color: var(--kendo-color-error-active, #cc1505); background-color: var(--kendo-color-error-active, #cc1505); } .k-button-solid-error:disabled, .k-button-solid-error.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-dark { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-solid-dark:hover, .k-button-solid-dark.k-hover { border-color: var(--kendo-color-dark-hover, #212121); background-color: var(--kendo-color-dark-hover, #212121); } .k-button-solid-dark:active, .k-button-solid-dark.k-active { border-color: var(--kendo-color-dark-active, #000000); background-color: var(--kendo-color-dark-active, #000000); } .k-button-solid-dark.k-selected { border-color: var(--kendo-color-dark-active, #000000); background-color: var(--kendo-color-dark-active, #000000); } .k-button-solid-dark:disabled, .k-button-solid-dark.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-light { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-button-solid-light:hover, .k-button-solid-light.k-hover { border-color: var(--kendo-color-light-hover, #ebebeb); background-color: var(--kendo-color-light-hover, #ebebeb); } .k-button-solid-light:active, .k-button-solid-light.k-active { border-color: var(--kendo-color-light-active, #d6d6d6); background-color: var(--kendo-color-light-active, #d6d6d6); } .k-button-solid-light.k-selected { border-color: var(--kendo-color-light-active, #d6d6d6); background-color: var(--kendo-color-light-active, #d6d6d6); } .k-button-solid-light:disabled, .k-button-solid-light.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-solid-inverse { border-color: var(--kendo-color-inverse, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-inverse, #424242); } .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover { border-color: var(--kendo-color-inverse-hover, #212121); background-color: var(--kendo-color-inverse-hover, #212121); } .k-button-solid-inverse:active, .k-button-solid-inverse.k-active { border-color: var(--kendo-color-inverse-active, #000000); background-color: var(--kendo-color-inverse-active, #000000); } .k-button-solid-inverse.k-selected { border-color: var(--kendo-color-inverse-active, #000000); background-color: var(--kendo-color-inverse-active, #000000); } .k-button-solid-inverse:disabled, .k-button-solid-inverse.k-disabled { border-color: transparent; color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 9%, transparent); } box-shadow: none; } .k-button-outline-primary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-primary-on-surface, #3f51b5); background-color: transparent; } .k-button-outline-primary:hover, .k-button-outline-primary.k-hover { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-button-outline-primary:active, .k-button-outline-primary.k-active { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-button-outline-primary.k-selected { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-button-outline-primary:disabled, .k-button-outline-primary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-secondary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-secondary-on-surface, #ae1549); background-color: transparent; } .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-button-outline-secondary:active, .k-button-outline-secondary.k-active { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-button-outline-secondary.k-selected { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-button-outline-secondary:disabled, .k-button-outline-secondary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-tertiary { box-shadow: none; border-color: currentColor; color: var(--kendo-color-tertiary-on-surface, #054f46); background-color: transparent; } .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-button-outline-tertiary.k-selected { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-button-outline-tertiary:disabled, .k-button-outline-tertiary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-info { box-shadow: none; border-color: currentColor; color: var(--kendo-color-info-on-surface, #0443b0); background-color: transparent; } .k-button-outline-info:hover, .k-button-outline-info.k-hover { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-button-outline-info:active, .k-button-outline-info.k-active { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-button-outline-info.k-selected { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-button-outline-info:disabled, .k-button-outline-info.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-success { box-shadow: none; border-color: currentColor; color: var(--kendo-color-success-on-surface, #2b8906); background-color: transparent; } .k-button-outline-success:hover, .k-button-outline-success.k-hover { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-button-outline-success:active, .k-button-outline-success.k-active { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-button-outline-success.k-selected { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-button-outline-success:disabled, .k-button-outline-success.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-warning { box-shadow: none; border-color: currentColor; color: var(--kendo-color-warning-on-surface, #ffc000); background-color: transparent; } .k-button-outline-warning:hover, .k-button-outline-warning.k-hover { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-button-outline-warning:active, .k-button-outline-warning.k-active { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-button-outline-warning.k-selected { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-button-outline-warning:disabled, .k-button-outline-warning.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-error { box-shadow: none; border-color: currentColor; color: var(--kendo-color-error-on-surface, #b91406); background-color: transparent; } .k-button-outline-error:hover, .k-button-outline-error.k-hover { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-button-outline-error:active, .k-button-outline-error.k-active { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-button-outline-error.k-selected { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-button-outline-error:disabled, .k-button-outline-error.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-dark { box-shadow: none; border-color: currentColor; color: var(--kendo-color-dark-on-surface, #616161); background-color: transparent; } .k-button-outline-dark:hover, .k-button-outline-dark.k-hover { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-dark:active, .k-button-outline-dark.k-active { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-dark.k-selected { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-dark:disabled, .k-button-outline-dark.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-light { box-shadow: none; border-color: currentColor; color: var(--kendo-color-light-on-surface, #ebebeb); background-color: transparent; } .k-button-outline-light:hover, .k-button-outline-light.k-hover { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-button-outline-light:active, .k-button-outline-light.k-active { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-button-outline-light.k-selected { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-button-outline-light:disabled, .k-button-outline-light.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-inverse { box-shadow: none; border-color: currentColor; color: var(--kendo-color-inverse-on-surface, #616161); background-color: transparent; } .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-inverse:active, .k-button-outline-inverse.k-active { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-inverse.k-selected { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-button-outline-inverse:disabled, .k-button-outline-inverse.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-base { box-shadow: none; border-color: currentColor; color: var(--kendo-color-base-on-surface, #212121); background-color: transparent; } .k-button-outline-base:hover, .k-button-outline-base.k-hover { border-color: var(--kendo-color-on-base, #212121); color: var(--kendo-color-base, #ffffff); background-color: var(--kendo-color-on-base, #212121); } .k-button-outline-base:active, .k-button-outline-base.k-active { border-color: var(--kendo-color-on-base, #212121); color: var(--kendo-color-base, #ffffff); background-color: var(--kendo-color-on-base, #212121); } .k-button-outline-base.k-selected { border-color: var(--kendo-color-on-base, #212121); color: var(--kendo-color-base, #ffffff); background-color: var(--kendo-color-on-base, #212121); } .k-button-outline-base:disabled, .k-button-outline-base.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-primary { color: var(--kendo-color-primary-on-surface, #3f51b5); } .k-button-flat-primary:disabled, .k-button-flat-primary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-secondary { color: var(--kendo-color-secondary-on-surface, #ae1549); } .k-button-flat-secondary:disabled, .k-button-flat-secondary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-tertiary { color: var(--kendo-color-tertiary-on-surface, #054f46); } .k-button-flat-tertiary:disabled, .k-button-flat-tertiary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-info { color: var(--kendo-color-info-on-surface, #0443b0); } .k-button-flat-info:disabled, .k-button-flat-info.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-success { color: var(--kendo-color-success-on-surface, #2b8906); } .k-button-flat-success:disabled, .k-button-flat-success.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-warning { color: var(--kendo-color-warning-on-surface, #ffc000); } .k-button-flat-warning:disabled, .k-button-flat-warning.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-error { color: var(--kendo-color-error-on-surface, #b91406); } .k-button-flat-error:disabled, .k-button-flat-error.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-dark { color: var(--kendo-color-dark-on-surface, #616161); } .k-button-flat-dark:disabled, .k-button-flat-dark.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-light { color: var(--kendo-color-light-on-surface, #ebebeb); } .k-button-flat-light:disabled, .k-button-flat-light.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-inverse { color: var(--kendo-color-inverse-on-surface, #616161); } .k-button-flat-inverse:disabled, .k-button-flat-inverse.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-flat-base { color: inherit; } .k-button-flat-base:disabled, .k-button-flat-base.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-primary { color: var(--kendo-color-primary, #3f51b5); } .k-button-link-primary:hover, .k-button-link-primary.k-hover { color: var(--kendo-color-primary-hover, #3a4ba7); } .k-button-link-primary:active, .k-button-link-primary.k-active { color: var(--kendo-color-primary-active, #354498); } .k-button-link-primary.k-selected { color: var(--kendo-color-primary-active, #354498); } .k-button-link-primary:disabled, .k-button-link-primary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-secondary { color: var(--kendo-color-secondary, #e51a5f); } .k-button-link-secondary:hover, .k-button-link-secondary.k-hover { color: var(--kendo-color-secondary-hover, #d31857); } .k-button-link-secondary:active, .k-button-link-secondary.k-active { color: var(--kendo-color-secondary-active, #c01650); } .k-button-link-secondary.k-selected { color: var(--kendo-color-secondary-active, #c01650); } .k-button-link-secondary:disabled, .k-button-link-secondary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-tertiary { color: var(--kendo-color-tertiary, #00695c); } .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover { color: var(--kendo-color-tertiary-hover, #006155); } .k-button-link-tertiary:active, .k-button-link-tertiary.k-active { color: var(--kendo-color-tertiary-active, #00584d); } .k-button-link-tertiary.k-selected { color: var(--kendo-color-tertiary-active, #00584d); } .k-button-link-tertiary:disabled, .k-button-link-tertiary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-info { color: var(--kendo-color-info, #0058e9); } .k-button-link-info:hover, .k-button-link-info.k-hover { color: var(--kendo-color-info-hover, #0251d6); } .k-button-link-info:active, .k-button-link-info.k-active { color: var(--kendo-color-info-active, #034ac3); } .k-button-link-info.k-selected { color: var(--kendo-color-info-active, #034ac3); } .k-button-link-info:disabled, .k-button-link-info.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-success { color: var(--kendo-color-success, #37b400); } .k-button-link-success:hover, .k-button-link-success.k-hover { color: var(--kendo-color-success-hover, #33a600); } .k-button-link-success:active, .k-button-link-success.k-active { color: var(--kendo-color-success-active, #2e9704); } .k-button-link-success.k-selected { color: var(--kendo-color-success-active, #2e9704); } .k-button-link-success:disabled, .k-button-link-success.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-warning { color: var(--kendo-color-warning, #ffc000); } .k-button-link-warning:hover, .k-button-link-warning.k-hover { color: var(--kendo-color-warning-hover, #ebb201); } .k-button-link-warning:active, .k-button-link-warning.k-active { color: var(--kendo-color-warning-active, #d6a202); } .k-button-link-warning.k-selected { color: var(--kendo-color-warning-active, #d6a202); } .k-button-link-warning:disabled, .k-button-link-warning.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-error { color: var(--kendo-color-error, #f31700); } .k-button-link-error:hover, .k-button-link-error.k-hover { color: var(--kendo-color-error-hover, #e01701); } .k-button-link-error:active, .k-button-link-error.k-active { color: var(--kendo-color-error-active, #cc1505); } .k-button-link-error.k-selected { color: var(--kendo-color-error-active, #cc1505); } .k-button-link-error:disabled, .k-button-link-error.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-dark { color: var(--kendo-color-dark, #424242); } .k-button-link-dark:hover, .k-button-link-dark.k-hover { color: var(--kendo-color-dark-hover, #212121); } .k-button-link-dark:active, .k-button-link-dark.k-active { color: var(--kendo-color-dark-active, #000000); } .k-button-link-dark.k-selected { color: var(--kendo-color-dark-active, #000000); } .k-button-link-dark:disabled, .k-button-link-dark.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-light { color: var(--kendo-color-light, #f5f5f5); } .k-button-link-light:hover, .k-button-link-light.k-hover { color: var(--kendo-color-light-hover, #ebebeb); } .k-button-link-light:active, .k-button-link-light.k-active { color: var(--kendo-color-light-active, #d6d6d6); } .k-button-link-light.k-selected { color: var(--kendo-color-light-active, #d6d6d6); } .k-button-link-light:disabled, .k-button-link-light.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-inverse { color: var(--kendo-color-dark, #424242); } .k-button-link-inverse:hover, .k-button-link-inverse.k-hover { color: var(--kendo-color-inverse-hover, #212121); } .k-button-link-inverse:active, .k-button-link-inverse.k-active { color: var(--kendo-color-inverse-active, #000000); } .k-button-link-inverse.k-selected { color: var(--kendo-color-inverse-active, #000000); } .k-button-link-inverse:disabled, .k-button-link-inverse.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-base { color: var(--kendo-color-on-app-surface, #212121); } .k-button-link-base:hover, .k-button-link-base.k-hover { color: var(--kendo-color-on-app-surface, #212121); } .k-button-link-base:active, .k-button-link-base.k-active { color: var(--kendo-color-on-app-surface, #212121); } .k-button-link-base.k-selected { color: var(--kendo-color-on-app-surface, #212121); } .k-button-link-base:disabled, .k-button-link-base.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-primary { color: var(--kendo-color-primary-on-surface, #3f51b5); } .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-primary:disabled, .k-button-clear-primary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-secondary { color: var(--kendo-color-secondary-on-surface, #ae1549); } .k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-secondary:disabled, .k-button-clear-secondary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-tertiary { color: var(--kendo-color-tertiary-on-surface, #054f46); } .k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-tertiary:disabled, .k-button-clear-tertiary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-info { color: var(--kendo-color-info-on-surface, #0443b0); } .k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-info:disabled, .k-button-clear-info.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-success { color: var(--kendo-color-success-on-surface, #2b8906); } .k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-success:disabled, .k-button-clear-success.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-warning { color: var(--kendo-color-warning-on-surface, #ffc000); } .k-button-clear-warning:focus::after, .k-button-clear-warning.k-focus::after, .k-button-clear-warning:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-warning:disabled, .k-button-clear-warning.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-error { color: var(--kendo-color-error-on-surface, #b91406); } .k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-error:disabled, .k-button-clear-error.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-dark { color: var(--kendo-color-dark-on-surface, #616161); } .k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-dark:disabled, .k-button-clear-dark.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-light { color: var(--kendo-color-light-on-surface, #ebebeb); } .k-button-clear-light:focus::after, .k-button-clear-light.k-focus::after, .k-button-clear-light:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-light:disabled, .k-button-clear-light.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-inverse { color: var(--kendo-color-inverse-on-surface, #616161); } .k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-inverse:disabled, .k-button-clear-inverse.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-clear-base { color: var(--kendo-color-base-on-surface, #212121); } .k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after { background-color: currentColor; opacity: 0.155; display: block; } .k-button-clear-base:disabled, .k-button-clear-base.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-solid-primary { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); border-color: var(--kendo-color-primary, #3f51b5); } .k-button-solid-primary:focus, .k-button-solid-primary.k-focus { background-color: var(--kendo-color-primary-hover, #3a4ba7); border-color: var(--kendo-color-primary-hover, #3a4ba7); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-primary:active, .k-button-solid-primary.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-primary:disabled, .k-button-solid-primary.k-disabled { box-shadow: none; } .k-button-solid-secondary { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); border-color: var(--kendo-color-secondary, #e51a5f); } .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus { background-color: var(--kendo-color-secondary-hover, #d31857); border-color: var(--kendo-color-secondary-hover, #d31857); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-secondary:active, .k-button-solid-secondary.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-secondary:disabled, .k-button-solid-secondary.k-disabled { box-shadow: none; } .k-button-solid-tertiary { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); border-color: var(--kendo-color-tertiary, #00695c); } .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus { background-color: var(--kendo-color-tertiary-hover, #006155); border-color: var(--kendo-color-tertiary-hover, #006155); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-tertiary:disabled, .k-button-solid-tertiary.k-disabled { box-shadow: none; } .k-button-solid-info { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); border-color: var(--kendo-color-info, #0058e9); } .k-button-solid-info:focus, .k-button-solid-info.k-focus { background-color: var(--kendo-color-info-hover, #0251d6); border-color: var(--kendo-color-info-hover, #0251d6); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-info:active, .k-button-solid-info.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-info:disabled, .k-button-solid-info.k-disabled { box-shadow: none; } .k-button-solid-success { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); border-color: var(--kendo-color-success, #37b400); } .k-button-solid-success:focus, .k-button-solid-success.k-focus { background-color: var(--kendo-color-success-hover, #33a600); border-color: var(--kendo-color-success-hover, #33a600); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-success:active, .k-button-solid-success.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-success:disabled, .k-button-solid-success.k-disabled { box-shadow: none; } .k-button-solid-warning { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); border-color: var(--kendo-color-warning, #ffc000); } .k-button-solid-warning:focus, .k-button-solid-warning.k-focus { background-color: var(--kendo-color-warning-hover, #ebb201); border-color: var(--kendo-color-warning-hover, #ebb201); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-warning:active, .k-button-solid-warning.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-warning:disabled, .k-button-solid-warning.k-disabled { box-shadow: none; } .k-button-solid-error { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); border-color: var(--kendo-color-error, #f31700); } .k-button-solid-error:focus, .k-button-solid-error.k-focus { background-color: var(--kendo-color-error-hover, #e01701); border-color: var(--kendo-color-error-hover, #e01701); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-error:active, .k-button-solid-error.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-error:disabled, .k-button-solid-error.k-disabled { box-shadow: none; } .k-button-solid-dark { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); border-color: var(--kendo-color-dark, #424242); } .k-button-solid-dark:focus, .k-button-solid-dark.k-focus { background-color: var(--kendo-color-dark-hover, #212121); border-color: var(--kendo-color-dark-hover, #212121); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-dark:active, .k-button-solid-dark.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-dark:disabled, .k-button-solid-dark.k-disabled { box-shadow: none; } .k-button-solid-light { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); border-color: var(--kendo-color-light, #f5f5f5); } .k-button-solid-light:focus, .k-button-solid-light.k-focus { background-color: var(--kendo-color-light-hover, #ebebeb); border-color: var(--kendo-color-light-hover, #ebebeb); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-light:active, .k-button-solid-light.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-light:disabled, .k-button-solid-light.k-disabled { box-shadow: none; } .k-button-solid-inverse { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-inverse, #424242); border-color: var(--kendo-color-inverse, #424242); } .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus { background-color: var(--kendo-color-inverse-hover, #212121); border-color: var(--kendo-color-inverse-hover, #212121); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-inverse:active, .k-button-solid-inverse.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-inverse:disabled, .k-button-solid-inverse.k-disabled { box-shadow: none; } .k-button-solid-base { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); color: var(--kendo-color-on-base, #212121); background-color: var(--kendo-color-base, #ffffff); border-color: var(--kendo-color-base, #ffffff); } .k-button-solid-base:focus, .k-button-solid-base.k-focus { background-color: var(--kendo-color-base-hover, #ebebeb); border-color: var(--kendo-color-base-hover, #ebebeb); box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base:active, .k-button-solid-base.k-active { box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)); } .k-button-solid-base:disabled, .k-button-solid-base.k-disabled { box-shadow: none; } .k-button-outline-primary { color: var(--kendo-color-primary-on-surface, #3f51b5); } .k-button-outline-primary:hover, .k-button-outline-primary.k-hover, .k-button-outline-primary:focus, .k-button-outline-primary.k-focus, .k-button-outline-primary:active, .k-button-outline-primary.k-active, .k-button-outline-primary.k-selected { color: var(--kendo-color-primary-on-surface, #3f51b5); } .k-button-outline-primary:disabled, .k-button-outline-primary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-secondary { color: var(--kendo-color-secondary-on-surface, #ae1549); } .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover, .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus, .k-button-outline-secondary:active, .k-button-outline-secondary.k-active, .k-button-outline-secondary.k-selected { color: var(--kendo-color-secondary-on-surface, #ae1549); } .k-button-outline-secondary:disabled, .k-button-outline-secondary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-tertiary { color: var(--kendo-color-tertiary-on-surface, #054f46); } .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover, .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus, .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active, .k-button-outline-tertiary.k-selected { color: var(--kendo-color-tertiary-on-surface, #054f46); } .k-button-outline-tertiary:disabled, .k-button-outline-tertiary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-info { color: var(--kendo-color-info-on-surface, #0443b0); } .k-button-outline-info:hover, .k-button-outline-info.k-hover, .k-button-outline-info:focus, .k-button-outline-info.k-focus, .k-button-outline-info:active, .k-button-outline-info.k-active, .k-button-outline-info.k-selected { color: var(--kendo-color-info-on-surface, #0443b0); } .k-button-outline-info:disabled, .k-button-outline-info.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-success { color: var(--kendo-color-success-on-surface, #2b8906); } .k-button-outline-success:hover, .k-button-outline-success.k-hover, .k-button-outline-success:focus, .k-button-outline-success.k-focus, .k-button-outline-success:active, .k-button-outline-success.k-active, .k-button-outline-success.k-selected { color: var(--kendo-color-success-on-surface, #2b8906); } .k-button-outline-success:disabled, .k-button-outline-success.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-warning { color: var(--kendo-color-warning-on-surface, #ffc000); } .k-button-outline-warning:hover, .k-button-outline-warning.k-hover, .k-button-outline-warning:focus, .k-button-outline-warning.k-focus, .k-button-outline-warning:active, .k-button-outline-warning.k-active, .k-button-outline-warning.k-selected { color: var(--kendo-color-warning-on-surface, #ffc000); } .k-button-outline-warning:disabled, .k-button-outline-warning.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-error { color: var(--kendo-color-error-on-surface, #b91406); } .k-button-outline-error:hover, .k-button-outline-error.k-hover, .k-button-outline-error:focus, .k-button-outline-error.k-focus, .k-button-outline-error:active, .k-button-outline-error.k-active, .k-button-outline-error.k-selected { color: var(--kendo-color-error-on-surface, #b91406); } .k-button-outline-error:disabled, .k-button-outline-error.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-dark { color: var(--kendo-color-dark-on-surface, #616161); } .k-button-outline-dark:hover, .k-button-outline-dark.k-hover, .k-button-outline-dark:focus, .k-button-outline-dark.k-focus, .k-button-outline-dark:active, .k-button-outline-dark.k-active, .k-button-outline-dark.k-selected { color: var(--kendo-color-dark-on-surface, #616161); } .k-button-outline-dark:disabled, .k-button-outline-dark.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-light { color: var(--kendo-color-light-on-surface, #ebebeb); } .k-button-outline-light:hover, .k-button-outline-light.k-hover, .k-button-outline-light:focus, .k-button-outline-light.k-focus, .k-button-outline-light:active, .k-button-outline-light.k-active, .k-button-outline-light.k-selected { color: var(--kendo-color-light-on-surface, #ebebeb); } .k-button-outline-light:disabled, .k-button-outline-light.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-inverse { color: var(--kendo-color-inverse-on-surface, #616161); } .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover, .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus, .k-button-outline-inverse:active, .k-button-outline-inverse.k-active, .k-button-outline-inverse.k-selected { color: var(--kendo-color-inverse-on-surface, #616161); } .k-button-outline-inverse:disabled, .k-button-outline-inverse.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-outline-base { color: var(--kendo-color-base-on-surface, #212121); } .k-button-outline-base:hover, .k-button-outline-base.k-hover, .k-button-outline-base:focus, .k-button-outline-base.k-focus, .k-button-outline-base:active, .k-button-outline-base.k-active, .k-button-outline-base.k-selected { color: var(--kendo-color-base-on-surface, #212121); } .k-button-outline-base:disabled, .k-button-outline-base.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-primary:disabled, .k-button-link-primary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-secondary:disabled, .k-button-link-secondary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-tertiary:disabled, .k-button-link-tertiary.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-info:disabled, .k-button-link-info.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-success:disabled, .k-button-link-success.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-warning:disabled, .k-button-link-warning.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-error:disabled, .k-button-link-error.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-dark:disabled, .k-button-link-dark.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-light:disabled, .k-button-link-light.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-inverse:disabled, .k-button-link-inverse.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-link-base:disabled, .k-button-link-base.k-disabled { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-button-group { box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-button-group .k-button { box-shadow: none; } .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled { box-shadow: none; } .k-button-group-flat, .k-button-group-link, .k-button-group-outline { box-shadow: none; } .k-animation-container { position: absolute; overflow: hidden; z-index: 100; } .k-animation-container-fixed { position: fixed; } .k-animation-container-relative { position: relative; display: inline-block; } .k-animation-container { border-radius: 0 0 0.25rem 0.25rem; } .k-animation-container-shown { overflow: visible; } .k-popup { margin: 0; padding: 0; border-width: 0px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; align-items: stretch; } .k-popup .k-item { outline: none; } .k-popup > .k-colorpalette { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); } .k-popup.k-popup-transparent { border-width: 0; background-color: transparent; box-shadow: none; } .k-popup.k-popup-flush { padding: 0; } .k-popup > .k-widget, .k-popup > .k-coloreditor { border-width: 0; } .k-shadow { box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-popup { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-animation-container { border-radius: 0 0 var(--kendo-border-radius-md, 0.25rem) var(--kendo-border-radius-md, 0.25rem); } .k-no-data, .k-nodata { min-height: 140px; display: flex; align-items: center; justify-content: center; font-weight: lighter; text-align: center; white-space: normal; } .k-no-data, .k-nodata { color: var(--kendo-color-subtle, #757575); } .k-list-container { display: flex; flex-flow: column nowrap; } .k-list-container > .k-list { flex: 1; height: 100%; } .k-list { margin: 0; padding: 0; box-sizing: border-box; font-family: var(--kendo-font-family, inherit); display: flex; flex-flow: column nowrap; outline: none; position: relative; overflow: hidden; } .k-list *, .k-list *::before, .k-list *::after { box-sizing: border-box; } .k-popup > .k-list { height: 100%; border-width: 0; } .k-list-group-sticky-header { border-width: 0; border-width: 0 0 1px; border-style: solid; font-weight: var(--kendo-font-weight-bold, normal); white-space: nowrap; display: flex; flex-flow: row nowrap; align-items: center; flex: none; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .k-list-content { border-color: inherit; flex: 1 1 auto; overflow: hidden; overflow-y: auto; position: relative; } .k-list-ul { margin: 0; padding: 0; border-width: 0; border-color: inherit; height: auto; list-style: none; } .k-list-item, .k-list-optionlabel { border: 0; outline: none; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-2, 0.5rem); position: relative; transition-property: color, background-color, outline-color, box-shadow; transition-duration: 200ms; transition-timing-function: ease; } .k-list-item.k-first::before, .k-first.k-list-optionlabel::before { content: ""; border-width: 1px 0 0; border-style: solid; position: absolute; top: 0; left: 0; right: 0; } .k-list-item-text::before, .k-list-header-text::before, .k-list-optionlabel::before { content: "​"; width: 0px; overflow: hidden; } .k-list-optionlabel { column-gap: 0; } .k-list-group-item { border-width: 0; border-width: 1px 0 0; border-style: solid; font-weight: var(--kendo-font-weight-bold, normal); cursor: default; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-2, 0.5rem); position: relative; } .k-list-item-group-label { padding-block: 0; padding-inline: 0.5em; font-size: 0.75em; position: absolute; top: 0; inset-inline-end: 0; } .k-virtual-content, .k-virtual-list .k-list-content { overflow-y: scroll; } .k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel, .k-virtual-list .k-list-group-item, .k-virtual-content .k-list-item, .k-virtual-content .k-list-optionlabel, .k-virtual-content .k-list-group-item { position: absolute; width: 100%; } .k-virtual-list .k-list-item-text, .k-virtual-list .k-list-header-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .k-virtual-list .k-list-optionlabel { position: relative; } .k-list-filter { display: block; position: relative; padding: var(--kendo-spacing-4, 1rem); box-sizing: border-box; flex: none; } .k-list-sm { font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-list-sm .k-list-group-sticky-header { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-sm .k-list-group-item { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-md { font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-list-md .k-list-group-sticky-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-md .k-list-item, .k-list-md .k-list-optionlabel { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-md .k-list-group-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.5; } .k-list-lg .k-list-group-sticky-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list-lg .k-list-group-item { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-list { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-list-group-sticky-header { border-color: inherit; } .k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-list-item.k-selected, .k-selected.k-list-optionlabel { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-primary-hover, #3a4ba7); } .k-list-optionlabel, .k-list-optionlabel.k-hover, .k-list-optionlabel:hover { color: var(--kendo-color-subtle, #757575); } .k-list-group-item { border-color: inherit; } .k-list-item-group-label { color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-on-app-surface, #212121); } .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-menu-bar, .k-menu { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-wrap: nowrap; align-items: stretch; position: relative; cursor: default; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-menu-bar *, .k-menu *, .k-menu-bar *::before, .k-menu *::before, .k-menu-bar *::after, .k-menu *::after { box-sizing: border-box; } .k-menu-item { border-width: 0; outline: 0; display: flex; flex-flow: column nowrap; flex: none; position: relative; -webkit-user-select: none; user-select: none; } .k-menu-item.k-selected { font-weight: var(--kendo-font-weight-bold, normal); } .k-menu-item-content { display: block; height: auto; overflow: visible; } .k-menu-item-content .k-actions, .k-menu-item-content .k-form-buttons, .k-menu-item-content .k-edit-buttons, .k-menu-item-content .k-action-buttons, .k-menu-item-content .k-columnmenu-actions { margin-top: 0; } .k-menu-link { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-4, 1rem); outline: 0; color: inherit; display: flex; flex-flow: row nowrap; flex: 1 1 auto; gap: var(--kendo-spacing-2, 0.5rem); align-items: center; position: relative; white-space: nowrap; cursor: pointer; } .k-menu-link-text { display: flex; flex-flow: row nowrap; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .k-menu-expand-arrow { margin-inline-end: calc(var(--kendo-spacing-2, 0.5rem) * -1); display: inline-flex; flex-flow: row wrap; align-items: center; flex: none; position: relative; } .k-menu-horizontal { flex-direction: row; } .k-menu-horizontal > .k-menu-item + .k-menu-item { margin-inline-start: var(--kendo-spacing-0\.5, 0.125rem); } .k-menu-horizontal > .k-separator { margin-block: var(--kendo-spacing-1, 0.25rem); margin-inline: var(--kendo-spacing-1, 0.25rem); width: 0; height: auto; border-width: 0 0 0 1px; border-style: solid; } .k-menu-vertical { flex-direction: column; width: 100%; } .k-menu-vertical > .k-menu-item + .k-menu-item { margin-top: var(--kendo-spacing-0\.5, 0.125rem); } .k-menu-vertical > .k-menu-item > .k-menu-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); padding-inline-end: calc(var(--kendo-spacing-4, 1rem) * 2 + 16px); } .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-4, 1rem); margin-inline-end: calc(-1 * (calc(var(--kendo-spacing-4, 1rem) * 2 + 16px) - var(--kendo-spacing-4, 1rem)/2)); } .k-menu-vertical > .k-separator { margin-block: var(--kendo-spacing-1, 0.25rem); margin-inline: 0; height: 0; border-width: 1px 0 0; border-style: solid; display: block; } .k-menu-popup { box-sizing: border-box; border-width: 0px; border-style: solid; overflow: auto; max-height: 80vh; } .k-menu-popup *, .k-menu-popup *::before, .k-menu-popup *::after { box-sizing: border-box; } .k-menu-popup .k-menu-item { font-weight: initial; } .k-menu-group { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: column nowrap; position: absolute; } .k-menu-group .k-menu-item + .k-menu-item { margin-top: var(--kendo-spacing-0, 0px); } .k-menu-group .k-separator { margin-block: var(--kendo-spacing-1, 0.25rem); margin-inline: 0; height: 0; border-width: 1px 0 0; border-style: solid; display: block; } .k-menu-popup .k-menu-group { position: relative; } .k-menu-group-sm { font-size: var(--kendo-font-size, inherit); line-height: 1.25; } .k-menu-group-sm .k-menu-item { font-size: var(--kendo-font-size, inherit); line-height: 1.25; } .k-menu-group-sm .k-menu-link { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); padding-inline-end: calc(var(--kendo-spacing-4, 1rem) * 2 + 16px); } .k-menu-group-sm .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-4, 1rem); margin-inline-end: calc(-1 * (calc(var(--kendo-spacing-4, 1rem) * 2 + 16px) - var(--kendo-spacing-4, 1rem)/2)); } .k-menu-group-md { font-size: var(--kendo-font-size, inherit); line-height: 1.25; } .k-menu-group-md .k-menu-item { font-size: var(--kendo-font-size, inherit); line-height: 1.25; } .k-menu-group-md .k-menu-link { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); padding-inline-end: calc(var(--kendo-spacing-4, 1rem) * 2 + 16px); } .k-menu-group-md .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-4, 1rem); margin-inline-end: calc(-1 * (calc(var(--kendo-spacing-4, 1rem) * 2 + 16px) - var(--kendo-spacing-4, 1rem)/2)); } .k-menu-group-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-menu-group-lg .k-menu-item { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-menu-group-lg .k-menu-link { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-4, 1rem); padding-inline-end: calc(var(--kendo-spacing-4, 1rem) * 2 + 16px); } .k-menu-group-lg .k-menu-expand-arrow { margin-inline-start: var(--kendo-spacing-4, 1rem); margin-inline-end: calc(-1 * (calc(var(--kendo-spacing-4, 1rem) * 2 + 16px) - var(--kendo-spacing-4, 1rem)/2)); } .k-popups-wrapper { position: relative; border: 0; margin: 0; padding: 0; } .k-context-menu { margin: 0; border-width: 0px; border-style: solid; } .k-animation-container .k-context-menu.k-menu-horizontal { display: flex !important; flex-wrap: nowrap; } .k-context-menu-popup { z-index: 12000; } .k-context-menu-popup .k-context-menu { border-width: 0; } .k-popup .k-context-menu, .k-context-menu-popup .k-context-menu { border-width: 0; } .k-menu-scroll-wrapper { margin: 0; padding: 0; border: 0; display: flex; align-items: center; } .k-menu-scroll-wrapper .k-menu { overflow: hidden; flex-wrap: nowrap; } .k-menu-scroll-wrapper-vertical { flex-direction: column; } .k-menu-scroll-wrapper-vertical > .k-menu-scroll-button { width: 100%; } .k-menu:not(.k-context-menu) > .k-menu-item { transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .k-menu-scroll-wrapper .k-menu-scroll-button { box-shadow: none; } .k-menu-scroll-wrapper.horizontal .k-menu-scroll-button { width: calc(calc(2 * 1em) + var(--kendo-spacing-1, 0.25rem)); } .k-menu-scroll-wrapper.vertical .k-menu-scroll-button { height: calc(calc(2 * 1em) + var(--kendo-spacing-1, 0.25rem)); } .k-menu:not(.k-context-menu) { color: var(--kendo-color-on-app-surface, #212121); background-color: transparent; } .k-menu:not(.k-context-menu) > .k-item { background-color: rgba(var(--kendo-color-on-app-surface, #212121), 0); } .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active { background-color: var(--kendo-color-base-active, #d6d6d6); } .k-menu:not(.k-context-menu) > .k-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-menu-group, .k-menu.k-context-menu { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-menu-group .k-item > .k-link:hover, .k-menu-group .k-item > .k-link.k-hover, .k-menu.k-context-menu .k-item > .k-link:hover, .k-menu.k-context-menu .k-item > .k-link.k-hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-menu-group .k-item > .k-link:active, .k-menu-group .k-item > .k-link.k-active, .k-menu-group .k-item > .k-link.k-selected, .k-menu.k-context-menu .k-item > .k-link:active, .k-menu.k-context-menu .k-item > .k-link.k-active, .k-menu.k-context-menu .k-item > .k-link.k-selected { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-menu-group > .k-separator, .k-menu.k-context-menu > .k-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-menu-scroll-wrapper .k-menu-scroll-button { border-color: transparent; color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-menu-scroll-wrapper .k-menu-scroll-button:hover { color: var(--kendo-color-on-app-surface, #212121); } .k-menu-scroll-wrapper .k-menu-scroll-button:hover::before { opacity: 0; } .k-menu:not(.k-context-menu) > .k-menu-item:focus, .k-menu:not(.k-context-menu) > .k-menu-item.k-focus { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-menu-group .k-menu-item:focus, .k-menu-group .k-menu-item.k-focus, .k-context-menu .k-menu-item:focus, .k-context-menu .k-menu-item.k-focus { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-menu-scroll-wrapper .k-menu-scroll-button .k-i-arrow-60-up::before { content: "\e013"; } .k-menu-scroll-wrapper .k-menu-scroll-button .k-i-arrow-60-right::before { content: "\e014"; } .k-menu-scroll-wrapper .k-menu-scroll-button .k-i-arrow-60-down::before { content: "\e015"; } .k-menu-scroll-wrapper .k-menu-scroll-button .k-i-arrow-60-left::before { content: "\e016"; } .k-toolbar { margin: 0; border-width: 0; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; list-style: none; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-toolbar::before { content: ""; height: calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px); } .k-toolbar.k-toolbar-resizable { flex-wrap: nowrap; } .k-toolbar > * { flex-shrink: 0; display: inline-flex; align-content: center; vertical-align: middle; } .k-toolbar > * > label { align-self: center; } .k-toolbar .k-input, .k-toolbar .k-picker { width: 10em; } .k-toolbar .k-color-picker { width: min-content; } .k-toolbar .k-toolbar-overflow-button { margin-inline-start: auto; } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { width: 0; height: calc(2 * 1em); border-width: 0 0 0 1px; border-style: solid; align-self: center; } .k-toolbar .k-toolbar-spacer { height: calc(2 * 1em); flex: 1 0 0%; } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { text-decoration: none; outline: 0; } .k-toolbar-outline { border-width: 1px; background: none; } .k-toolbar-flat { border-top-color: transparent !important; border-inline-color: transparent !important; background: none !important; } .k-toolbar-group { display: flex; flex-direction: inherit; flex-wrap: nowrap; gap: inherit; } .k-toolbar-renderer { display: inline-block; border-color: inherit; } .k-toolbar-sm { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); gap: var(--kendo-spacing-1\.5, 0.375rem); } .k-toolbar-sm::before { margin-inline-start: calc(var(--kendo-spacing-1\.5, 0.375rem) * -1); } .k-toolbar-sm > * > label { margin-inline-end: var(--kendo-spacing-1\.5, 0.375rem); } .k-toolbar-md { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-2, 0.5rem); } .k-toolbar-md::before { margin-inline-start: calc(var(--kendo-spacing-2, 0.5rem) * -1); } .k-toolbar-md > * > label { margin-inline-end: var(--kendo-spacing-2, 0.5rem); } .k-toolbar-lg { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); gap: var(--kendo-spacing-2\.5, 0.625rem); } .k-toolbar-lg::before { margin-inline-start: calc(var(--kendo-spacing-2\.5, 0.625rem) * -1); } .k-toolbar-lg > * > label { margin-inline-end: var(--kendo-spacing-2\.5, 0.625rem); } .k-toolbar-sm::before { height: calc(1.4285714286em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px); } .k-toolbar-md::before { height: calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px); } .k-toolbar-lg::before { height: calc(1.4285714286em + var(--kendo-spacing-2\.5, 0.625rem) * 2 + 2px); } .k-floating-toolbar, .editorToolbarWindow.k-window-content { padding-block: var(--kendo-spacing-2, 0.5rem) !important; padding-inline: var(--kendo-spacing-2, 0.5rem) !important; border-width: 0; border-style: solid; display: flex; flex-flow: row nowrap; gap: var(--kendo-spacing-2, 0.5rem); align-items: center; } .k-floating-toolbar .k-toolbar, .editorToolbarWindow.k-window-content .k-toolbar { padding: 0; border-width: 0; flex-shrink: 1; color: inherit; background: none; } .k-editortoolbar-dragHandle { cursor: move; display: flex; align-items: center; align-self: stretch; flex-shrink: 0; } .k-overflow-container { font-size: var(--kendo-font-size, inherit); line-height: 1.25; } .k-overflow-container > .k-item { border-color: inherit; } .k-overflow-container .k-separator { margin: var(--kendo-spacing-1, 0.25rem) 0; } .k-overflow-container .k-overflow-tool-group { display: block; } .k-overflow-container .k-overflow-button { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); width: 100%; height: auto; border-width: 0; border-radius: 0; aspect-ratio: auto; color: inherit; background-color: transparent; background-image: none; font: inherit; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; gap: var(--kendo-spacing-2, 0.5rem); justify-content: flex-start; position: relative; } .k-overflow-container .k-button-group { box-shadow: none; display: flex; flex-flow: column nowrap; } .k-overflow-container .k-button-group .k-button { margin: 0; } .k-overflow-container .k-split-button { display: flex; flex-direction: column; } .k-overflow-container .k-overflow-hidden { display: none; } .k-toolbar .k-button { box-shadow: none; } .k-toolbar .k-button-group { box-shadow: none; } .k-toolbar .k-split-button { box-shadow: none; } .k-toolbar.k-toolbar-outline { box-shadow: none; } .k-overflow-container .k-button { box-shadow: none; font-weight: normal; text-transform: unset; } .k-overflow-container .k-button::before { display: none; } .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled { opacity: 0.6; filter: grayscale(0.1); } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { border-color: inherit; } .k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); } .k-toolbar-solid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-toolbar-outline { border-color: currentColor; box-shadow: none; } .k-toolbar-flat { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); box-shadow: 0 2px 0 -1px var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-toolbar-flat > .k-separator { border-inline-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-floating-toolbar, .editorToolbarWindow.k-window-content { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover { color: var(--kendo-color-on-app-surface, #212121); background: var(--kendo-color-base-hover, #ebebeb); } .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-active { color: var(--kendo-color-on-app-surface, #212121); background: var(--kendo-color-base-hover, #ebebeb); } .k-overflow-container .k-button.k-selected { color: var(--kendo-color-secondary, #e51a5f); background: var(--kendo-color-surface-alt, #ffffff); } .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled { color: inherit; } .k-toolbar .k-button-solid-base { background-color: var(--kendo-color-base-subtle, #ebebeb); border-color: var(--kendo-color-base-subtle, #ebebeb); } .k-toolbar .k-button-solid-base:hover, .k-toolbar .k-button-solid-base.k-hover { background-color: var(--kendo-color-base-subtle-hover, #d6d6d6); border-color: var(--kendo-color-base-subtle-hover, #d6d6d6); } .k-toolbar .k-button-solid-base:focus, .k-toolbar .k-button-solid-base.k-focus { background-color: var(--kendo-color-base-subtle-hover, #d6d6d6); border-color: var(--kendo-color-base-subtle-hover, #d6d6d6); } .k-toolbar .k-button-solid-base:active, .k-toolbar .k-button-solid-base.k-active { background-color: var(--kendo-color-base-subtle-active, #c2c2c2); border-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-toolbar .k-button-solid-base.k-selected { background-color: var(--kendo-color-base-subtle-active, #c2c2c2); border-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-toolbar .k-button-solid-base.k-input-button, .k-toolbar .k-button-solid-base.k-input-spinner .k-spinner-increase, .k-toolbar .k-button-solid-base.k-input-spinner .k-spinner-decrease { background: none; border-color: transparent; } .k-overflow-auto { overflow: auto; } .\!k-overflow-auto { overflow: auto !important; } .k-overflow-hidden { overflow: hidden; } .\!k-overflow-hidden { overflow: hidden !important; } .k-overflow-visible { overflow: visible; } .\!k-overflow-visible { overflow: visible !important; } .k-overflow-scroll { overflow: scroll; } .\!k-overflow-scroll { overflow: scroll !important; } .k-overflow-clip { overflow: clip; } .\!k-overflow-clip { overflow: clip !important; } .k-overflow-x-auto { overflow-x: auto; } .\!k-overflow-x-auto { overflow-x: auto !important; } .k-overflow-x-hidden { overflow-x: hidden; } .\!k-overflow-x-hidden { overflow-x: hidden !important; } .k-overflow-x-visible { overflow-x: visible; } .\!k-overflow-x-visible { overflow-x: visible !important; } .k-overflow-x-scroll { overflow-x: scroll; } .\!k-overflow-x-scroll { overflow-x: scroll !important; } .k-overflow-x-clip { overflow-x: clip; } .\!k-overflow-x-clip { overflow-x: clip !important; } .k-overflow-y-auto { overflow-y: auto; } .\!k-overflow-y-auto { overflow-y: auto !important; } .k-overflow-y-hidden { overflow-y: hidden; } .\!k-overflow-y-hidden { overflow-y: hidden !important; } .k-overflow-y-visible { overflow-y: visible; } .\!k-overflow-y-visible { overflow-y: visible !important; } .k-overflow-y-scroll { overflow-y: scroll; } .\!k-overflow-y-scroll { overflow-y: scroll !important; } .k-overflow-y-clip { overflow-y: clip; } .\!k-overflow-y-clip { overflow-y: clip !important; } .k-align-baseline { vertical-align: baseline; } .\!k-align-baseline { vertical-align: baseline !important; } .k-align-top { vertical-align: top; } .\!k-align-top { vertical-align: top !important; } .k-align-middle { vertical-align: middle; } .\!k-align-middle { vertical-align: middle !important; } .k-align-bottom { vertical-align: bottom; } .\!k-align-bottom { vertical-align: bottom !important; } .k-align-text-top { vertical-align: text-top; } .\!k-align-text-top { vertical-align: text-top !important; } .k-align-text-bottom { vertical-align: text-bottom; } .\!k-align-text-bottom { vertical-align: text-bottom !important; } .k-align-sub { vertical-align: sub; } .\!k-align-sub { vertical-align: sub !important; } .k-align-super { vertical-align: super; } .\!k-align-super { vertical-align: super !important; } .k-pane-wrapper { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-pane-wrapper .k-pane { width: 100%; height: 100%; -webkit-user-select: none; user-select: none; box-sizing: border-box; font-family: sans-serif; overflow-x: hidden; } .k-pane-wrapper .k-view { top: 0; left: 0; position: relative; border: 0; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; height: 100%; width: 100%; flex-direction: column; align-items: stretch; align-content: stretch; vertical-align: top; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-pane-wrapper .k-content { min-height: 1px; flex: 1; align-items: stretch; display: block; width: auto; overflow: hidden; position: relative; } .k-pane-wrapper > div.k-pane { box-shadow: none; font-weight: normal; } .k-pane-wrapper .k-popup-edit-form .k-content, .k-pane-wrapper .k-grid-edit-form .k-content, .k-pane-wrapper .k-grid-header-menu .k-content, .k-pane-wrapper .k-grid-filter-menu .k-content { overflow-y: auto; } .k-pane-wrapper .k-popup-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-edit-form .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-header-menu .k-content > .k-scroll-container, .k-pane-wrapper .k-grid-filter-menu .k-content > .k-scroll-container { position: absolute; width: 100%; min-height: 100%; box-sizing: border-box; } .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form, .k-pane-wrapper .k-grid-edit-form .k-edit-form-container { width: auto; min-width: auto; } .k-grid.k-grid-mobile { border-width: 0; } .k-grid-mobile .k-resize-handle-inner::before { content: "\e01e"; position: absolute; font: 16px/1 "WebComponentsIcons"; top: calc(50% - 1px); left: 50%; transform: translate(-50%, -50%); padding: 0.2em; } .k-grid-mobile .k-header a { -webkit-user-select: none; user-select: none; } .k-pane-wrapper .k-scheduler-edit-form .k-recur-view { padding: 0; flex-direction: column; align-items: stretch; } .k-pane-wrapper .k-scheduler-edit-form .k-recur-view > .k-listgroup-form-row { margin: 0; } .k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap { width: 100%; margin-block: -1px; margin-inline: 0; } .k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap { white-space: nowrap; } .k-scheduler.k-scheduler-mobile { border-width: 0; } .k-scheduler-mobile th { font-weight: normal; } .k-scheduler-mobile .k-event:hover .k-resize-handle { visibility: hidden; } .k-scheduler-mobile .k-scheduler-toolbar { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); } .k-scheduler-mobile .k-scheduler-toolbar > * { margin: 0; } .k-scheduler-mobile .k-scheduler-toolbar::before { display: none; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 0; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation .k-nav-current { line-height: 1; display: flex; flex-flow: column nowrap; align-items: center; justify-content: space-evenly; gap: 0; } .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown { display: inline-block; } .k-scheduler-mobile .k-scheduler-footer { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: flex; justify-content: space-between; } .k-scheduler-mobile .k-scheduler-footer > * { margin: 0; } .k-scheduler-mobile .k-scheduler-footer::before { display: none; } .k-scheduler-mobile .k-scheduler-monthview .k-hidden { height: 40px; } .k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td { height: 40px; vertical-align: top; text-align: center; } .k-scheduler-mobile .k-scheduler-monthview .k-events-container { position: absolute; text-align: center; height: 6px; line-height: 6px; } .k-scheduler-mobile .k-scheduler-monthview .k-event { position: static; padding: 4px; border-radius: 50%; display: inline-block; width: 4px; height: 4px; min-height: 0; margin: 1px; } .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header.k-mobile-horizontal-header .k-scheduler-times table tr:first-child { display: none; } .k-scheduler-mobile .k-scheduler-dayview .k-mobile-header .k-scheduler-header .k-scheduler-date-group { display: none; } .k-scheduler-mobile .k-scheduler-header-wrap > div { overflow: visible; } .k-scheduler-mobile .k-scheduler-agendaview .k-mobile-header { display: none; } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table { table-layout: auto; } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table .k-scheduler-groupcolumn { width: 1%; } .k-scheduler-mobile .k-scheduler-agendaview .k-scheduler-table td { white-space: normal; } .k-scheduler-mobile .k-mobile-header .k-scheduler-table td, .k-scheduler-mobile .k-mobile-header .k-scheduler-table th { height: 1.5em; } .k-scheduler-mobile .k-time-text, .k-scheduler-mobile .k-time-period { display: block; line-height: 1; } .k-scheduler-mobile .k-time-period { font-size: 0.7em; } .k-scheduler-mobile .k-scheduler-table td, .k-scheduler-mobile .k-scheduler-table th { height: 2em; vertical-align: middle; } .k-scheduler-mobile .k-scheduler-datecolumn-wrap { display: flex; align-items: center; justify-content: space-between; } .k-scheduler-mobile .k-task { display: flex; align-items: center; gap: 0.5em; } .k-scheduler-mobile .k-task .k-scheduler-mark { border-radius: 50%; margin: 0; } .k-scheduler-mobile .k-task .k-scheduler-task-text { flex: 1 1 0%; } .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn { vertical-align: top; } .k-scheduler-mobile .k-scheduler-times .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text, .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text { writing-mode: vertical-lr; transform: rotate(180deg); white-space: nowrap; } .k-scheduler-mobile .k-scrollbar-h tr + tr .k-scheduler-times { border-bottom-width: 0; } .k-pane-wrapper .k-appbar { padding: var(--kendo-spacing-1, 0.25rem); } .k-pane-wrapper .k-list-title, .k-pane-wrapper .k-filter-help-text { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); display: block; } .k-pane-wrapper .k-listgroup-title { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); font-weight: bold; text-transform: uppercase; } .k-pane-wrapper .k-listgroup .k-listgroup-item { border-color: inherit; } .k-pane-wrapper .k-listgroup + .k-listgroup { margin-top: var(--kendo-spacing-4, 1rem); } .k-pane-wrapper .k-column-menu { padding: var(--kendo-spacing-2, 0.5rem); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 0.5rem); } .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * { pointer-events: none; } .k-pane-wrapper .k-column-menu .k-list-title, .k-pane-wrapper .k-column-menu .k-listgroup-title { padding: 0; } .k-pane-wrapper .k-column-menu .k-listgroup { margin-inline: calc(var(--kendo-spacing-2, 0.5rem) * -1); } .k-pane-wrapper .k-filter-menu { padding: var(--kendo-spacing-2, 0.5rem); display: flex; flex-flow: column nowrap; gap: var(--kendo-spacing-2, 0.5rem); } .k-pane-wrapper .k-filter-menu .k-list-title { padding: 0; } .k-pane-wrapper .k-filter-menu .k-list-filter { padding: 0; display: flex; flex-flow: column nowrap; gap: inherit; } .k-pane-wrapper .k-filter-menu .k-filter-tools { display: flex; flex-flow: row nowrap; gap: inherit; } .k-pane-wrapper .k-filter-menu .k-listgroup { margin-inline: calc(var(--kendo-spacing-2, 0.5rem) * -1); } .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap { display: flex; } .k-pane-wrapper .k-popup-edit-form .k-mobiletimezoneeditor { display: flex; align-items: center; justify-content: flex-end; position: relative; flex: 1 1 auto; } .k-pane-wrapper .k-multicheck-wrap.k-listgroup { overflow-y: auto; } .k-pane-wrapper .k-pager-wrap.k-pager-sm, .k-pane-wrapper .k-pager.k-pager-sm { justify-content: center; } .k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh, .k-pane-wrapper .k-pager.k-pager-sm .k-pager-refresh { display: none; } :is(.k-rtl .k-pane-wrapper, [dir=rtl] .k-pane-wrapper, .k-pane-wrapper[dir=rtl]) .k-scheduler-mobile .k-scheduler-toolbar > ul > li { border: 0; } :is(.k-rtl .k-pane-wrapper, [dir=rtl] .k-pane-wrapper, .k-pane-wrapper[dir=rtl]) .k-scheduler-mobile .k-task .k-i-reload { margin-left: 0.5em; margin-right: 0; } .k-pane-wrapper, .k-view { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-pane-wrapper .k-pane > .k-view > .k-content { background-position: 50% 50%; background-color: var(--kendo-color-app-surface, #ffffff); } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: var(--kendo-color-on-app-surface, #212121); } .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before { background-color: var(--kendo-color-app-surface, #ffffff); } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current { color: var(--kendo-color-primary, #3f51b5); } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendadate { color: inherit; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-time-period, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendaweekday { color: var(--kendo-color-subtle, #757575); } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-wrap, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-datecolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-group-cell, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-all-day { background-color: var(--kendo-color-app-surface, #ffffff); } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-tools > li { display: inline-block; background-color: inherit; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-edit-form .k-link, .k-pane-wrapper .k-pane .k-grid-header-menu .k-item, .k-pane-wrapper .k-pane .k-grid-header-menu .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-item, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-item, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-link { color: var(--kendo-color-on-app-surface, #212121); } .k-pane-wrapper .k-pane .k-grid-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-header-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-header-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-header-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-clear, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries { color: var(--kendo-color-primary, #3f51b5); } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected { color: var(--kendo-color-primary, #3f51b5); background: none; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link { color: inherit; } .k-progressbar { border-radius: var(--kendo-border-radius-md, 0.25rem); --kendo-progressbar-value: 0; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-xs, normal); display: inline-grid; vertical-align: middle; position: relative; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-progressbar *, .k-progressbar *::before, .k-progressbar *::after { box-sizing: border-box; } .k-progressbar > .k-progressbar-value { border-width: 0; border-style: solid; display: flex; overflow: hidden; grid-column: 1/-1; grid-row: 1/-1; } .k-progressbar > .k-progressbar-chunks { border-width: inherit; border-style: inherit; white-space: nowrap; display: flex; align-items: stretch; flex: 1; gap: 1px; grid-column: 1/-1; grid-row: 1/-1; } .k-progressbar .k-progressbar-chunk { display: block; border-width: 0; flex: 1; } .k-progress-status-wrap { width: 100%; height: 100%; display: flex; align-items: center; flex-shrink: 0; grid-column: 1/-1; grid-row: 1/-1; } .k-progress-status-wrap.k-progress-start { justify-content: flex-start; } .k-progress-status-wrap.k-progress-center { justify-content: center; } .k-progress-status-wrap.k-progress-end { justify-content: flex-end; } .k-progress-status { padding-block: 0; padding-inline: var(--kendo-spacing-2, 0.5rem); min-width: 10px; text-align: center; display: inline-block; white-space: nowrap; } .k-progressbar-horizontal { width: 100%; height: var(--kendo-progressbar-height, 5px); grid-template-columns: 1fr; grid-template-rows: 100%; } .k-progressbar-horizontal .k-progress-status-wrap { flex-direction: row; } .k-progressbar-horizontal > .k-progressbar-value { width: calc(var(--kendo-progressbar-value, 0) * 1%); flex-direction: row; } .k-progressbar-horizontal > .k-progressbar-value > .k-progress-status-wrap { width: calc(100% * 100 / var(--kendo-progressbar-value, 1)); } .k-progressbar-horizontal > .k-progressbar-chunks { flex-direction: row; } .k-progressbar-horizontal.k-progressbar-reverse > .k-progressbar-value { flex-direction: row-reverse; justify-self: flex-end; } .k-progressbar-horizontal.k-progressbar-reverse > .k-progressbar-chunks { flex-direction: row-reverse; } .k-progressbar-vertical { width: var(--kendo-progressbar-height, 5px); height: 27em; grid-template-columns: 100%; grid-template-rows: 1fr; } .k-progressbar-vertical .k-progress-status-wrap { flex-direction: column-reverse; } .k-progressbar-vertical .k-progress-status { writing-mode: vertical-lr; } .k-progressbar-vertical > .k-progressbar-value { height: calc(var(--kendo-progressbar-value, 0) * 1%); flex-direction: column-reverse; align-self: flex-end; align-items: flex-end; } .k-progressbar-vertical > .k-progressbar-value > .k-progress-status-wrap { height: calc(100% * 100 / var(--kendo-progressbar-value, 1)); } .k-progressbar-vertical > .k-progressbar-chunks { flex-direction: column-reverse; } .k-progressbar-vertical.k-progressbar-reverse { flex-direction: column; } .k-progressbar-vertical.k-progressbar-reverse > .k-progressbar-value { flex-direction: column; align-self: flex-start; } .k-progressbar-vertical.k-progressbar-reverse > .k-progressbar-chunks { flex-direction: column; } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-progressbar-value, .k-progressbar-indeterminate .k-progressbar-chunk { display: none; } .telerik-blazor.k-progressbar-horizontal > .k-progressbar-value, .telerik-blazor.k-progressbar-horizontal > .k-progressbar-value > .k-progress-status-wrap { transition: width 0.1s ease-in-out; } .k-rtl .k-progressbar, .k-progressbar[dir=rtl] { direction: rtl; } .k-circular-progressbar { display: inline-block; text-align: start; position: relative; } .k-circular-progressbar-surface { height: 100%; } .k-circular-progressbar-surface > div { width: 100%; height: 100%; } .k-circular-progressbar-surface svg { width: 100%; height: 100%; } .k-circular-progressbar-scale { fill: none; } .k-circular-progressbar-arc { transform-box: fill-box; transform-origin: center center; transform: rotate(-90deg); stroke-linecap: round; fill: none; } .k-circular-progressbar-label { position: absolute; text-align: center; padding: 0; margin: 0; } .k-progressbar { border-radius: 0; overflow: visible; } .k-progressbar .k-progress-status-wrap { font-size: 11px; } .k-progressbar-horizontal .k-progress-status-wrap { align-items: flex-start; } .k-progressbar-horizontal .k-progress-status { transform: translateY(-100%); } .k-progressbar-vertical .k-progress-status-wrap { align-items: flex-end; } .k-progressbar-vertical .k-progress-status { transform: translateX(100%); } .k-progressbar-indeterminate { overflow: hidden; } .k-progressbar-indeterminate::before, .k-progressbar-indeterminate::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; transform-origin: 0 0; } .k-progressbar-indeterminate.k-progressbar-horizontal::before { top: 0; left: -150%; animation: kendo-progressbar-primary-indeterminate-horizontal 2s infinite; } .k-progressbar-indeterminate.k-progressbar-horizontal::after { top: 0; left: -50%; animation: kendo-progressbar-secondary-indeterminate-horizontal 2s infinite; } .k-progressbar-indeterminate.k-progressbar-vertical::before { top: -150%; left: 0; animation: kendo-progressbar-primary-indeterminate-vertical 2s infinite; } .k-progressbar-indeterminate.k-progressbar-vertical::after { top: -50%; left: 0; animation: kendo-progressbar-secondary-indeterminate-vertical 2s infinite; } @keyframes kendo-progressbar-indeterminate-animation { from { background-position: 0 0; } to { background-position: 5px 0; } } .k-progressbar { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-primary-subtle, #d1d5ee); } .k-progressbar .k-selected { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-chunk-progressbar { background-color: transparent; } .k-progressbar-chunk { background-color: var(--kendo-color-primary-subtle, #d1d5ee); } .k-progressbar-chunk .k-selected { background-color: var(--kendo-color-primary, #3f51b5); } .k-progressbar-indeterminate { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-primary-subtle, #d1d5ee); background-image: linear-gradient(45deg, var(--kendo-color-base-emphasis, #adadad) 25%, transparent 25%, transparent 50%, var(--kendo-color-base-emphasis, #adadad) 50%, var(--kendo-color-base-emphasis, #adadad) 75%, transparent 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-image: linear-gradient(45deg, color-mix(in srgb, var(--kendo-color-base-emphasis, #adadad) 55%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--kendo-color-base-emphasis, #adadad) 55%, transparent) 50%, color-mix(in srgb, var(--kendo-color-base-emphasis, #adadad) 55%, transparent) 75%, transparent 75%, transparent); } background-size: 5px 5px; animation: kendo-progressbar-indeterminate-animation; } .k-circular-progressbar-scale { stroke: var(--kendo-color-primary-subtle, #d1d5ee); } .k-circular-progressbar-arc { stroke: var(--kendo-color-primary, #3f51b5); transition: stroke 0.5s ease; } @keyframes kendo-progressbar-primary-indeterminate-horizontal { 0% { transform: translateX(0) scaleX(0); } 20% { transform: translateX(0) scaleX(0.08); animation-timing-function: cubic-bezier(0.4, 0.08, 0.75, 0.8); } 60% { transform: translateX(83%) scaleX(0.75); animation-timing-function: cubic-bezier(0.21, 0.25, 0.58, 0.98); } 100% { transform: translateX(250%) scaleX(0.08); } } @keyframes kendo-progressbar-secondary-indeterminate-horizontal { 0% { transform: translateX(0) scaleX(0.08); animation-timing-function: cubic-bezier(0.18, 0, 0.54, 0.42); } 22% { transform: translateX(34%) scaleX(0.45); animation-timing-function: cubic-bezier(0.22, 0.25, 0.7, 0.9); } 46% { transform: translateX(82%) scaleX(0.75); animation-timing-function: cubic-bezier(0.33, 0.3, 0.4, 1.2); } 100% { transform: translateX(160%) scaleX(0.08); } } @keyframes kendo-progressbar-primary-indeterminate-vertical { 0% { transform: translateY(0) scaleY(0); } 20% { transform: translateY(0) scaleY(0.08); animation-timing-function: cubic-bezier(0.4, 0.08, 0.75, 0.8); } 60% { transform: translateY(83%) scaleY(0.75); animation-timing-function: cubic-bezier(0.21, 0.25, 0.58, 0.98); } 100% { transform: translateY(250%) scaleY(0.08); } } @keyframes kendo-progressbar-secondary-indeterminate-vertical { 0% { transform: translateY(0) scaleY(0.08); animation-timing-function: cubic-bezier(0.18, 0, 0.54, 0.42); } 22% { transform: translateY(34%) scaleY(0.45); animation-timing-function: cubic-bezier(0.22, 0.25, 0.7, 0.9); } 46% { transform: translateY(82%) scaleY(0.75); animation-timing-function: cubic-bezier(0.33, 0.3, 0.4, 1.2); } 100% { transform: translateY(160%) scaleY(0.08); } } .k-progressbar-indeterminate { background-image: none; } .k-progressbar-indeterminate::before, .k-progressbar-indeterminate::after { background: var(--kendo-color-primary, #3f51b5); } .k-actions, .k-form-buttons, .k-edit-buttons, .k-action-buttons, .k-columnmenu-actions { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: border-box; border-width: 0px 0 0 0; border-style: solid; border-color: inherit; flex-shrink: 0; display: flex; flex-flow: row nowrap; align-items: center; gap: var(--kendo-spacing-2, 0.5rem); overflow: hidden; clear: both; } .k-actions *, .k-form-buttons *, .k-edit-buttons *, .k-action-buttons *, .k-columnmenu-actions *, .k-actions *::before, .k-form-buttons *::before, .k-edit-buttons *::before, .k-action-buttons *::before, .k-columnmenu-actions *::before, .k-actions *::after, .k-form-buttons *::after, .k-edit-buttons *::after, .k-action-buttons *::after, .k-columnmenu-actions *::after { box-sizing: border-box; } .k-popup .k-actions, .k-popup .k-form-buttons, .k-popup .k-edit-buttons, .k-popup .k-action-buttons, .k-popup .k-columnmenu-actions { margin-top: var(--kendo-spacing-4, 1rem); } .k-actions-start { justify-content: flex-start; } .k-actions-center { justify-content: center; } .k-actions-end { justify-content: flex-end; } .k-actions-stretched > * { flex: 1 0 0%; } .k-actions-horizontal { width: 100%; flex-flow: row nowrap; } .k-actions-vertical { flex-flow: column nowrap; } .k-actions .k-button, .k-form-buttons .k-button, .k-edit-buttons .k-button, .k-action-buttons .k-button, .k-columnmenu-actions .k-button { box-shadow: none; } .k-actions .k-button-group, .k-form-buttons .k-button-group, .k-edit-buttons .k-button-group, .k-action-buttons .k-button-group, .k-columnmenu-actions .k-button-group { box-shadow: none; } .k-actions .k-split-button, .k-form-buttons .k-split-button, .k-edit-buttons .k-split-button, .k-action-buttons .k-split-button, .k-columnmenu-actions .k-split-button { box-shadow: none; } .k-actions .k-button-solid-base, .k-form-buttons .k-button-solid-base, .k-edit-buttons .k-button-solid-base, .k-action-buttons .k-button-solid-base, .k-columnmenu-actions .k-button-solid-base { background-color: var(--kendo-color-base-subtle, #ebebeb); border-color: var(--kendo-color-base-subtle, #ebebeb); } .k-justify-content-normal { justify-content: normal; } .\!k-justify-content-normal { justify-content: normal !important; } .k-justify-content-stretch { justify-content: stretch; } .\!k-justify-content-stretch { justify-content: stretch !important; } .k-justify-content-center { justify-content: center; } .\!k-justify-content-center { justify-content: center !important; } .k-justify-content-start { justify-content: start; } .\!k-justify-content-start { justify-content: start !important; } .k-justify-content-end { justify-content: end; } .\!k-justify-content-end { justify-content: end !important; } .k-justify-content-flex-start { justify-content: flex-start; } .\!k-justify-content-flex-start { justify-content: flex-start !important; } .k-justify-content-flex-end { justify-content: flex-end; } .\!k-justify-content-flex-end { justify-content: flex-end !important; } .k-justify-content-left { justify-content: left; } .\!k-justify-content-left { justify-content: left !important; } .k-justify-content-right { justify-content: right; } .\!k-justify-content-right { justify-content: right !important; } .k-justify-content-baseline { justify-content: baseline; } .\!k-justify-content-baseline { justify-content: baseline !important; } .k-justify-content-first-baseline { justify-content: first baseline; } .\!k-justify-content-first-baseline { justify-content: first baseline !important; } .k-justify-content-last-baseline { justify-content: last baseline; } .\!k-justify-content-last-baseline { justify-content: last baseline !important; } .k-justify-content-between { justify-content: space-between; } .\!k-justify-content-between { justify-content: space-between !important; } .k-justify-content-around { justify-content: space-around; } .\!k-justify-content-around { justify-content: space-around !important; } .k-justify-content-evenly { justify-content: space-evenly; } .\!k-justify-content-evenly { justify-content: space-evenly !important; } .k-justify-content-stretch > * { flex: 1 0 0%; } .\!.k-justify-content-stretch > * { flex: 1 0 0% !important; } .k-input, .k-picker { margin: 0; padding: 0; width: 100%; min-width: 0; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; font-weight: normal; text-align: start; box-shadow: none; display: inline-flex; flex-flow: row nowrap; align-items: stretch; vertical-align: middle; position: relative; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none; } .k-input *, .k-input *::before, .k-input *::after, .k-picker *, .k-picker *::before, .k-picker *::after { box-sizing: border-box; } .k-input > .k-input, .k-input > .k-picker, .k-picker > .k-input, .k-picker > .k-picker { border-width: 0 !important; color: inherit; background: none; font: inherit; outline: 0; box-shadow: none; } .k-input > *, .k-picker > * { margin: 0; } .k-input::placeholder, .k-picker::placeholder { color: var(--kendo-color-subtle, #757575); opacity: 1; -webkit-user-select: none; user-select: none; } input.k-input, textarea.k-textarea { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } input.k-input:disabled, input.k-input[disabled], textarea.k-textarea:disabled, textarea.k-textarea[disabled] { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } :is([disabled], .k-disabled) :is(input.k-input, textarea.k-textarea):is(:disabled, [disabled]) { opacity: 1; filter: grayscale(0); } textarea.k-textarea { overflow: auto; } .k-picker { cursor: pointer; } select.k-picker { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); appearance: auto; } select.k-picker:disabled, select.k-picker[disabled] { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } :is([disabled], .k-disabled) select.k-picker:is(:disabled, [disabled]) { opacity: 1; filter: grayscale(0); } .k-input-inner { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); width: 100%; border: 0; outline: 0; color: inherit; background: none; font: inherit; flex: 1; position: relative; z-index: 1; overflow: hidden; text-overflow: ellipsis; -webkit-appearance: none; } .k-input-inner::placeholder { color: var(--kendo-color-subtle, #757575); opacity: 1; -webkit-user-select: none; user-select: none; } .k-input-inner:invalid { box-shadow: none; } span.k-input-inner { white-space: nowrap; display: flex; flex-flow: row nowrap; align-items: center; } textarea.k-input-inner { margin: 0; } .k-input-value-icon { flex: none; } .k-input-value-text { flex: 1; overflow: hidden; text-overflow: ellipsis; } .k-input-value-text::before { content: "​"; width: 0px; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-input-values { min-width: 0px; width: 100%; display: flex; flex-flow: row wrap; align-items: center; cursor: text; } .k-input-values .k-chip-list { display: contents; } .k-icon-picker .k-input-inner { padding: var(--kendo-spacing-2, 0.5rem); justify-content: center; } .k-input-prefix, .k-input-suffix { border-color: inherit; display: flex; align-items: center; flex: none; } .k-input-prefix > *, .k-input-suffix > * { flex-shrink: 0; border: none; } .k-input-prefix-vertical, .k-input-suffix-vertical { flex-flow: column wrap; } .k-input-prefix-horizontal, .k-input-suffix-horizontal { flex-flow: row wrap; } .k-input-separator { margin: 0; border-style: solid; border-color: inherit; border-width: 0 0 0 1px; height: 16px; align-self: center; } .k-input-separator-horizontal { height: auto; margin-inline: var(--kendo-spacing-2, 0.5rem); align-self: stretch; border-width: 1px 0 0; } .k-input-separator-vertical { height: auto; margin-block: var(--kendo-spacing-2, 0.5rem); align-self: stretch; border-width: 0 0 0 1px; } .k-input-icon, .k-input-validation-icon, .k-input-loading-icon { flex: none; align-self: center; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; box-sizing: content-box; } .k-input-loading-icon { width: 1em; height: 1em; font-size: 16px; } .k-input-icon.k-svg-icon > svg, .k-input-icon.k-icon-md > svg, .k-input-validation-icon.k-svg-icon > svg, .k-input-validation-icon.k-icon-md > svg, .k-input-loading-icon.k-svg-icon > svg, .k-input-loading-icon.k-icon-md > svg { width: 16px; height: 16px; } .k-input-icon.k-icon-xs > svg, .k-input-validation-icon.k-icon-xs > svg, .k-input-loading-icon.k-icon-xs > svg { width: calc(16px * 0.75); height: calc(16px * 0.75); } .k-input-icon.k-icon-sm > svg, .k-input-validation-icon.k-icon-sm > svg, .k-input-loading-icon.k-icon-sm > svg { width: calc(16px * 0.875); height: calc(16px * 0.875); } .k-input-icon.k-icon-lg > svg, .k-input-validation-icon.k-icon-lg > svg, .k-input-loading-icon.k-icon-lg > svg { width: calc(16px * 1.25); height: calc(16px * 1.25); } .k-input-icon.k-icon-xl > svg, .k-input-validation-icon.k-icon-xl > svg, .k-input-loading-icon.k-icon-xl > svg { width: calc(16px * 1.5); height: calc(16px * 1.5); } .k-input-icon.k-icon-xxl > svg, .k-input-validation-icon.k-icon-xxl > svg, .k-input-loading-icon.k-icon-xxl > svg { width: calc(16px * 2); height: calc(16px * 2); } .k-input-icon.k-icon-xxxl > svg, .k-input-validation-icon.k-icon-xxxl > svg, .k-input-loading-icon.k-icon-xxxl > svg { width: calc(16px * 3); height: calc(16px * 3); } .k-clear-value { outline: 0; flex: none; align-self: center; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.5; } .k-clear-value:hover, .k-clear-value.k-hover { opacity: 1; } .k-clear-value:focus-visible { outline: 1px dotted; outline-offset: -1px; } .k-input-button { width: auto; border-width: 0; border-inline-start-width: 1px; flex: none; aspect-ratio: auto; box-shadow: none; } .k-input-button > .k-button-icon { min-width: auto !important; } .k-input-button:focus { box-shadow: none; } .k-picker .k-input-button { color: inherit; background: none; border-color: transparent; } .k-input-spinner { width: auto; flex: none; display: flex; flex-flow: column nowrap; } .k-input-spinner .k-spinner-increase, .k-input-spinner .k-spinner-decrease { border-width: 0; border-inline-start-width: 1px; flex: 1 1 50%; box-shadow: none; position: relative; aspect-ratio: auto; } .k-input-spinner .k-spinner-increase .k-button-icon, .k-input-spinner .k-spinner-decrease .k-button-icon { margin-block: -1em; margin-inline: 0; min-width: auto !important; min-height: auto !important; } .k-input-spinner .k-spinner-increase .k-icon { bottom: auto; } .k-input-spinner .k-spinner-decrease .k-icon { top: auto; } .k-searchbar { flex: 1 1 auto; display: flex; flex-flow: row nowrap; } .k-picker-wrap, .k-dropdown-wrap, .k-dateinput-wrap, .k-multiselect-wrap, .k-numeric-wrap { width: 100%; border-width: 0; border-color: inherit; box-sizing: border-box; flex: 1 1 auto; display: flex; flex-flow: row nowrap; overflow: hidden; position: relative; } .k-input-flat, .k-picker-flat { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-width: 1px 0; border-top-color: transparent !important; background-image: none !important; } .k-input-outline { background: none !important; } .k-input-sm, .k-picker-sm { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-input-sm .k-input-values, .k-picker-sm .k-input-values { padding: calc(var(--kendo-spacing-1\.5, 0.375rem) / 2); gap: calc(var(--kendo-spacing-1\.5, 0.375rem) / 2); } .k-input-sm .k-input-values > .k-searchbar, .k-input-sm .k-input-values > .k-input-inner, .k-picker-sm .k-input-values > .k-searchbar, .k-picker-sm .k-input-values > .k-input-inner { margin: calc(var(--kendo-spacing-1\.5, 0.375rem) / 2 * -1); } .k-input-sm .k-input-inner, .k-picker-sm .k-input-inner { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-input-sm .k-input-button, .k-input-sm .k-spinner-increase, .k-input-sm .k-spinner-decrease, .k-picker-sm .k-input-button, .k-picker-sm .k-spinner-increase, .k-picker-sm .k-spinner-decrease { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1, 0.25rem); } .k-input-sm .k-input-icon, .k-input-sm .k-input-validation-icon, .k-input-sm .k-input-loading-icon, .k-input-sm .k-clear-value, .k-input-sm .k-input-prefix > .k-icon, .k-input-sm .k-input-prefix > .k-input-prefix-text, .k-input-sm .k-input-suffix > .k-icon, .k-input-sm .k-input-suffix > .k-input-suffix-text, .k-picker-sm .k-input-icon, .k-picker-sm .k-input-validation-icon, .k-picker-sm .k-input-loading-icon, .k-picker-sm .k-clear-value, .k-picker-sm .k-input-prefix > .k-icon, .k-picker-sm .k-input-prefix > .k-input-prefix-text, .k-picker-sm .k-input-suffix > .k-icon, .k-picker-sm .k-input-suffix > .k-input-suffix-text { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1\.5, 0.375rem); box-sizing: content-box; } .k-input-sm .k-input-separator-horizontal, .k-picker-sm .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-1\.5, 0.375rem); } .k-input-sm .k-input-separator-vertical, .k-picker-sm .k-input-separator-vertical { margin-block: var(--kendo-spacing-1\.5, 0.375rem); } .k-input-sm.k-icon-picker .k-input-inner, .k-picker-sm.k-icon-picker .k-input-inner { width: calc(1.25 * 1em); height: calc(1.25 * 1em); padding: var(--kendo-spacing-1\.5, 0.375rem); box-sizing: content-box; } .k-dropdown-operator.k-picker-sm .k-input-button { padding: var(--kendo-spacing-1\.5, 0.375rem); } select.k-picker-sm { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-input-md, .k-picker-md { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; } .k-input-md .k-input-values, .k-picker-md .k-input-values { padding: calc(var(--kendo-spacing-2, 0.5rem) / 2); gap: calc(var(--kendo-spacing-2, 0.5rem) / 2); } .k-input-md .k-input-values > .k-searchbar, .k-input-md .k-input-values > .k-input-inner, .k-picker-md .k-input-values > .k-searchbar, .k-picker-md .k-input-values > .k-input-inner { margin: calc(var(--kendo-spacing-2, 0.5rem) / 2 * -1); } .k-input-md .k-input-inner, .k-picker-md .k-input-inner { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-input-md .k-input-button, .k-input-md .k-spinner-increase, .k-input-md .k-spinner-decrease, .k-picker-md .k-input-button, .k-picker-md .k-spinner-increase, .k-picker-md .k-spinner-decrease { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-1, 0.25rem); } .k-input-md .k-input-icon, .k-input-md .k-input-validation-icon, .k-input-md .k-input-loading-icon, .k-input-md .k-clear-value, .k-input-md .k-input-prefix > .k-icon, .k-input-md .k-input-prefix > .k-input-prefix-text, .k-input-md .k-input-suffix > .k-icon, .k-input-md .k-input-suffix > .k-input-suffix-text, .k-picker-md .k-input-icon, .k-picker-md .k-input-validation-icon, .k-picker-md .k-input-loading-icon, .k-picker-md .k-clear-value, .k-picker-md .k-input-prefix > .k-icon, .k-picker-md .k-input-prefix > .k-input-prefix-text, .k-picker-md .k-input-suffix > .k-icon, .k-picker-md .k-input-suffix > .k-input-suffix-text { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: content-box; } .k-input-md .k-input-separator-horizontal, .k-picker-md .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-2, 0.5rem); } .k-input-md .k-input-separator-vertical, .k-picker-md .k-input-separator-vertical { margin-block: var(--kendo-spacing-2, 0.5rem); } .k-input-md.k-icon-picker .k-input-inner, .k-picker-md.k-icon-picker .k-input-inner { width: calc(1.25 * 1em); height: calc(1.25 * 1em); padding: var(--kendo-spacing-2, 0.5rem); box-sizing: content-box; } .k-dropdown-operator.k-picker-md .k-input-button { padding: var(--kendo-spacing-2, 0.5rem); } select.k-picker-md { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-input-lg, .k-picker-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.5; } .k-input-lg .k-input-values, .k-picker-lg .k-input-values { padding: calc(var(--kendo-spacing-2, 0.5rem) / 2); gap: calc(var(--kendo-spacing-2, 0.5rem) / 2); } .k-input-lg .k-input-values > .k-searchbar, .k-input-lg .k-input-values > .k-input-inner, .k-picker-lg .k-input-values > .k-searchbar, .k-picker-lg .k-input-values > .k-input-inner { margin: calc(var(--kendo-spacing-2, 0.5rem) / 2 * -1); } .k-input-lg .k-input-inner, .k-picker-lg .k-input-inner { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-input-lg .k-input-button, .k-input-lg .k-spinner-increase, .k-input-lg .k-spinner-decrease, .k-picker-lg .k-input-button, .k-picker-lg .k-spinner-increase, .k-picker-lg .k-spinner-decrease { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-1, 0.25rem); } .k-input-lg .k-input-icon, .k-input-lg .k-input-validation-icon, .k-input-lg .k-input-loading-icon, .k-input-lg .k-clear-value, .k-input-lg .k-input-prefix > .k-icon, .k-input-lg .k-input-prefix > .k-input-prefix-text, .k-input-lg .k-input-suffix > .k-icon, .k-input-lg .k-input-suffix > .k-input-suffix-text, .k-picker-lg .k-input-icon, .k-picker-lg .k-input-validation-icon, .k-picker-lg .k-input-loading-icon, .k-picker-lg .k-clear-value, .k-picker-lg .k-input-prefix > .k-icon, .k-picker-lg .k-input-prefix > .k-input-prefix-text, .k-picker-lg .k-input-suffix > .k-icon, .k-picker-lg .k-input-suffix > .k-input-suffix-text { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: content-box; } .k-input-lg .k-input-separator-horizontal, .k-picker-lg .k-input-separator-horizontal { margin-inline: var(--kendo-spacing-2, 0.5rem); } .k-input-lg .k-input-separator-vertical, .k-picker-lg .k-input-separator-vertical { margin-block: var(--kendo-spacing-2, 0.5rem); } .k-input-lg.k-icon-picker .k-input-inner, .k-picker-lg.k-icon-picker .k-input-inner { width: calc(1.5 * 1em); height: calc(1.5 * 1em); padding: var(--kendo-spacing-2, 0.5rem); box-sizing: content-box; } .k-dropdown-operator.k-picker-lg .k-input-button { padding: var(--kendo-spacing-2, 0.5rem); } select.k-picker-lg { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-input > kendo-popup, .k-picker > kendo-popup { position: fixed; } .k-autofill:-webkit-autofill { animation-name: autoFillStart; } .k-autofill:not(:-webkit-autofill) { animation-name: autoFillEnd; } .k-input:-webkit-autofill { animation-name: autoFillStart; } .k-input:not(:-webkit-autofill) { animation-name: autoFillEnd; } .k-input-solid, .k-picker-solid { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-width: 1px 0; border-top-color: transparent !important; } .k-input-solid .k-input-button, .k-input-solid .k-input-spinner .k-spinner-increase, .k-input-solid .k-input-spinner .k-spinner-decrease, .k-picker-solid .k-input-button, .k-picker-solid .k-input-spinner .k-spinner-increase, .k-picker-solid .k-input-spinner .k-spinner-decrease { background: none; border-color: transparent; } .k-input-flat .k-input-button, .k-input-flat .k-input-spinner .k-spinner-increase, .k-input-flat .k-input-spinner .k-spinner-decrease, .k-picker-flat .k-input-button, .k-picker-flat .k-input-spinner .k-spinner-increase, .k-picker-flat .k-input-spinner .k-spinner-decrease { background: none; border-color: transparent; } .k-input-flat:disabled, .k-input-flat[disabled], .k-input-flat.k-disabled, .k-picker-flat:disabled, .k-picker-flat[disabled], .k-picker-flat.k-disabled { border-bottom-style: dashed; } .k-input:disabled, .k-input[disabled], .k-input.k-disabled, .k-picker:disabled, .k-picker[disabled], .k-picker.k-disabled { opacity: 1; filter: none; } .k-input .k-input-button, .k-input .k-input-spinner .k-spinner-increase, .k-input .k-input-spinner .k-spinner-decrease, .k-input .k-input-values .k-chip, .k-picker .k-input-button, .k-picker .k-input-spinner .k-spinner-increase, .k-picker .k-input-spinner .k-spinner-decrease, .k-picker .k-input-values .k-chip { color: inherit; } .k-input-solid::after, .k-input-flat::after, .k-input-outline::after, .k-picker-solid::after, .k-picker-flat::after, .k-picker-outline::after { content: ""; border-width: 0 0 2px; border-style: solid; border-color: inherit; border-radius: inherit; display: block; position: absolute; z-index: 2; inset: -1px; opacity: 0; transform: scaleX(0); transition: opacity 0.3s, transform 0.3s; pointer-events: none; } .k-input-solid.k-focus::after, .k-input-flat.k-focus::after, .k-input-outline.k-focus::after, .k-picker-solid.k-focus::after, .k-picker-flat.k-focus::after, .k-picker-outline.k-focus::after { opacity: 1; transform: scaleX(1); } .k-input-solid:focus-within::after, .k-input-flat:focus-within::after, .k-input-outline:focus-within::after, .k-picker-solid:focus-within::after, .k-picker-flat:focus-within::after, .k-picker-outline:focus-within::after { opacity: 1; transform: scaleX(1); } .k-input-outline::after, .k-picker-outline::after { border-width: 2px; transform: none; } .k-input-outline.k-focus::after, .k-picker-outline.k-focus::after { transform: none; } .k-input-outline:focus-within::after, .k-picker-outline:focus-within::after { transform: none; } .k-input-solid { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface, #f5f5f5); } .k-input-solid:hover, .k-input-solid.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-input-solid:focus, .k-input-solid.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-solid:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-solid:disabled, .k-input-solid[disabled], .k-input-solid.k-disabled { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } } .k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .k-input-solid.k-invalid .k-input-validation-icon, .k-input-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-input-solid.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #f31700); } .k-input-solid .k-input-prefix { color: var(--kendo-color-subtle, #757575); } .k-input-solid .k-input-suffix { color: var(--kendo-color-subtle, #757575); } .k-input-solid .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-picker-solid { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface, #f5f5f5); } .k-picker-solid:hover, .k-picker-solid.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-picker-solid:focus, .k-picker-solid.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-picker-solid:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-picker-solid:disabled, .k-picker-solid[disabled], .k-picker-solid.k-disabled { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } } .k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .k-picker-solid.k-invalid .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #f31700); } .k-input-outline { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } color: var(--kendo-color-on-app-surface, #212121); } .k-input-outline > .k-input-button { border-color: inherit; } .k-input-outline > .k-input-spinner { border-color: inherit; } .k-input-outline > .k-input-spinner > .k-spinner-increase, .k-input-outline > .k-input-spinner > .k-spinner-decrease { border-color: inherit; } .k-input-outline:hover, .k-input-outline.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-input-outline:focus, .k-input-outline.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-outline:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-outline:disabled, .k-input-outline[disabled], .k-input-outline.k-disabled { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } } .k-input-outline.k-invalid, .k-input-outline.ng-invalid.ng-touched, .k-input-outline.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .k-input-outline.k-invalid .k-input-validation-icon, .k-input-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-input-outline.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #f31700); } .k-input-outline .k-input-prefix { color: var(--kendo-color-subtle, #757575); } .k-input-outline .k-input-suffix { color: var(--kendo-color-subtle, #757575); } .k-input-outline .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-picker-outline { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } color: var(--kendo-color-on-app-surface, #212121); } .k-picker-outline:hover, .k-picker-outline.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-picker-outline:focus, .k-picker-outline.k-focus { border-color: var(--kendo-color-primary, #3f51b5); background-color: nul; } .k-picker-outline:focus-within { border-color: var(--kendo-color-primary, #3f51b5); background-color: nul; } .k-picker-outline:disabled, .k-picker-outline[disabled], .k-picker-outline.k-disabled { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } } .k-picker-outline.k-invalid, .k-picker-outline.ng-invalid.ng-touched, .k-picker-outline.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .k-picker-outline.k-invalid .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-outline.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #f31700); } .k-input-flat { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } color: var(--kendo-color-on-app-surface, #212121); } .k-input-flat:hover, .k-input-flat.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-input-flat:focus, .k-input-flat.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-flat:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-input-flat:disabled, .k-input-flat[disabled], .k-input-flat.k-disabled { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } } .k-input-flat.k-invalid, .k-input-flat.ng-invalid.ng-touched, .k-input-flat.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .k-input-flat.k-invalid .k-input-validation-icon, .k-input-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-input-flat.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #f31700); } .k-input-flat .k-input-prefix { color: var(--kendo-color-subtle, #757575); } .k-input-flat .k-input-suffix { color: var(--kendo-color-subtle, #757575); } .k-input-flat .k-input-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-picker-flat { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 44%, transparent); } color: var(--kendo-color-on-app-surface, #212121); } .k-picker-flat:hover, .k-picker-flat.k-hover { border-color: var(--kendo-color-on-app-surface, #212121); } .k-picker-flat:focus, .k-picker-flat.k-focus { border-color: var(--kendo-color-primary, #3f51b5); } .k-picker-flat:focus-within { border-color: var(--kendo-color-primary, #3f51b5); } .k-picker-flat:disabled, .k-picker-flat[disabled], .k-picker-flat.k-disabled { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 27%, transparent); } background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 3%, transparent); } } .k-picker-flat.k-invalid, .k-picker-flat.ng-invalid.ng-touched, .k-picker-flat.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .k-picker-flat.k-invalid .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-flat.ng-invalid.ng-dirty .k-input-validation-icon { color: var(--kendo-color-error, #f31700); } .k-floating-label-container { padding-top: calc(1.25 * var(--kendo-font-size-lg, inherit)); box-sizing: border-box; display: inline-flex; vertical-align: middle; position: relative; flex-direction: column; justify-content: stretch; } .k-floating-label-container *, .k-floating-label-container *::before, .k-floating-label-container *::after { box-sizing: border-box; } .k-floating-label-container > .k-floating-label { max-width: 90%; font-size: var(--kendo-font-size-lg, inherit); line-height: 1.25; white-space: nowrap; text-overflow: ellipsis; position: absolute; top: var(--kendo-floating-label-offset-y, calc(calc(1.25 * var(--kendo-font-size-lg, inherit)) + 1px + var(--kendo-spacing-2, 0.5rem))); left: var(--kendo-floating-label-offset-x, calc(var(--kendo-spacing-4, 1rem) + 1px)); overflow: hidden; cursor: text; transform-origin: left center; transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), left 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .k-floating-label-container.k-empty > .k-floating-label { top: var(--kendo-floating-label-offset-y, calc(calc(1.25 * var(--kendo-font-size-lg, inherit)) + 1px + var(--kendo-spacing-2, 0.5rem))); left: var(--kendo-floating-label-offset-x, calc(var(--kendo-spacing-4, 1rem) + 1px)); transform: scale(1); pointer-events: none; } .k-floating-label-container > .k-floating-label, .k-floating-label-container.k-focus > .k-floating-label { top: var(--kendo-floating-label-focus-offset-y, 0px); left: var(--kendo-floating-label-focus-offset-x, 0px); transform: scale(0.75); } .k-floating-label-container:focus-within > .k-floating-label { top: var(--kendo-floating-label-focus-offset-y, 0px); left: var(--kendo-floating-label-focus-offset-x, 0px); transform: scale(0.75); } .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder { color: transparent; } [dir=rtl] .k-floating-label-container > .k-floating-label, .k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir=rtl] > .k-floating-label { transform-origin: right center; transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), right 0.15s cubic-bezier(0.4, 0, 0.2, 1); } [dir=rtl] .k-floating-label-container.k-empty > .k-floating-label, .k-rtl .k-floating-label-container.k-empty > .k-floating-label, .k-floating-label-container[dir=rtl].k-empty > .k-floating-label { left: auto; right: var(--kendo-floating-label-offset-x, calc(var(--kendo-spacing-4, 1rem) + 1px)); } [dir=rtl] .k-floating-label-container > .k-floating-label, [dir=rtl] .k-floating-label-container.k-focus > .k-floating-label, .k-rtl .k-floating-label-container > .k-floating-label, .k-rtl .k-floating-label-container.k-focus > .k-floating-label, .k-floating-label-container[dir=rtl] > .k-floating-label, .k-floating-label-container[dir=rtl].k-focus > .k-floating-label { left: auto; right: var(--kendo-floating-label-focus-offset-x, 0px); } [dir=rtl] .k-floating-label-container:focus-within > .k-floating-label, .k-rtl .k-floating-label-container:focus-within > .k-floating-label, .k-floating-label-container[dir=rtl]:focus-within > .k-floating-label { left: auto; right: var(--kendo-floating-label-focus-offset-x, 0px); } .k-floating-label-container > .k-floating-label { transform-origin: left bottom; } [dir=rtl] .k-floating-label-container > .k-floating-label, .k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir=rtl] > .k-floating-label { transform-origin: right bottom; } .k-floating-label-container > .k-floating-label { color: var(--kendo-color-subtle, #757575); } .k-floating-label-container.k-focus > .k-floating-label { color: var(--kendo-color-primary, #3f51b5); } .k-floating-label-container.k-invalid > .k-floating-label, .k-floating-label-container.ng-invalid.ng-touched > .k-floating-label, .k-floating-label-container.ng-invalid.ng-dirty > .k-floating-label { color: var(--kendo-color-error, #f31700); } .k-floating-label-container.k-invalid + .k-floating-label, .k-floating-label-container .k-invalid + .k-floating-label, .k-floating-label-container .ng-invalid.ng-touched + .k-floating-label, .k-floating-label-container .ng-invalid.ng-dirty + .k-floating-label { color: var(--kendo-color-error, #f31700); } .k-tooltip { border-radius: var(--kendo-border-radius-md, 0.25rem); margin: 0; padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: calc(var(--kendo-spacing-4, 1rem) / 2); border-width: 0px; border-style: solid; box-sizing: border-box; background-repeat: repeat-x; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-sm, inherit); line-height: 1.4285714286; display: flex; flex-flow: row nowrap; align-items: flex-start; position: absolute; z-index: 12000; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-tooltip *, .k-tooltip *::before, .k-tooltip *::after { box-sizing: border-box; } .k-tooltip-icon { margin-inline-end: var(--kendo-spacing-2, 0.5rem); flex-shrink: 0; } .k-tooltip-title { margin-bottom: 0.25em; font-size: calc(var(--kendo-font-size-sm, 0.75rem) * 1.25); line-height: var(--kendo-line-height-xs, normal); } .k-tooltip-content { align-self: stretch; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .k-tooltip-button { margin-inline-start: var(--kendo-spacing-2, 0.5rem); flex-shrink: 0; } .k-tooltip-button .k-icon { color: inherit; vertical-align: top; } .k-callout { width: calc(6px * 2); height: calc(6px * 2); border-width: 6px; border-style: solid; border-color: transparent; position: absolute; pointer-events: none; } .k-callout-n { margin-left: calc(6px * -1); border-bottom-color: currentColor; top: calc(6px * -1 * 2); left: 50%; pointer-events: none; } .k-callout-e { margin-top: calc(6px * -1); border-left-color: currentColor; top: 50%; right: calc(6px * -1 * 2); pointer-events: none; } .k-callout-s { margin-left: calc(6px * -1); border-top-color: currentColor; bottom: calc(6px * -1 * 2); left: 50%; pointer-events: none; } .k-callout-w { margin-top: calc(6px * -1); border-right-color: currentColor; top: 50%; left: calc(6px * -1 * 2); pointer-events: none; } .k-tooltip { border-color: rgba(97, 97, 97, 0.9); color: #ffffff; background-color: rgba(97, 97, 97, 0.9); box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-tooltip .k-callout { color: rgba(97, 97, 97, 0.9); } .k-tooltip-inverse { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-tooltip-inverse .k-callout { color: var(--kendo-color-dark, #424242); } .k-tooltip-light { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-tooltip-light .k-callout { color: var(--kendo-color-light, #f5f5f5); } .k-tooltip-dark { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-tooltip-dark .k-callout { color: var(--kendo-color-dark, #424242); } .k-tooltip-error { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-tooltip-error .k-callout { color: var(--kendo-color-error, #f31700); } .k-tooltip-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-tooltip-warning .k-callout { color: var(--kendo-color-warning, #ffc000); } .k-tooltip-success { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-tooltip-success .k-callout { color: var(--kendo-color-success, #37b400); } .k-tooltip-info { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-tooltip-info .k-callout { color: var(--kendo-color-info, #0058e9); } .k-tooltip-tertiary { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-tooltip-tertiary .k-callout { color: var(--kendo-color-tertiary, #00695c); } .k-tooltip-secondary { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-tooltip-secondary .k-callout { color: var(--kendo-color-secondary, #e51a5f); } .k-tooltip-primary { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-tooltip-primary .k-callout { color: var(--kendo-color-primary, #3f51b5); } .k-validator-tooltip { margin-top: calc(6px + 0px); width: auto; white-space: normal; display: flex; align-items: center; z-index: 9999; } .k-grid .k-validator-tooltip { max-width: 300px; } .k-calendar { inline-size: var(--INTERNAL--kendo-calendar-width, min-content); block-size: var(--INTERNAL--kendo-calendar-height, min-content); border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; position: relative; overflow: hidden; display: inline-flex; flex-flow: column nowrap; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-calendar > .k-calendar { border: 0; } .k-calendar-table { margin-block: 0; margin-inline: auto; border-width: 0; border-color: inherit; border-spacing: 0; border-collapse: separate; table-layout: fixed; text-align: center; outline: 0; display: table; position: relative; z-index: 1; } .k-calendar-caption, .k-calendar-caption.k-calendar-th, .k-calendar .k-meta-header, .k-calendar .k-month-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-4, 1rem); height: 36px; box-sizing: border-box; text-transform: none; text-align: start; font-weight: bold; cursor: default; } .k-calendar-th, .k-calendar-td { border-width: 0; padding: 0; text-align: center; border-style: solid; border-color: inherit; font-weight: normal; cursor: default; } .k-calendar-th { inline-size: var(--INTERNAL--kendo-calendar-cell-size, 36px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 36px); font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height, normal); text-transform: uppercase; } .k-calendar-td { border-radius: 100px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content); border-color: transparent; } .k-calendar-td.k-alt { font-size: 0.75rem; } .k-calendar .k-calendar-cell-inner, .k-calendar .k-link { border-radius: 100px; padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25em); padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.25em); width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; white-space: normal; position: relative; overflow: hidden; } .k-calendar .k-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-bottom-width: 0px; border-bottom-style: solid; display: flex; flex-flow: row nowrap; align-items: center; position: relative; z-index: 2; } .k-calendar-header { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); min-width: 288px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; } .k-calendar-header .k-calendar-nav { display: flex; flex-flow: row nowrap; align-items: center; } .k-calendar-footer, .k-calendar .k-footer { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); text-align: center; clear: both; } .k-calendar-view { margin: auto; padding-block: 0; padding-inline: var(--kendo-spacing-1, 0.25rem); width: 288px; inline-size: var(--INTERNAL--kendo-calendar-view-width, 288px); min-height: 252px; box-sizing: content-box; gap: var(--kendo-spacing-4, 1rem); position: relative; z-index: 1; overflow: hidden; } .k-calendar-view .k-today { font-weight: bold; } .k-month-calendar .k-calendar-td, .k-calendar-monthview .k-calendar-td { width: 36px; height: 36px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 36px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 36px); } .k-year-calendar .k-calendar-td, .k-calendar-yearview .k-calendar-td { width: 72px; height: 72px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); } .k-decade-calendar .k-calendar-td, .k-calendar-decadeview .k-calendar-td { width: 72px; height: 72px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); } .k-century-calendar .k-calendar-td, .k-calendar-centuryview .k-calendar-td { width: 72px; height: 72px; inline-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); block-size: var(--INTERNAL--kendo-calendar-cell-size, 72px); } .k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link, .k-calendar-centuryview .k-calendar-cell-inner, .k-calendar-centuryview .k-link { text-align: start; } .k-popup .k-calendar { height: 100%; } .k-calendar-container, .k-datetime-container { padding: 0; } .k-calendar-container .k-calendar, .k-datetime-container .k-calendar { border-width: 0; } .k-calendar .k-content.k-scrollable, .k-calendar .k-calendar-content.k-scrollable { box-sizing: content-box; overflow-x: hidden; overflow-y: auto; display: block; padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px)); } .k-calendar .k-scrollable-placeholder { position: absolute; z-index: -1; width: 1px; top: 0; right: 0; } .k-calendar-sm { --INTERNAL--kendo-calendar-view-width: 256px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, var(--kendo-spacing-0\.5, 0.125rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, var(--kendo-spacing-0\.5, 0.125rem) ); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); } .k-calendar-sm.k-month-calendar, .k-calendar-sm .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-month-cell-size, 32px ); } .k-calendar-sm.k-year-calendar, .k-calendar-sm .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-year-cell-size, 64px ); } .k-calendar-sm.k-decade-calendar, .k-calendar-sm .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-decade-cell-size, 64px ); } .k-calendar-sm.k-century-calendar, .k-calendar-sm .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-century-cell-size, 64px ); } .k-calendar-md { --INTERNAL--kendo-calendar-view-width: 288px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, var(--kendo-spacing-1, 0.25rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, var(--kendo-spacing-1, 0.25rem) ); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); } .k-calendar-md.k-month-calendar, .k-calendar-md .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-month-cell-size, 36px ); } .k-calendar-md.k-year-calendar, .k-calendar-md .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-year-cell-size, 72px ); } .k-calendar-md.k-decade-calendar, .k-calendar-md .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-decade-cell-size, 72px ); } .k-calendar-md.k-century-calendar, .k-calendar-md .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-century-cell-size, 72px ); } .k-calendar-lg { --INTERNAL--kendo-calendar-view-width: 320px; --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-lg-cell-padding-x, var(--kendo-spacing-1, 0.25rem) ); --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, var(--kendo-spacing-1, 0.25rem) ); font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal); } .k-calendar-lg.k-month-calendar, .k-calendar-lg .k-calendar-monthview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-month-cell-size, 40px ); } .k-calendar-lg.k-year-calendar, .k-calendar-lg .k-calendar-yearview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-year-cell-size, 80px ); } .k-calendar-lg.k-decade-calendar, .k-calendar-lg .k-calendar-decadeview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-decade-cell-size, 80px ); } .k-calendar-lg.k-century-calendar, .k-calendar-lg .k-calendar-centuryview { --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 80px ); } .k-calendar-infinite { box-sizing: content-box; display: inline-flex; flex-flow: row nowrap; } .k-calendar-infinite .k-calendar-view { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-4, 1rem); height: 324px; flex: 0 0 auto; display: flex; flex-flow: column nowrap; gap: 0; overflow: hidden; } .k-calendar-infinite .k-calendar-view .k-content.k-scrollable { position: relative; } .k-calendar-infinite .k-calendar-view::after { display: block; position: absolute; bottom: 0; content: "​"; height: 0; line-height: 0; z-index: 1; width: 150%; left: -25%; box-shadow: 0 0 36px 18px var(--kendo-color-surface-alt, #ffffff); } .k-calendar-infinite .k-calendar-header { margin-left: calc(var(--kendo-spacing-4, 1rem) * -1); margin-right: calc(var(--kendo-spacing-4, 1rem) * -1); padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); width: auto; min-width: 0; } .k-calendar-infinite .k-calendar-weekdays { flex: 0 0 auto; } .k-calendar-navigation { width: 5em; text-align: center; flex: 0 0 auto; display: block; overflow: hidden; position: relative; z-index: 1; } .k-calendar-navigation::before, .k-calendar-navigation::after { display: block; position: absolute; content: "​"; height: 0; line-height: 0; z-index: 1; width: 200%; left: -50%; box-shadow: 0 0 6em 3em var(--kendo-color-surface, #f5f5f5); } .k-calendar-navigation::before { top: 0; } .k-calendar-navigation::after { bottom: 0; } .k-calendar-navigation .k-content, .k-calendar-navigation .k-calendar-content { background: transparent; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .k-calendar-navigation .k-content ul, .k-calendar-navigation .k-calendar-content ul { width: 5em; } .k-calendar-navigation .k-content li, .k-calendar-navigation .k-calendar-content li { height: 2em; line-height: 2em; cursor: pointer; padding-block: 0; padding-inline: 1em; overflow: hidden; white-space: nowrap; text-overflow: clip; } .k-calendar-navigation .k-calendar-navigation-marker { font-weight: bold; } .k-calendar-navigation .k-calendar-navigation-highlight { width: 100%; border-width: 1px 0; border-style: solid; height: 2em; box-sizing: border-box; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .k-calendar-range { width: auto; } .k-calendar-range .k-calendar-view { width: auto; white-space: nowrap; } .k-calendar-range .k-calendar-view::after { display: none; } .k-calendar-range .k-calendar-view:focus { outline: 0; } .k-range-start { border-radius: var(--kendo-border-radius-full, 9999px) 0 0 var(--kendo-border-radius-full, 9999px); } .k-range-start .k-calendar-cell-inner, .k-range-start .k-link { border-color: inherit; border-radius: inherit; } .k-range-end { border-radius: 0 var(--kendo-border-radius-full, 9999px) var(--kendo-border-radius-full, 9999px) 0; } .k-range-end .k-calendar-cell-inner, .k-range-end .k-link { border-color: inherit; border-radius: inherit; } .k-range-mid { border-color: inherit; border-radius: 0; } .k-range-start.k-range-end { border-radius: var(--kendo-border-radius-full, 9999px); } .k-rtl .k-calendar .k-content.k-scrollable, .k-rtl .k-calendar .k-calendar-content.k-scrollable, [dir=rtl] .k-calendar .k-content.k-scrollable, [dir=rtl] .k-calendar .k-calendar-content.k-scrollable, .k-calendar.k-rtl .k-content.k-scrollable, .k-calendar.k-rtl .k-calendar-content.k-scrollable, .k-calendar[dir=rtl] .k-content.k-scrollable, .k-calendar[dir=rtl] .k-calendar-content.k-scrollable { padding-right: 100px; padding-left: 100px; margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px)); margin-right: -100px; } .k-rtl .k-calendar .k-range-start, [dir=rtl] .k-calendar .k-range-start, .k-calendar.k-rtl .k-range-start, .k-calendar[dir=rtl] .k-range-start { border-radius: 0 var(--kendo-border-radius-full, 9999px) var(--kendo-border-radius-full, 9999px) 0; } .k-rtl .k-calendar .k-range-end, [dir=rtl] .k-calendar .k-range-end, .k-calendar.k-rtl .k-range-end, .k-calendar[dir=rtl] .k-range-end { border-radius: var(--kendo-border-radius-full, 9999px) 0 0 var(--kendo-border-radius-full, 9999px); } .k-calendar .k-title, .k-calendar .k-calendar-title { font-weight: 500; text-transform: none; } .k-calendar .k-calendar-caption, .k-calendar .k-calendar-view th, .k-calendar .k-calendar-view .k-calendar-th, .k-calendar .k-meta-header, .k-calendar .k-month-header { font-weight: 500; } .k-calendar .k-calendar-view tbody th, .k-calendar .k-calendar-view .k-calendar-tbody .k-calendar-th { font-weight: 700; } .k-calendar { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-calendar .k-header { border-color: inherit; color: var(--kendo-color-on-app-surface, #212121); } .k-calendar .k-calendar-th, .k-calendar .k-calendar-caption, .k-calendar .k-meta-header, .k-calendar .k-month-header { color: var(--kendo-color-subtle, #757575); } .k-calendar .k-calendar-view .k-today { color: var(--kendo-color-primary, #3f51b5); } .k-calendar .k-other-month { color: var(--kendo-color-subtle, #757575); } .k-calendar .k-alt { background-color: transparent; color: var(--kendo-color-subtle, #757575); } .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link, .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-hover .k-link { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link, .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected.k-hover .k-link { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary-hover, #3a4ba7); } .k-calendar .k-calendar-navigation { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface, #f5f5f5); box-shadow: inset -1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-calendar .k-calendar-navigation li:hover, .k-calendar .k-calendar-navigation li.k-hover { color: var(--kendo-color-secondary-hover, #d31857); } .k-calendar .k-calendar-navigation-highlight { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty { border-color: var(--kendo-color-error, #f31700); } .k-rtl .k-calendar .k-calendar-navigation, .k-calendar[dir=rtl] .k-calendar-navigation { box-shadow: inset 1px 0 var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-scheduler .k-calendar .k-other-month { color: var(--kendo-color-subtle, #757575); background-color: transparent; } .k-calendar .k-range-start, .k-calendar .k-range-end, .k-calendar .k-range-mid { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 25%, transparent); } } .k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link, .k-calendar .k-range-end .k-calendar-cell-inner, .k-calendar .k-range-end .k-link { background-color: var(--kendo-color-primary, #3f51b5); } .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link, .k-calendar .k-range-end.k-active .k-calendar-cell-inner, .k-calendar .k-range-end.k-active .k-link { box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2); } .k-calendar .k-range-split-start, .k-calendar .k-range-split-end { position: relative; } .k-calendar .k-range-split-start::after, .k-calendar .k-range-split-end::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 5px; } .k-calendar .k-range-split-start::after { left: -5px; right: auto; background-image: linear-gradient(to left, var(--kendo-color-primary, #3f51b5), transparent 100%); @supports (color: color-mix(in lab, red, red)) { background-image: linear-gradient(to left, color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 25%, transparent), transparent 100%); } } .k-calendar .k-range-split-end::after { right: -5px; left: auto; background-image: linear-gradient(to right, var(--kendo-color-primary, #3f51b5), transparent 100%); @supports (color: color-mix(in lab, red, red)) { background-image: linear-gradient(to right, color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 25%, transparent), transparent 100%); } } .k-calendar .k-focus .k-link { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-calendar .k-selected.k-focus .k-link { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-align-items-normal { align-items: normal; } .\!k-align-items-normal { align-items: normal !important; } .k-align-items-stretch { align-items: stretch; } .\!k-align-items-stretch { align-items: stretch !important; } .k-align-items-center { align-items: center; } .\!k-align-items-center { align-items: center !important; } .k-align-items-start { align-items: start; } .\!k-align-items-start { align-items: start !important; } .k-align-items-end { align-items: end; } .\!k-align-items-end { align-items: end !important; } .k-align-items-flex-start { align-items: flex-start; } .\!k-align-items-flex-start { align-items: flex-start !important; } .k-align-items-flex-end { align-items: flex-end; } .\!k-align-items-flex-end { align-items: flex-end !important; } .k-align-items-baseline { align-items: baseline; } .\!k-align-items-baseline { align-items: baseline !important; } .k-align-items-first-baseline { align-items: first baseline; } .\!k-align-items-first-baseline { align-items: first baseline !important; } .k-align-items-last-baseline { align-items: last baseline; } .\!k-align-items-last-baseline { align-items: last baseline !important; } .k-align-items-self-start { align-items: self-start; } .\!k-align-items-self-start { align-items: self-start !important; } .k-align-items-self-end { align-items: self-end; } .\!k-align-items-self-end { align-items: self-end !important; } .k-pointer-events-none { pointer-events: none; } .\!k-pointer-events-none { pointer-events: none !important; } .k-pointer-events-auto { pointer-events: auto; } .\!k-pointer-events-auto { pointer-events: auto !important; } .k-timeselector { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; position: relative; overflow: hidden; display: flex; flex-flow: column nowrap; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-popup > .k-timeselector { border-width: 0; } .k-time-header, .k-time-selector-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; } .k-time-header .k-title, .k-time-header .k-time-selector-header-title, .k-time-selector-header .k-title, .k-time-selector-header .k-time-selector-header-title { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); font-weight: bold; display: inline-block; } .k-time-header .k-time-now, .k-time-selector-header .k-time-now { border-width: 0; line-height: inherit; cursor: pointer; } .k-actions.k-time-fast-selection, .k-time-fast-selection.k-form-buttons, .k-time-fast-selection.k-edit-buttons, .k-time-fast-selection.k-action-buttons, .k-time-fast-selection.k-columnmenu-actions { margin-top: 0; } .k-time-list-container { display: flex; position: relative; flex: 1 1 auto; overflow: hidden; } .k-time-highlight, .k-time-list-highlight { width: 100%; height: calc(var(--kendo-font-size, inherit) * 1.4285714286 + var(--kendo-spacing-2, 0.5rem) * 2); border-width: 1px 0px; border-style: solid; box-sizing: border-box; position: absolute; top: calc(50% + calc(var(--kendo-font-size-sm, inherit) * var(--kendo-line-height-lg, normal))/2); left: 0; right: 0; transform: translateY(-50%); z-index: 1; } .k-time-list-wrapper { min-width: 4em; height: 240px; box-sizing: content-box; display: inline-flex; flex-flow: column nowrap; align-items: stretch; overflow: hidden; position: relative; text-align: center; flex: 1 1 auto; } .k-time-list-wrapper .k-title { font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height-lg, normal); font-weight: bold; text-align: center; text-transform: capitalize; display: block; } .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after { display: block; content: "​"; position: absolute; width: 100%; left: 0; pointer-events: none; height: calc(50% - calc(var(--kendo-font-size, inherit) * 1.4285714286 + var(--kendo-spacing-2, 0.5rem) * 2)/2); box-sizing: border-box; border-width: 0; border-style: solid; } .k-time-list-wrapper.k-focus::before { top: calc(var(--kendo-font-size-sm, inherit) * var(--kendo-line-height-lg, normal)); } .k-time-list-wrapper.k-focus::after { bottom: 0; } .k-time-list { display: flex; flex-flow: row nowrap; align-items: stretch; flex: 1; position: relative; z-index: 1; outline: 0; overflow: hidden; } .k-time-list::before, .k-time-list::after { display: block; position: absolute; content: "​"; height: 0; line-height: 0; z-index: 1; width: 200%; left: -50%; } .k-time-list::before { top: 0; } .k-time-list::after { bottom: 0; } .k-time-container, .k-time-list-content { position: relative; flex: 1 1 auto; display: block; overflow-x: hidden; overflow-y: scroll; padding-right: 100px; padding-left: 100px; margin-left: -100px; margin-right: calc(-100px - var(--kendo-scrollbar-width, 17px)); } .k-time-container > ul, .k-time-list-content > ul { height: auto; width: 4em; margin: auto; } .k-time-container .k-scrollable-placeholder, .k-time-list-content .k-scrollable-placeholder { position: absolute; width: 1px; top: 0; right: 0; } .k-time-list-item, .k-time-list .k-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-time-separator { width: 0; height: calc(var(--kendo-font-size, inherit) * 1.4285714286 + var(--kendo-spacing-2, 0.5rem) * 2); align-self: center; display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 11; top: calc(calc(var(--kendo-font-size-sm, inherit) * var(--kendo-line-height-lg, normal))/2); } .k-timeselector-sm { font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-timeselector-sm .k-time-highlight, .k-timeselector-sm .k-time-list-highlight { height: calc(var(--kendo-font-size, inherit) * 1.4285714286 + var(--kendo-spacing-1\.5, 0.375rem) * 2); } .k-timeselector-sm .k-time-separator { height: calc(var(--kendo-font-size, inherit) * 1.4285714286 + var(--kendo-spacing-1\.5, 0.375rem) * 2); } .k-timeselector-sm .k-time-list-item, .k-timeselector-sm .k-time-list .k-item { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-timeselector-md { font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; } .k-timeselector-md .k-time-highlight, .k-timeselector-md .k-time-list-highlight { height: calc(var(--kendo-font-size, inherit) * 1.4285714286 + var(--kendo-spacing-2, 0.5rem) * 2); } .k-timeselector-md .k-time-separator { height: calc(var(--kendo-font-size, inherit) * 1.4285714286 + var(--kendo-spacing-2, 0.5rem) * 2); } .k-timeselector-md .k-time-list-item, .k-timeselector-md .k-time-list .k-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-timeselector-lg { font-size: var(--kendo-font-size-lg, inherit); line-height: 1.5; } .k-timeselector-lg .k-time-highlight, .k-timeselector-lg .k-time-list-highlight { height: calc(var(--kendo-font-size-lg, inherit) * 1.5 + var(--kendo-spacing-2, 0.5rem) * 2); } .k-timeselector-lg .k-time-separator { height: calc(var(--kendo-font-size-lg, inherit) * 1.5 + var(--kendo-spacing-2, 0.5rem) * 2); } .k-timeselector-lg .k-time-list-item, .k-timeselector-lg .k-time-list .k-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-rtl .k-time-container, .k-rtl .k-time-list-content, [dir=rtl] .k-time-container, [dir=rtl] .k-time-list-content { padding-right: 100px; padding-left: 100px; margin-left: calc(-100px - var(--kendo-scrollbar-width, 17px)); margin-right: -100px; } .k-timeselector { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-time-header .k-time-now, .k-time-selector-header .k-time-now { color: var(--kendo-color-secondary, #e51a5f); } .k-time-header .k-time-now:hover, .k-time-selector-header .k-time-now:hover { color: var(--kendo-color-secondary-hover, #d31857); } .k-time-list-wrapper .k-title { color: var(--kendo-color-subtle, #757575); } .k-time-list-wrapper.k-focus .k-title { color: var(--kendo-color-on-app-surface, #212121); } .k-time-list::before, .k-time-list::after { box-shadow: 0 0 3em 1.5em var(--kendo-color-surface-alt, #ffffff); } .k-time-list .k-item:hover { color: var(--kendo-color-primary, #3f51b5); } .k-time-container { background: transparent; } .k-time-highlight { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-time-list .k-item:hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-datetime-selector { display: flex; transition: transform 0.2s; } .k-datetime-wrap { width: calc(36px * 8 + var(--kendo-spacing-4, 1rem) * 2); overflow: hidden; } .k-datetime-wrap .k-datetime-buttongroup { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); } .k-datetime-wrap .k-calendar, .k-datetime-wrap .k-timeselector { width: 100%; border-width: 0; } .k-datetime-calendar-wrap, .k-datetime-time-wrap { text-align: center; flex: 0 0 calc(36px * 8 + var(--kendo-spacing-4, 1rem) * 2); } .k-date-tab .k-datetime-selector { transform: translateX(0); } .k-time-tab .k-datetime-selector { transform: translateX(-100%); } :is(.k-rtl, [dir=rtl]) .k-time-tab .k-datetime-selector, .k-time-tab .k-datetime-selector:is(.k-rtl, [dir=rtl]) { transform: translateX(100%); } .k-dropdown-operator { width: min-content; flex: none; } .k-dropdown-operator .k-input-button { border-width: 0; width: min-content; } .k-dropdown-operator .k-input-button .k-button-icon { width: auto; aspect-ratio: 1; } .k-dropdown-operator .k-input-inner { display: none; } .k-overlay { width: 100%; height: 100%; opacity: 0.32; position: fixed; top: 0; left: 0; z-index: 10001; } .k-overlay { background-color: #000000; } .k-overlay-primary { background-color: var(--kendo-color-primary, #3f51b5); } .k-overlay-secondary { background-color: var(--kendo-color-secondary, #e51a5f); } .k-overlay-tertiary { background-color: var(--kendo-color-tertiary, #00695c); } .k-overlay-info { background-color: var(--kendo-color-info, #0058e9); } .k-overlay-success { background-color: var(--kendo-color-success, #37b400); } .k-overlay-warning { background-color: var(--kendo-color-warning, #ffc000); } .k-overlay-error { background-color: var(--kendo-color-error, #f31700); } .k-overlay-dark { background-color: var(--kendo-color-dark, #424242); } .k-overlay-light { background-color: var(--kendo-color-light, #f5f5f5); } .k-overlay-inverse { background-color: var(--kendo-color-dark, #424242); } .k-form, .k-form-inline { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); } .k-fieldset { margin: var(--kendo-spacing-7\.5, 1.875rem); border-width: 1px 0 0; border-style: solid; padding: 25px 0 0; } .k-fieldset > legend { margin-left: 0; padding: 0 var(--kendo-spacing-4, 1rem) 0 0; text-transform: uppercase; } kendo-label > .k-label { margin: 0; } .k-label-optional { margin-left: var(--kendo-spacing-1\.5, 0.375rem); font-size: var(--kendo-font-size-sm, inherit); font-style: italic; align-self: center; } .k-label-empty::before { content: ""; display: inline-block; } .k-form { border: 0; } .k-form .k-form-field > .k-label, .k-form .k-form-field > kendo-label, .k-form .k-form-label { margin-bottom: var(--kendo-spacing-0, 0px); display: flex; flex-flow: row nowrap; } .k-form .k-label + .k-radio { margin-left: 0; } .k-form .k-form-fieldset { margin: 2em 0 0; padding: var(--kendo-spacing-0, 0px); border: 0; } .k-form .k-form-fieldset > *:not(.k-hidden):first-child, .k-form .k-form-fieldset > *.k-hidden + :not(.k-hidden) { margin-top: 0; } .k-form .k-form-legend { margin: 0 0 1em; padding: var(--kendo-spacing-0, 0px); border-width: 0 0 2px; border-style: solid; width: 100%; font-size: var(--kendo-font-size, inherit); text-transform: uppercase; } .k-form .k-form-group { padding: 0; } .k-form > *:not(.k-hidden):first-child, .k-form > *.k-hidden + :not(.k-hidden) { margin-top: 0; } .k-form .k-form-field, .k-form .k-form-field-wrap { display: block; } .k-form .k-form-field-disabled .k-label, .k-form .k-form-field-disabled .k-form-label { outline: none; cursor: default; color: var(--kendo-color-on-app-surface, #212121); opacity: 0.6; filter: grayscale(0.1); pointer-events: none; box-shadow: none; } .k-form .k-alert-error { font-size: var(--kendo-font-size-sm, inherit); margin-top: calc(var(--kendo-spacing-1, 0.25rem) * 2); } .k-form .k-field-info { display: inline-block; font-size: var(--kendo-font-size-xs, inherit); line-height: 1; margin-block: 0; margin-inline: var(--kendo-spacing-4, 1rem); } .k-form .k-multiselect, .k-form .k-floating-label-container, .k-form .k-daterangepicker .k-dateinput, .k-form .k-signature { display: inline-flex; width: 100%; } .k-form-buttons { padding: 0; overflow: visible; } .k-form-hint, .k-form-error { margin-top: var(--kendo-spacing-1, 0.25rem); display: flex; font-size: var(--kendo-font-size-sm, inherit); font-style: normal; } .k-text-start, .k-buttons-start { justify-content: flex-start; } .k-text-end, .k-buttons-end { justify-content: flex-end; } .k-form-separator { margin: var(--kendo-spacing-6, 1.5rem) 0 0; border-width: 1px 0 0; border-style: solid; display: block; flex: 0 0 auto; } .k-form-horizontal .k-form-field { display: flex; } .k-form-horizontal .k-form-field > .k-label, .k-form-horizontal .k-form-field > kendo-label, .k-form-horizontal .k-form-field > .k-form-label { margin-right: var(--kendo-spacing-2\.5, 0.625rem); padding-top: calc(var(--kendo-spacing-2\.5, 0.625rem) / 2); width: 25%; text-align: end; flex-direction: column; align-items: flex-end; justify-content: flex-start; } .k-form-horizontal .k-form-field .k-label-optional { margin: 0; align-self: inherit; } .k-form-horizontal .k-form-field-wrap { max-width: calc(100% - 25% - var(--kendo-spacing-2\.5, 0.625rem)); flex: 1 1 auto; } .k-form [dir=rtl] .k-label-optional, .k-rtl .k-form .k-label-optional { margin-left: 0; margin-right: var(--kendo-spacing-1\.5, 0.375rem); } .k-form-horizontal [dir=rtl].k-form-field > .k-label, .k-form-horizontal [dir=rtl].k-form-field > kendo-label, .k-form-horizontal [dir=rtl].k-form-field > .k-form-label, .k-form-horizontal [dir=rtl] .k-form-field > .k-label, .k-form-horizontal [dir=rtl] .k-form-field > kendo-label, .k-form-horizontal [dir=rtl] .k-form-field > .k-form-label, .k-rtl .k-form-horizontal.k-form-field > .k-label, .k-rtl .k-form-horizontal.k-form-field > kendo-label, .k-rtl .k-form-horizontal.k-form-field > .k-form-label, .k-rtl .k-form-horizontal .k-form-field > .k-label, .k-rtl .k-form-horizontal .k-form-field > kendo-label, .k-rtl .k-form-horizontal .k-form-field > .k-form-label { margin-right: 0; margin-left: var(--kendo-spacing-2\.5, 0.625rem); } .k-form-sm .k-form-field, .k-form-sm .k-form-buttons { margin-top: var(--kendo-spacing-4, 1rem); } .k-form-md .k-form-field, .k-form-md .k-form-buttons { margin-top: var(--kendo-spacing-6, 1.5rem); } .k-form-lg .k-form-field, .k-form-lg .k-form-buttons { margin-top: var(--kendo-spacing-7, 1.75rem); } .k-form-inline { padding: calc(var(--kendo-spacing-4, 1rem) * 2); } .k-form-inline fieldset { border-width: 1px 0 0; border-style: solid; margin: calc(calc(var(--kendo-spacing-4, 1rem) * 2) * 2) 0; padding: 0; } .k-form-inline fieldset:first-child:first-of-type { margin-top: 0; } .k-form-inline fieldset:last-child:last-of-type { margin-bottom: 0; } .k-form-inline legend { font-size: var(--kendo-font-size-sm, inherit); text-align: start; font-weight: 600; line-height: 1; margin-bottom: calc(var(--kendo-spacing-1\.5, 0.375rem) * 2); text-transform: uppercase; padding: 0 var(--kendo-spacing-4, 1rem) 0 0; width: auto; } .k-form-inline .k-form-field { display: flex; align-items: flex-start; text-align: start; margin-bottom: calc(var(--kendo-spacing-1\.5, 0.375rem) * 2); } .k-form-inline .k-form-field > span:not(.k-widget) { width: 25%; text-align: end; line-height: var(--kendo-line-height, normal); padding: calc(var(--kendo-spacing-1, 0.25rem) + 1px) 0; padding-right: var(--kendo-spacing-6, 1.5rem); align-self: center; } .k-form-inline .k-form-field > input { align-self: center; } .k-form-inline .k-form-field > input:not(.k-checkbox):not(.k-radio) { flex: 1 1 auto; } .k-form-inline .k-form-field .k-alert-error { font-size: var(--kendo-font-size-sm, inherit); margin-top: calc(var(--kendo-spacing-1, 0.25rem) * 2); } .k-form-inline .k-form-field .k-field-info { display: block; font-size: var(--kendo-font-size-xs, inherit); line-height: 1; margin: 0; } .k-form-inline .k-form-field:last-child { margin-bottom: 0; } .k-edit-form-container { width: 400px; min-width: 400px; border-color: inherit; position: relative; } .k-popup-edit-form > .k-actions, .k-popup-edit-form > .k-edit-buttons, .k-popup-edit-form > .k-action-buttons, .k-popup-edit-form > .k-columnmenu-actions, .k-popup-edit-form > .k-form-buttons, .k-edit-form-container .k-actions, .k-edit-form-container .k-edit-buttons, .k-edit-form-container .k-action-buttons, .k-edit-form-container .k-columnmenu-actions, .k-edit-form-container .k-form-buttons { margin: var(--kendo-spacing-4, 1rem) -var(--kendo-spacing-6, 1.5rem) -var(--kendo-spacing-2, 0.5rem); } .k-edit-label { margin: 0 0 var(--kendo-spacing-4, 1rem); padding: calc(var(--kendo-spacing-2, 0.5rem) + 1px) 0; width: 30%; line-height: var(--kendo-line-height, normal); text-align: end; float: left; clear: both; } .k-edit-field { margin: 0 0 var(--kendo-spacing-4, 1rem); width: 65%; float: right; clear: right; position: relative; } .k-edit-field.k-no-editor { padding: calc(var(--kendo-spacing-2, 0.5rem) + 1px) 0; } .k-edit-field > .k-widget { width: 100%; box-sizing: border-box; } .k-edit-field input[type=radio]:not(.k-radio), .k-edit-field input[type=checkbox]:not(.k-checkbox) { margin-right: 0.4ex; } .k-edit-field .k-radio-label, .k-edit-field .k-checkbox-label { margin-right: var(--kendo-spacing-4, 1rem); } .k-edit-field > .k-reset > li + li { margin-top: var(--kendo-spacing-2, 0.5rem); } .k-edit-field .k-reset .k-widget { margin: 0 0.4ex 0 1ex; } .k-edit-label { padding: 0; margin: 0; width: auto; font-size: var(--kendo-font-size-sm, inherit); line-height: 1; text-align: inherit; display: block; float: none; } .k-edit-field { width: auto; float: none; display: flex; flex-direction: row; } .k-edit-field > div { width: auto; flex: 1 1 auto; display: flex; flex-direction: row; } .k-edit-field .k-upload { flex-wrap: wrap; } .k-edit-field .k-validator-tooltip { bottom: 0; transform: translateY(100%) translateY(6px); } .k-form, .k-form-inline { color: var(--kendo-color-on-app-surface, #212121); } .k-form .k-form-legend, .k-form-inline .k-form-legend { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-form .k-field-info, .k-form-inline .k-field-info { color: var(--kendo-color-subtle, #757575); } .k-form .k-alert-error, .k-form-inline .k-alert-error { color: var(--kendo-color-error, #f31700); } .k-form-error, .k-text-error, .k-form-field-error .k-label { color: var(--kendo-color-error, #f31700); } .k-form-separator { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-d-none { display: none; } .\!k-d-none { display: none !important; } .k-d-contents { display: contents; } .\!k-d-contents { display: contents !important; } .k-d-block { display: block; } .\!k-d-block { display: block !important; } .k-d-inline { display: inline; } .\!k-d-inline { display: inline !important; } .k-d-inline-block { display: inline-block; } .\!k-d-inline-block { display: inline-block !important; } .k-d-flex, .k-d-flex-col, .k-d-flex-row { display: flex; } .\!k-d-flex, .\!k-d-flex-col, .\!k-d-flex-row { display: flex !important; } .k-d-inline-flex { display: inline-flex; } .\!k-d-inline-flex { display: inline-flex !important; } .k-d-grid { display: grid; } .\!k-d-grid { display: grid !important; } .k-d-inline-grid { display: inline-grid; } .\!k-d-inline-grid { display: inline-grid !important; } .k-d-table { display: table; } .\!k-d-table { display: table !important; } .k-d-inline-table { display: inline-table; } .\!k-d-inline-table { display: inline-table !important; } .k-d-table-row { display: table-row; } .\!k-d-table-row { display: table-row !important; } .k-d-table-cell { display: table-cell; } .\!k-d-table-cell { display: table-cell !important; } .k-d-list-item { display: list-item; } .\!k-d-list-item { display: list-item !important; } .k-display-none { display: none; } .\!k-display-none { display: none !important; } .k-display-contents { display: contents; } .\!k-display-contents { display: contents !important; } .k-display-block { display: block; } .\!k-display-block { display: block !important; } .k-display-inline { display: inline; } .\!k-display-inline { display: inline !important; } .k-display-inline-block { display: inline-block; } .\!k-display-inline-block { display: inline-block !important; } .k-display-flex { display: flex; } .\!k-display-flex { display: flex !important; } .k-display-inline-flex { display: inline-flex; } .\!k-display-inline-flex { display: inline-flex !important; } .k-display-grid { display: grid; } .\!k-display-grid { display: grid !important; } .k-display-inline-grid { display: inline-grid; } .\!k-display-inline-grid { display: inline-grid !important; } .k-display-table { display: table; } .\!k-display-table { display: table !important; } .k-display-inline-table { display: inline-table; } .\!k-display-inline-table { display: inline-table !important; } .k-display-table-row { display: table-row; } .\!k-display-table-row { display: table-row !important; } .k-display-table-cell { display: table-cell; } .\!k-display-table-cell { display: table-cell !important; } .k-display-list-item { display: list-item; } .\!k-display-list-item { display: list-item !important; } .k-gap-0 { gap: var(--kendo-spacing-0, 0px); } .\!k-gap-0 { gap: var(--kendo-spacing-0, 0px) !important; } .k-gap-1px { gap: var(--kendo-spacing-1px, 1px); } .\!k-gap-1px { gap: var(--kendo-spacing-1px, 1px) !important; } .k-gap-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem); } .\!k-gap-0\.5 { gap: var(--kendo-spacing-0\.5, 0.125rem) !important; } .k-gap-1 { gap: var(--kendo-spacing-1, 0.25rem); } .\!k-gap-1 { gap: var(--kendo-spacing-1, 0.25rem) !important; } .k-gap-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem); } .\!k-gap-1\.5 { gap: var(--kendo-spacing-1\.5, 0.375rem) !important; } .k-gap-2 { gap: var(--kendo-spacing-2, 0.5rem); } .\!k-gap-2 { gap: var(--kendo-spacing-2, 0.5rem) !important; } .k-gap-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem); } .\!k-gap-2\.5 { gap: var(--kendo-spacing-2\.5, 0.625rem) !important; } .k-gap-3 { gap: var(--kendo-spacing-3, 0.75rem); } .\!k-gap-3 { gap: var(--kendo-spacing-3, 0.75rem) !important; } .k-gap-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem); } .\!k-gap-3\.5 { gap: var(--kendo-spacing-3\.5, 0.875rem) !important; } .k-gap-4 { gap: var(--kendo-spacing-4, 1rem); } .\!k-gap-4 { gap: var(--kendo-spacing-4, 1rem) !important; } .k-gap-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem); } .\!k-gap-4\.5 { gap: var(--kendo-spacing-4\.5, 1.125rem) !important; } .k-gap-5 { gap: var(--kendo-spacing-5, 1.25rem); } .\!k-gap-5 { gap: var(--kendo-spacing-5, 1.25rem) !important; } .k-gap-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem); } .\!k-gap-5\.5 { gap: var(--kendo-spacing-5\.5, 1.375rem) !important; } .k-gap-6 { gap: var(--kendo-spacing-6, 1.5rem); } .\!k-gap-6 { gap: var(--kendo-spacing-6, 1.5rem) !important; } .k-gap-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem); } .\!k-gap-6\.5 { gap: var(--kendo-spacing-6\.5, 1.625rem) !important; } .k-gap-7 { gap: var(--kendo-spacing-7, 1.75rem); } .\!k-gap-7 { gap: var(--kendo-spacing-7, 1.75rem) !important; } .k-gap-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem); } .\!k-gap-7\.5 { gap: var(--kendo-spacing-7\.5, 1.875rem) !important; } .k-gap-8 { gap: var(--kendo-spacing-8, 2rem); } .\!k-gap-8 { gap: var(--kendo-spacing-8, 2rem) !important; } .k-gap-9 { gap: var(--kendo-spacing-9, 2.25rem); } .\!k-gap-9 { gap: var(--kendo-spacing-9, 2.25rem) !important; } .k-gap-10 { gap: var(--kendo-spacing-10, 2.5rem); } .\!k-gap-10 { gap: var(--kendo-spacing-10, 2.5rem) !important; } .k-gap-11 { gap: var(--kendo-spacing-11, 2.75rem); } .\!k-gap-11 { gap: var(--kendo-spacing-11, 2.75rem) !important; } .k-gap-12 { gap: var(--kendo-spacing-12, 3rem); } .\!k-gap-12 { gap: var(--kendo-spacing-12, 3rem) !important; } .k-gap-13 { gap: var(--kendo-spacing-13, 3.25rem); } .\!k-gap-13 { gap: var(--kendo-spacing-13, 3.25rem) !important; } .k-gap-14 { gap: var(--kendo-spacing-14, 3.5rem); } .\!k-gap-14 { gap: var(--kendo-spacing-14, 3.5rem) !important; } .k-gap-15 { gap: var(--kendo-spacing-15, 3.75rem); } .\!k-gap-15 { gap: var(--kendo-spacing-15, 3.75rem) !important; } .k-gap-16 { gap: var(--kendo-spacing-16, 4rem); } .\!k-gap-16 { gap: var(--kendo-spacing-16, 4rem) !important; } .k-gap-17 { gap: var(--kendo-spacing-17, 4.25rem); } .\!k-gap-17 { gap: var(--kendo-spacing-17, 4.25rem) !important; } .k-gap-18 { gap: var(--kendo-spacing-18, 4.5rem); } .\!k-gap-18 { gap: var(--kendo-spacing-18, 4.5rem) !important; } .k-gap-19 { gap: var(--kendo-spacing-19, 4.75rem); } .\!k-gap-19 { gap: var(--kendo-spacing-19, 4.75rem) !important; } .k-gap-20 { gap: var(--kendo-spacing-20, 5rem); } .\!k-gap-20 { gap: var(--kendo-spacing-20, 5rem) !important; } .k-gap-21 { gap: var(--kendo-spacing-21, 5.25rem); } .\!k-gap-21 { gap: var(--kendo-spacing-21, 5.25rem) !important; } .k-gap-22 { gap: var(--kendo-spacing-22, 5.5rem); } .\!k-gap-22 { gap: var(--kendo-spacing-22, 5.5rem) !important; } .k-gap-23 { gap: var(--kendo-spacing-23, 5.75rem); } .\!k-gap-23 { gap: var(--kendo-spacing-23, 5.75rem) !important; } .k-gap-24 { gap: var(--kendo-spacing-24, 6rem); } .\!k-gap-24 { gap: var(--kendo-spacing-24, 6rem) !important; } .k-gap-25 { gap: var(--kendo-spacing-25, 7rem); } .\!k-gap-25 { gap: var(--kendo-spacing-25, 7rem) !important; } .k-gap-26 { gap: var(--kendo-spacing-26, 8rem); } .\!k-gap-26 { gap: var(--kendo-spacing-26, 8rem) !important; } .k-gap-27 { gap: var(--kendo-spacing-27, 9rem); } .\!k-gap-27 { gap: var(--kendo-spacing-27, 9rem) !important; } .k-gap-28 { gap: var(--kendo-spacing-28, 10rem); } .\!k-gap-28 { gap: var(--kendo-spacing-28, 10rem) !important; } .k-gap-29 { gap: var(--kendo-spacing-29, 11rem); } .\!k-gap-29 { gap: var(--kendo-spacing-29, 11rem) !important; } .k-gap-30 { gap: var(--kendo-spacing-30, 12rem); } .\!k-gap-30 { gap: var(--kendo-spacing-30, 12rem) !important; } .k-gap-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); } .\!k-gap-xs { gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important; } .k-gap-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); } .\!k-gap-sm { gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important; } .k-gap-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); } .\!k-gap-md { gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important; } .k-gap-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); } .\!k-gap-lg { gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important; } .k-gap-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); } .\!k-gap-xl { gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important; } .k-gap-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); } .\!k-gap-thin { gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important; } .k-gap-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); } .\!k-gap-hair { gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important; } .k-gap-x-0 { column-gap: var(--kendo-spacing-0, 0px); } .\!k-gap-x-0 { column-gap: var(--kendo-spacing-0, 0px) !important; } .k-gap-x-1px { column-gap: var(--kendo-spacing-1px, 1px); } .\!k-gap-x-1px { column-gap: var(--kendo-spacing-1px, 1px) !important; } .k-gap-x-0\.5 { column-gap: var(--kendo-spacing-0\.5, 0.125rem); } .\!k-gap-x-0\.5 { column-gap: var(--kendo-spacing-0\.5, 0.125rem) !important; } .k-gap-x-1 { column-gap: var(--kendo-spacing-1, 0.25rem); } .\!k-gap-x-1 { column-gap: var(--kendo-spacing-1, 0.25rem) !important; } .k-gap-x-1\.5 { column-gap: var(--kendo-spacing-1\.5, 0.375rem); } .\!k-gap-x-1\.5 { column-gap: var(--kendo-spacing-1\.5, 0.375rem) !important; } .k-gap-x-2 { column-gap: var(--kendo-spacing-2, 0.5rem); } .\!k-gap-x-2 { column-gap: var(--kendo-spacing-2, 0.5rem) !important; } .k-gap-x-2\.5 { column-gap: var(--kendo-spacing-2\.5, 0.625rem); } .\!k-gap-x-2\.5 { column-gap: var(--kendo-spacing-2\.5, 0.625rem) !important; } .k-gap-x-3 { column-gap: var(--kendo-spacing-3, 0.75rem); } .\!k-gap-x-3 { column-gap: var(--kendo-spacing-3, 0.75rem) !important; } .k-gap-x-3\.5 { column-gap: var(--kendo-spacing-3\.5, 0.875rem); } .\!k-gap-x-3\.5 { column-gap: var(--kendo-spacing-3\.5, 0.875rem) !important; } .k-gap-x-4 { column-gap: var(--kendo-spacing-4, 1rem); } .\!k-gap-x-4 { column-gap: var(--kendo-spacing-4, 1rem) !important; } .k-gap-x-4\.5 { column-gap: var(--kendo-spacing-4\.5, 1.125rem); } .\!k-gap-x-4\.5 { column-gap: var(--kendo-spacing-4\.5, 1.125rem) !important; } .k-gap-x-5 { column-gap: var(--kendo-spacing-5, 1.25rem); } .\!k-gap-x-5 { column-gap: var(--kendo-spacing-5, 1.25rem) !important; } .k-gap-x-5\.5 { column-gap: var(--kendo-spacing-5\.5, 1.375rem); } .\!k-gap-x-5\.5 { column-gap: var(--kendo-spacing-5\.5, 1.375rem) !important; } .k-gap-x-6 { column-gap: var(--kendo-spacing-6, 1.5rem); } .\!k-gap-x-6 { column-gap: var(--kendo-spacing-6, 1.5rem) !important; } .k-gap-x-6\.5 { column-gap: var(--kendo-spacing-6\.5, 1.625rem); } .\!k-gap-x-6\.5 { column-gap: var(--kendo-spacing-6\.5, 1.625rem) !important; } .k-gap-x-7 { column-gap: var(--kendo-spacing-7, 1.75rem); } .\!k-gap-x-7 { column-gap: var(--kendo-spacing-7, 1.75rem) !important; } .k-gap-x-7\.5 { column-gap: var(--kendo-spacing-7\.5, 1.875rem); } .\!k-gap-x-7\.5 { column-gap: var(--kendo-spacing-7\.5, 1.875rem) !important; } .k-gap-x-8 { column-gap: var(--kendo-spacing-8, 2rem); } .\!k-gap-x-8 { column-gap: var(--kendo-spacing-8, 2rem) !important; } .k-gap-x-9 { column-gap: var(--kendo-spacing-9, 2.25rem); } .\!k-gap-x-9 { column-gap: var(--kendo-spacing-9, 2.25rem) !important; } .k-gap-x-10 { column-gap: var(--kendo-spacing-10, 2.5rem); } .\!k-gap-x-10 { column-gap: var(--kendo-spacing-10, 2.5rem) !important; } .k-gap-x-11 { column-gap: var(--kendo-spacing-11, 2.75rem); } .\!k-gap-x-11 { column-gap: var(--kendo-spacing-11, 2.75rem) !important; } .k-gap-x-12 { column-gap: var(--kendo-spacing-12, 3rem); } .\!k-gap-x-12 { column-gap: var(--kendo-spacing-12, 3rem) !important; } .k-gap-x-13 { column-gap: var(--kendo-spacing-13, 3.25rem); } .\!k-gap-x-13 { column-gap: var(--kendo-spacing-13, 3.25rem) !important; } .k-gap-x-14 { column-gap: var(--kendo-spacing-14, 3.5rem); } .\!k-gap-x-14 { column-gap: var(--kendo-spacing-14, 3.5rem) !important; } .k-gap-x-15 { column-gap: var(--kendo-spacing-15, 3.75rem); } .\!k-gap-x-15 { column-gap: var(--kendo-spacing-15, 3.75rem) !important; } .k-gap-x-16 { column-gap: var(--kendo-spacing-16, 4rem); } .\!k-gap-x-16 { column-gap: var(--kendo-spacing-16, 4rem) !important; } .k-gap-x-17 { column-gap: var(--kendo-spacing-17, 4.25rem); } .\!k-gap-x-17 { column-gap: var(--kendo-spacing-17, 4.25rem) !important; } .k-gap-x-18 { column-gap: var(--kendo-spacing-18, 4.5rem); } .\!k-gap-x-18 { column-gap: var(--kendo-spacing-18, 4.5rem) !important; } .k-gap-x-19 { column-gap: var(--kendo-spacing-19, 4.75rem); } .\!k-gap-x-19 { column-gap: var(--kendo-spacing-19, 4.75rem) !important; } .k-gap-x-20 { column-gap: var(--kendo-spacing-20, 5rem); } .\!k-gap-x-20 { column-gap: var(--kendo-spacing-20, 5rem) !important; } .k-gap-x-21 { column-gap: var(--kendo-spacing-21, 5.25rem); } .\!k-gap-x-21 { column-gap: var(--kendo-spacing-21, 5.25rem) !important; } .k-gap-x-22 { column-gap: var(--kendo-spacing-22, 5.5rem); } .\!k-gap-x-22 { column-gap: var(--kendo-spacing-22, 5.5rem) !important; } .k-gap-x-23 { column-gap: var(--kendo-spacing-23, 5.75rem); } .\!k-gap-x-23 { column-gap: var(--kendo-spacing-23, 5.75rem) !important; } .k-gap-x-24 { column-gap: var(--kendo-spacing-24, 6rem); } .\!k-gap-x-24 { column-gap: var(--kendo-spacing-24, 6rem) !important; } .k-gap-x-25 { column-gap: var(--kendo-spacing-25, 7rem); } .\!k-gap-x-25 { column-gap: var(--kendo-spacing-25, 7rem) !important; } .k-gap-x-26 { column-gap: var(--kendo-spacing-26, 8rem); } .\!k-gap-x-26 { column-gap: var(--kendo-spacing-26, 8rem) !important; } .k-gap-x-27 { column-gap: var(--kendo-spacing-27, 9rem); } .\!k-gap-x-27 { column-gap: var(--kendo-spacing-27, 9rem) !important; } .k-gap-x-28 { column-gap: var(--kendo-spacing-28, 10rem); } .\!k-gap-x-28 { column-gap: var(--kendo-spacing-28, 10rem) !important; } .k-gap-x-29 { column-gap: var(--kendo-spacing-29, 11rem); } .\!k-gap-x-29 { column-gap: var(--kendo-spacing-29, 11rem) !important; } .k-gap-x-30 { column-gap: var(--kendo-spacing-30, 12rem); } .\!k-gap-x-30 { column-gap: var(--kendo-spacing-30, 12rem) !important; } .k-gap-x-xs { column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); } .\!k-gap-x-xs { column-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important; } .k-gap-x-sm { column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); } .\!k-gap-x-sm { column-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important; } .k-gap-x-md { column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); } .\!k-gap-x-md { column-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important; } .k-gap-x-lg { column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); } .\!k-gap-x-lg { column-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important; } .k-gap-x-xl { column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); } .\!k-gap-x-xl { column-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important; } .k-gap-x-thin { column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); } .\!k-gap-x-thin { column-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important; } .k-gap-x-hair { column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); } .\!k-gap-x-hair { column-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important; } .k-gap-y-0 { row-gap: var(--kendo-spacing-0, 0px); } .\!k-gap-y-0 { row-gap: var(--kendo-spacing-0, 0px) !important; } .k-gap-y-1px { row-gap: var(--kendo-spacing-1px, 1px); } .\!k-gap-y-1px { row-gap: var(--kendo-spacing-1px, 1px) !important; } .k-gap-y-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem); } .\!k-gap-y-0\.5 { row-gap: var(--kendo-spacing-0\.5, 0.125rem) !important; } .k-gap-y-1 { row-gap: var(--kendo-spacing-1, 0.25rem); } .\!k-gap-y-1 { row-gap: var(--kendo-spacing-1, 0.25rem) !important; } .k-gap-y-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem); } .\!k-gap-y-1\.5 { row-gap: var(--kendo-spacing-1\.5, 0.375rem) !important; } .k-gap-y-2 { row-gap: var(--kendo-spacing-2, 0.5rem); } .\!k-gap-y-2 { row-gap: var(--kendo-spacing-2, 0.5rem) !important; } .k-gap-y-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem); } .\!k-gap-y-2\.5 { row-gap: var(--kendo-spacing-2\.5, 0.625rem) !important; } .k-gap-y-3 { row-gap: var(--kendo-spacing-3, 0.75rem); } .\!k-gap-y-3 { row-gap: var(--kendo-spacing-3, 0.75rem) !important; } .k-gap-y-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem); } .\!k-gap-y-3\.5 { row-gap: var(--kendo-spacing-3\.5, 0.875rem) !important; } .k-gap-y-4 { row-gap: var(--kendo-spacing-4, 1rem); } .\!k-gap-y-4 { row-gap: var(--kendo-spacing-4, 1rem) !important; } .k-gap-y-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem); } .\!k-gap-y-4\.5 { row-gap: var(--kendo-spacing-4\.5, 1.125rem) !important; } .k-gap-y-5 { row-gap: var(--kendo-spacing-5, 1.25rem); } .\!k-gap-y-5 { row-gap: var(--kendo-spacing-5, 1.25rem) !important; } .k-gap-y-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem); } .\!k-gap-y-5\.5 { row-gap: var(--kendo-spacing-5\.5, 1.375rem) !important; } .k-gap-y-6 { row-gap: var(--kendo-spacing-6, 1.5rem); } .\!k-gap-y-6 { row-gap: var(--kendo-spacing-6, 1.5rem) !important; } .k-gap-y-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem); } .\!k-gap-y-6\.5 { row-gap: var(--kendo-spacing-6\.5, 1.625rem) !important; } .k-gap-y-7 { row-gap: var(--kendo-spacing-7, 1.75rem); } .\!k-gap-y-7 { row-gap: var(--kendo-spacing-7, 1.75rem) !important; } .k-gap-y-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem); } .\!k-gap-y-7\.5 { row-gap: var(--kendo-spacing-7\.5, 1.875rem) !important; } .k-gap-y-8 { row-gap: var(--kendo-spacing-8, 2rem); } .\!k-gap-y-8 { row-gap: var(--kendo-spacing-8, 2rem) !important; } .k-gap-y-9 { row-gap: var(--kendo-spacing-9, 2.25rem); } .\!k-gap-y-9 { row-gap: var(--kendo-spacing-9, 2.25rem) !important; } .k-gap-y-10 { row-gap: var(--kendo-spacing-10, 2.5rem); } .\!k-gap-y-10 { row-gap: var(--kendo-spacing-10, 2.5rem) !important; } .k-gap-y-11 { row-gap: var(--kendo-spacing-11, 2.75rem); } .\!k-gap-y-11 { row-gap: var(--kendo-spacing-11, 2.75rem) !important; } .k-gap-y-12 { row-gap: var(--kendo-spacing-12, 3rem); } .\!k-gap-y-12 { row-gap: var(--kendo-spacing-12, 3rem) !important; } .k-gap-y-13 { row-gap: var(--kendo-spacing-13, 3.25rem); } .\!k-gap-y-13 { row-gap: var(--kendo-spacing-13, 3.25rem) !important; } .k-gap-y-14 { row-gap: var(--kendo-spacing-14, 3.5rem); } .\!k-gap-y-14 { row-gap: var(--kendo-spacing-14, 3.5rem) !important; } .k-gap-y-15 { row-gap: var(--kendo-spacing-15, 3.75rem); } .\!k-gap-y-15 { row-gap: var(--kendo-spacing-15, 3.75rem) !important; } .k-gap-y-16 { row-gap: var(--kendo-spacing-16, 4rem); } .\!k-gap-y-16 { row-gap: var(--kendo-spacing-16, 4rem) !important; } .k-gap-y-17 { row-gap: var(--kendo-spacing-17, 4.25rem); } .\!k-gap-y-17 { row-gap: var(--kendo-spacing-17, 4.25rem) !important; } .k-gap-y-18 { row-gap: var(--kendo-spacing-18, 4.5rem); } .\!k-gap-y-18 { row-gap: var(--kendo-spacing-18, 4.5rem) !important; } .k-gap-y-19 { row-gap: var(--kendo-spacing-19, 4.75rem); } .\!k-gap-y-19 { row-gap: var(--kendo-spacing-19, 4.75rem) !important; } .k-gap-y-20 { row-gap: var(--kendo-spacing-20, 5rem); } .\!k-gap-y-20 { row-gap: var(--kendo-spacing-20, 5rem) !important; } .k-gap-y-21 { row-gap: var(--kendo-spacing-21, 5.25rem); } .\!k-gap-y-21 { row-gap: var(--kendo-spacing-21, 5.25rem) !important; } .k-gap-y-22 { row-gap: var(--kendo-spacing-22, 5.5rem); } .\!k-gap-y-22 { row-gap: var(--kendo-spacing-22, 5.5rem) !important; } .k-gap-y-23 { row-gap: var(--kendo-spacing-23, 5.75rem); } .\!k-gap-y-23 { row-gap: var(--kendo-spacing-23, 5.75rem) !important; } .k-gap-y-24 { row-gap: var(--kendo-spacing-24, 6rem); } .\!k-gap-y-24 { row-gap: var(--kendo-spacing-24, 6rem) !important; } .k-gap-y-25 { row-gap: var(--kendo-spacing-25, 7rem); } .\!k-gap-y-25 { row-gap: var(--kendo-spacing-25, 7rem) !important; } .k-gap-y-26 { row-gap: var(--kendo-spacing-26, 8rem); } .\!k-gap-y-26 { row-gap: var(--kendo-spacing-26, 8rem) !important; } .k-gap-y-27 { row-gap: var(--kendo-spacing-27, 9rem); } .\!k-gap-y-27 { row-gap: var(--kendo-spacing-27, 9rem) !important; } .k-gap-y-28 { row-gap: var(--kendo-spacing-28, 10rem); } .\!k-gap-y-28 { row-gap: var(--kendo-spacing-28, 10rem) !important; } .k-gap-y-29 { row-gap: var(--kendo-spacing-29, 11rem); } .\!k-gap-y-29 { row-gap: var(--kendo-spacing-29, 11rem) !important; } .k-gap-y-30 { row-gap: var(--kendo-spacing-30, 12rem); } .\!k-gap-y-30 { row-gap: var(--kendo-spacing-30, 12rem) !important; } .k-gap-y-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)); } .\!k-gap-y-xs { row-gap: var(--kendo-spacing-xs, var(--kendo-spacing-1, 0.25rem)) !important; } .k-gap-y-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)); } .\!k-gap-y-sm { row-gap: var(--kendo-spacing-sm, var(--kendo-spacing-2, 0.5rem)) !important; } .k-gap-y-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)); } .\!k-gap-y-md { row-gap: var(--kendo-spacing-md, var(--kendo-spacing-3, 0.75rem)) !important; } .k-gap-y-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)); } .\!k-gap-y-lg { row-gap: var(--kendo-spacing-lg, var(--kendo-spacing-4, 1rem)) !important; } .k-gap-y-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)); } .\!k-gap-y-xl { row-gap: var(--kendo-spacing-xl, var(--kendo-spacing-6, 1.5rem)) !important; } .k-gap-y-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)); } .\!k-gap-y-thin { row-gap: var(--kendo-spacing-thin, var(--kendo-spacing-0\.5, 0.125rem)) !important; } .k-gap-y-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)); } .\!k-gap-y-hair { row-gap: var(--kendo-spacing-hair, var(--kendo-spacing-1px, 1px)) !important; } .k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .\!k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\!k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\!k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .\!k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .\!k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } .k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .\!k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } .k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .\!k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } .k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .\!k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } .k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .\!k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } .k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .\!k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } .k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .\!k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } .k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .\!k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .k-grid-cols-none { grid-template-columns: none; } .\!k-grid-cols-none { grid-template-columns: none !important; } .k-col-span-1 { grid-column: span 1/span 1; } .\!k-col-span-1 { grid-column: span 1/span 1 !important; } .k-col-span-2 { grid-column: span 2/span 2; } .\!k-col-span-2 { grid-column: span 2/span 2 !important; } .k-col-span-3 { grid-column: span 3/span 3; } .\!k-col-span-3 { grid-column: span 3/span 3 !important; } .k-col-span-4 { grid-column: span 4/span 4; } .\!k-col-span-4 { grid-column: span 4/span 4 !important; } .k-col-span-5 { grid-column: span 5/span 5; } .\!k-col-span-5 { grid-column: span 5/span 5 !important; } .k-col-span-6 { grid-column: span 6/span 6; } .\!k-col-span-6 { grid-column: span 6/span 6 !important; } .k-col-span-7 { grid-column: span 7/span 7; } .\!k-col-span-7 { grid-column: span 7/span 7 !important; } .k-col-span-8 { grid-column: span 8/span 8; } .\!k-col-span-8 { grid-column: span 8/span 8 !important; } .k-col-span-9 { grid-column: span 9/span 9; } .\!k-col-span-9 { grid-column: span 9/span 9 !important; } .k-col-span-10 { grid-column: span 10/span 10; } .\!k-col-span-10 { grid-column: span 10/span 10 !important; } .k-col-span-11 { grid-column: span 11/span 11; } .\!k-col-span-11 { grid-column: span 11/span 11 !important; } .k-col-span-12 { grid-column: span 12/span 12; } .\!k-col-span-12 { grid-column: span 12/span 12 !important; } .k-col-span-full { grid-column: 1 / -1; } .\!k-col-span-full { grid-column: 1 / -1 !important; } .k-col-span-auto { grid-column: auto; } .\!k-col-span-auto { grid-column: auto !important; } .k-col-start-1 { grid-column-start: 1; } .\!k-col-start-1 { grid-column-start: 1 !important; } .k-col-start-2 { grid-column-start: 2; } .\!k-col-start-2 { grid-column-start: 2 !important; } .k-col-start-3 { grid-column-start: 3; } .\!k-col-start-3 { grid-column-start: 3 !important; } .k-col-start-4 { grid-column-start: 4; } .\!k-col-start-4 { grid-column-start: 4 !important; } .k-col-start-5 { grid-column-start: 5; } .\!k-col-start-5 { grid-column-start: 5 !important; } .k-col-start-6 { grid-column-start: 6; } .\!k-col-start-6 { grid-column-start: 6 !important; } .k-col-start-7 { grid-column-start: 7; } .\!k-col-start-7 { grid-column-start: 7 !important; } .k-col-start-8 { grid-column-start: 8; } .\!k-col-start-8 { grid-column-start: 8 !important; } .k-col-start-9 { grid-column-start: 9; } .\!k-col-start-9 { grid-column-start: 9 !important; } .k-col-start-10 { grid-column-start: 10; } .\!k-col-start-10 { grid-column-start: 10 !important; } .k-col-start-11 { grid-column-start: 11; } .\!k-col-start-11 { grid-column-start: 11 !important; } .k-col-start-12 { grid-column-start: 12; } .\!k-col-start-12 { grid-column-start: 12 !important; } .k-col-start-13 { grid-column-start: 13; } .\!k-col-start-13 { grid-column-start: 13 !important; } .k-col-start-auto { grid-column-start: auto; } .\!k-col-start-auto { grid-column-start: auto !important; } .k-col-end-1 { grid-column-end: 1; } .\!k-col-end-1 { grid-column-end: 1 !important; } .k-col-end-2 { grid-column-end: 2; } .\!k-col-end-2 { grid-column-end: 2 !important; } .k-col-end-3 { grid-column-end: 3; } .\!k-col-end-3 { grid-column-end: 3 !important; } .k-col-end-4 { grid-column-end: 4; } .\!k-col-end-4 { grid-column-end: 4 !important; } .k-col-end-5 { grid-column-end: 5; } .\!k-col-end-5 { grid-column-end: 5 !important; } .k-col-end-6 { grid-column-end: 6; } .\!k-col-end-6 { grid-column-end: 6 !important; } .k-col-end-7 { grid-column-end: 7; } .\!k-col-end-7 { grid-column-end: 7 !important; } .k-col-end-8 { grid-column-end: 8; } .\!k-col-end-8 { grid-column-end: 8 !important; } .k-col-end-9 { grid-column-end: 9; } .\!k-col-end-9 { grid-column-end: 9 !important; } .k-col-end-10 { grid-column-end: 10; } .\!k-col-end-10 { grid-column-end: 10 !important; } .k-col-end-11 { grid-column-end: 11; } .\!k-col-end-11 { grid-column-end: 11 !important; } .k-col-end-12 { grid-column-end: 12; } .\!k-col-end-12 { grid-column-end: 12 !important; } .k-col-end-13 { grid-column-end: 13; } .\!k-col-end-13 { grid-column-end: 13 !important; } .k-col-end-auto { grid-column-end: auto; } .\!k-col-end-auto { grid-column-end: auto !important; } .k-colspan-1 { grid-column: span 1/span 1; } .\!k-colspan-1 { grid-column: span 1/span 1 !important; } .k-colspan-2 { grid-column: span 2/span 2; } .\!k-colspan-2 { grid-column: span 2/span 2 !important; } .k-colspan-3 { grid-column: span 3/span 3; } .\!k-colspan-3 { grid-column: span 3/span 3 !important; } .k-colspan-4 { grid-column: span 4/span 4; } .\!k-colspan-4 { grid-column: span 4/span 4 !important; } .k-colspan-5 { grid-column: span 5/span 5; } .\!k-colspan-5 { grid-column: span 5/span 5 !important; } .k-colspan-6 { grid-column: span 6/span 6; } .\!k-colspan-6 { grid-column: span 6/span 6 !important; } .k-colspan-7 { grid-column: span 7/span 7; } .\!k-colspan-7 { grid-column: span 7/span 7 !important; } .k-colspan-8 { grid-column: span 8/span 8; } .\!k-colspan-8 { grid-column: span 8/span 8 !important; } .k-colspan-9 { grid-column: span 9/span 9; } .\!k-colspan-9 { grid-column: span 9/span 9 !important; } .k-colspan-10 { grid-column: span 10/span 10; } .\!k-colspan-10 { grid-column: span 10/span 10 !important; } .k-colspan-11 { grid-column: span 11/span 11; } .\!k-colspan-11 { grid-column: span 11/span 11 !important; } .k-colspan-12 { grid-column: span 12/span 12; } .\!k-colspan-12 { grid-column: span 12/span 12 !important; } .k-colspan-full, .k-colspan-all { grid-column: 1 / -1; } .\!k-colspan-full, .\!k-colspan-all { grid-column: 1 / -1 !important; } .k-colspan-auto { grid-column: auto; } .\!k-colspan-auto { grid-column: auto !important; } .k-window { border-radius: 4px; padding: 0; border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; display: inline-flex; flex-direction: column; position: absolute; z-index: 10002; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-window.k-window-maximized { max-width: 100vw; max-height: 100vh; box-shadow: none; } .k-window-sm { width: 300px; } .k-window-md { width: 800px; } .k-window-lg { width: 1200px; } .k-window-titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-6, 1.5rem); border-width: 0px; border-style: solid; white-space: nowrap; display: flex; flex-direction: row; flex-shrink: 0; align-items: center; } .k-window-minimized .k-window-titlebar { border-width: 0; } .k-window-title { padding-block: 0.5em; padding-inline: 0; margin-block: -0.5em; margin-inline: 0; font-size: var(--kendo-font-size-lg, inherit); line-height: var(--kendo-line-height-lg, normal); text-overflow: ellipsis; overflow: hidden; cursor: default; flex: 1; } .k-window-title:empty::before { content: "​"; } .k-window-titlebar-actions { margin-block: -5em; margin-inline: 0; margin-inline-end: calc(var(--kendo-spacing-4, 1rem) - var(--kendo-spacing-6, 1.5rem)); line-height: 1; display: flex; flex-flow: row nowrap; flex-shrink: 0; align-items: center; vertical-align: top; } .k-window-titlebar-action { flex-shrink: 0; } .k-window-content, .k-prompt-container { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-6, 1.5rem); border-width: 0; border-color: inherit; color: inherit; background: none; outline: 0; overflow: auto; position: relative; flex: 1 1 auto; } .k-window-content + .k-prompt-container { margin-top: -var(--kendo-spacing-2, 0.5rem)/2; } .k-window-content:first-child { padding-top: clamp(var(--kendo-spacing-2, 0.5rem), var(--kendo-spacing-4, 1rem), var(--kendo-spacing-4, 1rem)); } .k-window-content:last-child { padding-bottom: clamp(var(--kendo-spacing-2, 0.5rem), var(--kendo-spacing-4, 1rem), var(--kendo-spacing-4, 1rem)); } .k-window-iframecontent { padding: 0; overflow: visible; } .k-window-iframecontent .k-content-frame { vertical-align: top; border: 0; width: 100%; height: 100%; } .k-window-actions { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0px 0 0; border-style: solid; border-color: inherit; flex: 0 0 auto; display: flex; flex-flow: row wrap; align-items: center; overflow: hidden; } .k-prompt-container > .k-textarea { width: 100%; } .k-window .k-resize-n { top: 0; } .k-window .k-resize-e { right: 0; } .k-window .k-resize-s { bottom: 0; } .k-window .k-resize-w { left: 0; } .k-window { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-8, 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14)); } .k-window:focus, .k-window.k-focus { box-shadow: var(--kendo-elevation-9, 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14)); } .k-window-primary .k-window-titlebar { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-window-light .k-window-titlebar { color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-window-dark .k-window-titlebar { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-dialog-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; outline: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; } .k-dialog-wrapper .k-dialog { position: relative; } .k-dialog { padding: 0; position: fixed; box-sizing: border-box; } .k-dialog.k-dialog-centered { transform: translate(-50%, -50%); top: 50%; left: 50%; } .k-dialog .k-multiselect { width: 100%; } .k-dialog-actions { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 1px 0 0; border-style: solid; border-color: inherit; flex: 0 0 auto; display: flex; flex-flow: row wrap; align-items: center; gap: var(--kendo-spacing-2, 0.5rem); overflow: hidden; } .k-dialog-content.k-scroll { border-width: 1px 0; border-style: solid; padding-top: var(--kendo-spacing-2, 0.5rem)/2; padding-bottom: var(--kendo-spacing-2, 0.5rem)/2; } .k-dialog-primary .k-dialog-titlebar { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-dialog-light .k-dialog-titlebar { color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-dialog-dark .k-dialog-titlebar { color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-dialog-content.k-scroll { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-pager { padding: 0; border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); white-space: nowrap; display: flex; align-items: center; position: relative; overflow: hidden; cursor: default; flex: 0 0 auto; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-pager *, .k-pager *::before, .k-pager *::after { box-sizing: border-box; } .k-pager-info, .k-pager-sizes, .k-pager-input { display: flex; flex-direction: row; align-items: center; } .k-pager-nav { color: inherit; text-align: center; display: inline-flex; align-items: center; justify-content: center; position: relative; } .k-pager-nav:hover { z-index: 2; } .k-disabled.k-pager-nav { color: inherit; } .k-pager-numbers-wrap { display: flex; flex-direction: row; position: relative; } .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown, .k-pager-numbers-wrap select.k-dropdownlist { width: 5em; } .k-pager-numbers { display: flex; flex-direction: row; } .k-pager-numbers .k-selected { cursor: inherit; z-index: 2; } .k-pager-nav + .k-pager-nav, .k-pager-nav + .k-pager-numbers-wrap, .k-pager-numbers-wrap + .k-pager-nav { margin-left: var(--kendo-spacing-0, 0px); } .k-rtl .k-pager-nav + .k-pager-nav, .k-rtl .k-pager-nav + .k-pager-numbers-wrap, .k-rtl .k-pager-numbers-wrap + .k-pager-nav, [dir=rtl] .k-pager-nav + .k-pager-nav, [dir=rtl] .k-pager-nav + .k-pager-numbers-wrap, [dir=rtl] .k-pager-numbers-wrap + .k-pager-nav { margin-left: 0; margin-right: var(--kendo-spacing-0, 0px); } .k-pager-input { gap: 1ex; } .k-pager-input .k-textbox, .k-pager-input .k-numerictextbox { margin-block: 0; width: 5em; } .k-pager-sizes { gap: 1ex; } .k-pager-sizes .k-input-inner, .k-pager-sizes .k-input-value-text { text-overflow: clip; } .k-pager-info { text-align: end; justify-content: flex-end; flex: 1 1 0%; order: 9; } .k-pager-refresh { margin-inline-start: auto; color: inherit; order: 10; } .k-pager-sm { padding-inline: var(--kendo-spacing-1, 0.25rem); padding-block: var(--kendo-spacing-1, 0.25rem); gap: var(--kendo-spacing-1\.5, 0.375rem); } .k-pager-sm .k-pager-numbers-wrap .k-button { min-width: calc(1.4285714286em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px); } .k-pager-sm .k-pager-numbers-wrap .k-pager-input, .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-sm .k-pager-numbers-wrap > select.k-dropdown, .k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist { margin-inline-start: var(--kendo-spacing-1\.5, 0.375rem); margin-inline-end: var(--kendo-spacing-1\.5, 0.375rem); } .k-pager-sm .k-pager-sizes .k-dropdown-list, .k-pager-sm .k-pager-sizes .k-dropdown, .k-pager-sm .k-pager-sizes .k-dropdownlist, .k-pager-sm .k-pager-sizes > select { width: 5em; } .k-pager-md { padding-inline: var(--kendo-spacing-2, 0.5rem); padding-block: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-2, 0.5rem); } .k-pager-md .k-pager-numbers-wrap .k-button { min-width: calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px); } .k-pager-md .k-pager-numbers-wrap .k-pager-input, .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-md .k-pager-numbers-wrap > select.k-dropdown, .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist { margin-inline-start: var(--kendo-spacing-2, 0.5rem); margin-inline-end: var(--kendo-spacing-2, 0.5rem); } .k-pager-md .k-pager-sizes .k-dropdown-list, .k-pager-md .k-pager-sizes .k-dropdown, .k-pager-md .k-pager-sizes .k-dropdownlist, .k-pager-md .k-pager-sizes > select { width: 5em; } .k-pager-lg { padding-inline: var(--kendo-spacing-2\.5, 0.625rem); padding-block: var(--kendo-spacing-2\.5, 0.625rem); gap: var(--kendo-spacing-2\.5, 0.625rem); } .k-pager-lg .k-pager-numbers-wrap .k-button { min-width: calc(1.4285714286em + var(--kendo-spacing-2\.5, 0.625rem) * 2 + 2px); } .k-pager-lg .k-pager-numbers-wrap .k-pager-input, .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-lg .k-pager-numbers-wrap > select.k-dropdown, .k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist { margin-inline-start: var(--kendo-spacing-2\.5, 0.625rem); margin-inline-end: var(--kendo-spacing-2\.5, 0.625rem); } .k-pager-lg .k-pager-sizes .k-dropdown-list, .k-pager-lg .k-pager-sizes .k-dropdown, .k-pager-lg .k-pager-sizes .k-dropdownlist, .k-pager-lg .k-pager-sizes > select { width: 5em; } .k-pager .k-pager-numbers-wrap .k-button { border-radius: 5em; } .k-pager-numbers .k-button { padding-inline: var(--kendo-spacing-2, 0.5rem); } .k-pager { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-pager:focus, .k-pager.k-focus { background-color: var(--kendo-color-surface, #f5f5f5); } .k-chip { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: 1.2857142857; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; gap: var(--kendo-spacing-1, 0.25rem); position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; user-select: none; } .k-chip *, .k-chip *::before, .k-chip *::after { box-sizing: border-box; } .k-chip .k-selected-icon-wrapper { display: none !important; } .k-chip-content { padding-block: 0.5em; padding-inline: 0; margin-block: -0.5em; margin-inline: 0; min-width: 0; display: flex; flex-flow: row nowrap; align-items: center; overflow: hidden; flex: 1 1 auto; } .k-chip-content .k-icon-wrapper-host { display: initial; } .k-chip-content:first-child { margin-inline-start: var(--kendo-spacing-1, 0.25rem); } .k-chip-content:last-child { margin-inline-end: var(--kendo-spacing-1, 0.25rem); } .k-chip-text, .k-chip-label { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1 1 auto; } .k-chip-avatar { border-radius: 50%; background-size: cover; background-position: center; flex: none; } .k-chip-icon { display: flex; align-items: center; justify-content: center; flex: none; } .k-chip-actions { margin-block: -5em; margin-inline: 0; flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center; } .k-chip-action { flex: none; display: flex; flex-flow: row nowrap; align-items: center; align-self: center; } .k-remove-icon { font-size: inherit; display: flex; align-items: center; justify-content: center; flex: none; } .k-chip-list { min-width: 0px; display: inline-flex; flex-wrap: wrap; align-items: center; position: relative; } .k-chip-sm { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-1, 0.25rem); font-size: var(--kendo-font-size, inherit); line-height: 1.2857142857; } .k-chip-sm .k-chip-action { padding: var(--kendo-spacing-0\.5, 0.125rem); } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em; } .k-chip-md { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); font-size: var(--kendo-font-size, inherit); line-height: 1.2857142857; } .k-chip-md .k-chip-action { padding: var(--kendo-spacing-1, 0.25rem); } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em; } .k-chip-lg { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1, 0.25rem); font-size: var(--kendo-font-size, inherit); line-height: 1.2857142857; } .k-chip-lg .k-chip-action { padding: var(--kendo-spacing-1\.5, 0.375rem); } .k-chip-avatar { width: 1em; height: 1em; flex-basis: 1em; } .k-chip-list-sm { gap: var(--kendo-spacing-1, 0.25rem); } .k-chip-list-md { gap: var(--kendo-spacing-1, 0.25rem); } .k-chip-list-lg { gap: var(--kendo-spacing-1, 0.25rem); } .k-chip-solid-base { border-color: var(--kendo-color-base-subtle, #ebebeb); color: var(--kendo-color-on-base, #212121); background-color: var(--kendo-color-base-subtle, #ebebeb); } .k-chip-solid-base:focus, .k-chip-solid-base.k-focus { background-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-chip-solid-base:hover, .k-chip-solid-base.k-hover { background-color: var(--kendo-color-base-subtle-hover, #d6d6d6); } .k-chip-solid-base.k-selected { background-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-chip-solid-error { border-color: var(--kendo-color-error-emphasis, #fc8d83); color: var(--kendo-color-error-on-subtle, #550c07); background-color: var(--kendo-color-error-subtle, #fcc7c2); } .k-chip-solid-error:focus, .k-chip-solid-error.k-focus { box-shadow: 0 0 0 2px var(--kendo-color-error, #f31700); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-error, #f31700) 16%, transparent); } } .k-chip-solid-error:hover, .k-chip-solid-error.k-hover { background-color: var(--kendo-color-error-subtle-hover, #feafa8); } .k-chip-solid-error.k-selected { background-color: var(--kendo-color-error-subtle-active, #fe9a91); } .k-chip-solid-info { border-color: var(--kendo-color-info-emphasis, #80a5f4); color: var(--kendo-color-info-on-subtle, #071f51); background-color: var(--kendo-color-info-subtle, #c8d7fb); } .k-chip-solid-info:focus, .k-chip-solid-info.k-focus { box-shadow: 0 0 0 2px var(--kendo-color-info, #0058e9); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-info, #0058e9) 16%, transparent); } } .k-chip-solid-info:hover, .k-chip-solid-info.k-hover { background-color: var(--kendo-color-info-subtle-hover, #a7c0f7); } .k-chip-solid-info.k-selected { background-color: var(--kendo-color-info-subtle-active, #8fb0f6); } .k-chip-solid-warning { border-color: var(--kendo-color-warning-emphasis, #ffdd8f); color: var(--kendo-color-warning-on-subtle, #59430a); background-color: var(--kendo-color-warning-subtle, #fff0ce); } .k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus { box-shadow: 0 0 0 2px var(--kendo-color-warning, #ffc000); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-warning, #ffc000) 16%, transparent); } } .k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover { background-color: var(--kendo-color-warning-subtle-hover, #ffe7b0); } .k-chip-solid-warning.k-selected { background-color: var(--kendo-color-warning-subtle-active, #ffe19c); } .k-chip-solid-success { border-color: var(--kendo-color-success-emphasis, #93d775); color: var(--kendo-color-success-on-subtle, #163f09); background-color: var(--kendo-color-success-subtle, #d7f0cc); } .k-chip-solid-success:focus, .k-chip-solid-success.k-focus { box-shadow: 0 0 0 2px var(--kendo-color-success, #37b400); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-success, #37b400) 16%, transparent); } } .k-chip-solid-success:hover, .k-chip-solid-success.k-hover { background-color: var(--kendo-color-success-subtle-hover, #bae2ad); } .k-chip-solid-success.k-selected { background-color: var(--kendo-color-success-subtle-active, #a7db97); } .k-chip-outline-base { border-color: var(--kendo-color-base-on-surface, #212121); color: var(--kendo-color-base-on-surface, #212121); background-color: transparent; } .k-chip-outline-base:hover, .k-chip-outline-base.k-hover { color: var(--kendo-color-base-on-subtle, #212121); background-color: var(--kendo-color-base-subtle-hover, #d6d6d6); } .k-chip-outline-base.k-selected { color: var(--kendo-color-base-on-subtle, #212121); background-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-chip-outline-error { border-color: var(--kendo-color-error-on-surface, #b91406); color: var(--kendo-color-error-on-surface, #b91406); background-color: transparent; } .k-chip-outline-error:focus, .k-chip-outline-error.k-focus { box-shadow: 0 0 0 2px var(--kendo-color-error, #f31700); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-error, #f31700) 16%, transparent); } } .k-chip-outline-error:hover, .k-chip-outline-error.k-hover { border-color: var(--kendo-color-error-hover, #e01701); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error-hover, #e01701); } .k-chip-outline-error.k-selected { border-color: var(--kendo-color-error-active, #cc1505); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error-active, #cc1505); } .k-chip-outline-info { border-color: var(--kendo-color-info-on-surface, #0443b0); color: var(--kendo-color-info-on-surface, #0443b0); background-color: transparent; } .k-chip-outline-info:focus, .k-chip-outline-info.k-focus { box-shadow: 0 0 0 2px var(--kendo-color-info, #0058e9); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-info, #0058e9) 16%, transparent); } } .k-chip-outline-info:hover, .k-chip-outline-info.k-hover { border-color: var(--kendo-color-info-hover, #0251d6); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info-hover, #0251d6); } .k-chip-outline-info.k-selected { border-color: var(--kendo-color-info-active, #034ac3); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info-active, #034ac3); } .k-chip-outline-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-app-surface, #212121); background-color: transparent; } .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus { box-shadow: 0 0 0 2px var(--kendo-color-warning, #ffc000); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-warning, #ffc000) 16%, transparent); } } .k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover { color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-chip-outline-warning.k-selected { color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-chip-outline-success { border-color: var(--kendo-color-success-on-surface, #2b8906); color: var(--kendo-color-success-on-surface, #2b8906); background-color: transparent; } .k-chip-outline-success:focus, .k-chip-outline-success.k-focus { box-shadow: 0 0 0 2px var(--kendo-color-success, #37b400); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-success, #37b400) 16%, transparent); } } .k-chip-outline-success:hover, .k-chip-outline-success.k-hover { border-color: var(--kendo-color-success-hover, #33a600); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success-hover, #33a600); } .k-chip-outline-success.k-selected { border-color: var(--kendo-color-success-active, #2e9704); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success-active, #2e9704); } .k-chip-solid { border-color: transparent; } .k-chip-solid-base:focus, .k-chip-solid-base.k-focus { box-shadow: none; } .k-chip-solid-error:focus, .k-chip-solid-error.k-focus { box-shadow: none; } .k-chip-solid-info:focus, .k-chip-solid-info.k-focus { box-shadow: none; } .k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus { box-shadow: none; } .k-chip-solid-success:focus, .k-chip-solid-success.k-focus { box-shadow: none; } .k-chip-outline-base:focus, .k-chip-outline-base.k-focus { box-shadow: none; background-color: var(--kendo-color-base-subtle-active, #c2c2c2); } .k-chip-outline-error { color: var(--kendo-color-error-on-surface, #b91406); } .k-chip-outline-error:focus, .k-chip-outline-error.k-focus { box-shadow: none; color: var(--kendo-color-error-on-subtle, #550c07); background-color: var(--kendo-color-error-subtle-active, #fe9a91); } .k-chip-outline-error:hover, .k-chip-outline-error.k-hover { color: var(--kendo-color-error-on-subtle, #550c07); background-color: var(--kendo-color-error-subtle-hover, #feafa8); } .k-chip-outline-error.k-selected { color: var(--kendo-color-error-on-subtle, #550c07); background-color: var(--kendo-color-error-subtle-active, #fe9a91); } .k-chip-outline-info { color: var(--kendo-color-info-on-surface, #0443b0); } .k-chip-outline-info:focus, .k-chip-outline-info.k-focus { box-shadow: none; color: var(--kendo-color-info-on-subtle, #071f51); background-color: var(--kendo-color-info-subtle-active, #8fb0f6); } .k-chip-outline-info:hover, .k-chip-outline-info.k-hover { color: var(--kendo-color-info-on-subtle, #071f51); background-color: var(--kendo-color-info-subtle-hover, #a7c0f7); } .k-chip-outline-info.k-selected { color: var(--kendo-color-info-on-subtle, #071f51); background-color: var(--kendo-color-info-subtle-active, #8fb0f6); } .k-chip-outline-warning { color: var(--kendo-color-on-app-surface, #212121); } .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus { box-shadow: none; background-color: var(--kendo-color-warning-subtle-active, #ffe19c); } .k-chip-outline-warning:hover, .k-chip-outline-warning.k-hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-warning-subtle-hover, #ffe7b0); } .k-chip-outline-warning.k-selected { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-warning-subtle-active, #ffe19c); } .k-chip-outline-success { color: var(--kendo-color-success-on-surface, #2b8906); } .k-chip-outline-success:focus, .k-chip-outline-success.k-focus { box-shadow: none; color: var(--kendo-color-success-on-subtle, #163f09); background-color: var(--kendo-color-success-subtle-active, #a7db97); } .k-chip-outline-success:hover, .k-chip-outline-success.k-hover { color: var(--kendo-color-success-on-subtle, #163f09); background-color: var(--kendo-color-success-subtle-hover, #bae2ad); } .k-chip-outline-success.k-selected { color: var(--kendo-color-success-on-subtle, #163f09); background-color: var(--kendo-color-success-subtle-active, #a7db97); } .k-text-clip { text-overflow: clip; } .\!k-text-clip { text-overflow: clip !important; } .k-text-ellipsis { text-overflow: ellipsis; } .\!k-text-ellipsis { text-overflow: ellipsis !important; } .k-text-truncate, .k-text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .\!k-text-truncate, .\!k-text-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .k-skeleton, .k-placeholder-line { display: block; } .k-skeleton-text, .k-placeholder-line { border-radius: var(--kendo-border-radius-md, 0.25rem); transform: scale(1, 0.6); } .k-skeleton-text:empty::before, .k-placeholder-line:empty::before { content: "​"; } .k-skeleton-rect { border-radius: 0; } .k-skeleton-circle { border-radius: 9999px; } @keyframes k-skeleton-wave { 0% { transform: translateX(-100%); } 60% { transform: translateX(100%); } 100% { transform: translateX(100%); } } .k-skeleton-wave .k-skeleton, .k-skeleton-wave .k-placeholder-line, .k-skeleton-wave.k-skeleton, .k-skeleton-wave.k-placeholder-line { position: relative; overflow: hidden; } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave .k-placeholder-line::after, .k-skeleton-wave.k-skeleton::after, .k-skeleton-wave.k-placeholder-line::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); animation: k-skeleton-wave 1.6s linear 0.5s infinite; } @keyframes k-skeleton-pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .k-skeleton-pulse .k-skeleton, .k-skeleton-pulse .k-placeholder-line, .k-skeleton-pulse.k-skeleton, .k-skeleton-pulse.k-placeholder-line { animation: k-skeleton-pulse 1.5s ease-in-out 0.5s infinite; } .k-skeleton, .k-placeholder-line { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 20%, transparent); } } .k-skeleton-wave .k-skeleton::after, .k-skeleton-wave .k-placeholder-line::after, .k-skeleton-wave.k-skeleton::after, .k-skeleton-wave.k-placeholder-line::after { background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.04), transparent); } .k-table { width: 100%; max-width: none; border-width: 1px; border-style: solid; text-align: start; border-collapse: collapse; border-spacing: 0; empty-cells: show; outline: none; } .k-data-table { border-width: 1px; border-style: solid; } .k-data-table .k-table { table-layout: fixed; } .k-table-thead, .k-table-tbody, .k-table-tfoot, .k-table-row, .k-table-alt-row { border-color: inherit; text-align: inherit; } .k-table-th, .k-table-td { border-width: 0 0 1px 1px; border-style: solid; border-color: inherit; box-sizing: border-box; font-weight: normal; text-align: inherit; white-space: nowrap; text-overflow: ellipsis; display: table-cell; overflow: hidden; position: relative; } .k-table-th:first-child, .k-table-td:first-child { border-left-width: 0; } .k-table-th { border-bottom-width: 1px; } .k-table-header { padding-inline-end: var(--kendo-scrollbar-width); border-width: 0 0 1px; border-style: solid; box-sizing: border-box; } .k-table-header .k-table { border-width: 0; } .k-table-header-wrap { margin-right: -1px; width: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; overflow: hidden; } .k-table-header > .k-table, .k-table-header-wrap > .k-table { margin-bottom: -1px; } .k-table-group-sticky-header { flex: none; } .k-table-group-sticky-header .k-table-th { display: flex; flex-flow: row nowrap; align-items: center; align-content: center; } .k-table-list { margin: 0; padding: 0; width: 100%; max-width: none; border-width: 0; display: table; border-collapse: collapse; border-spacing: 0; table-layout: fixed; empty-cells: show; list-style: none; outline: none; } .k-table-list .k-table-row { position: relative; } .k-table-list .k-table-row, .k-table-list .k-table-group-row { width: 100%; box-sizing: border-box; display: table-row; } .k-table-list .k-table-row.k-first { border-top: 1px solid currentColor; } .k-table-list .k-table-th, .k-table-list .k-table-td { vertical-align: middle; } .k-table-list .k-table-group-row { position: sticky; } .k-table-list .k-table-group-row::before { content: "​"; padding-inline: 0; width: 0; display: block; overflow: hidden; } .k-table-list .k-table-group-row .k-table-th { width: 100%; border-color: inherit; color: inherit; background-color: inherit; position: absolute; top: 0; } .k-table-list .k-table-spacer-td { padding: 0 !important; width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; } .k-table-list .k-table-group-td { padding: 0 !important; width: 0 !important; border-left-width: 0 !important; border-right-width: 0 !important; overflow: visible; } .k-table-list .k-table-group-td > span { font-size: 0.75em; position: absolute; top: 0; right: 0; } .k-virtual-table .k-table-row, .k-virtual-table .k-table-group-row { position: absolute; width: 100%; } .k-table-scroller { position: relative; overflow: auto; } .k-table-scroller > .k-table { border-width: 0; } .k-table-footer { padding-inline-end: var(--kendo-scrollbar-width); border-width: 1px 0 0; border-style: solid; box-sizing: border-box; } .k-table-footer .k-table { border-width: 0; } .k-table-footer-wrap { margin-right: -1px; width: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: inherit; overflow: hidden; } .k-table-sm { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); } .k-table-sm .k-table-th, .k-table-sm .k-table-td { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-table-sm .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: calc(var(--kendo-spacing-2\.5, 0.625rem) / 2); } .k-table-sm .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: 0; } .k-table-md { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); } .k-table-md .k-table-th, .k-table-md .k-table-td { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-table-md .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: calc(var(--kendo-spacing-6, 1.5rem) / 2); } .k-table-md .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: 0; } .k-table-lg { font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); } .k-table-lg .k-table-th, .k-table-lg .k-table-td { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-table-lg .k-table-list .k-table-group-td > span { padding-block: 0; padding-inline: calc(var(--kendo-spacing-6, 1.5rem) / 2); } .k-table-lg .k-table-list .k-table-group-row::before { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: 0; } .k-rtl.k-table .k-table-th, .k-rtl.k-table .k-table-td, .k-rtl .k-table .k-table-th, .k-rtl .k-table .k-table-td, [dir=rtl].k-table .k-table-th, [dir=rtl].k-table .k-table-td, [dir=rtl] .k-table .k-table-th, [dir=rtl] .k-table .k-table-td { border-left-width: 0; border-right-width: 1px; } .k-rtl.k-table .k-table-th:first-child, .k-rtl.k-table .k-table-td:first-child, .k-rtl .k-table .k-table-th:first-child, .k-rtl .k-table .k-table-td:first-child, [dir=rtl].k-table .k-table-th:first-child, [dir=rtl].k-table .k-table-td:first-child, [dir=rtl] .k-table .k-table-th:first-child, [dir=rtl] .k-table .k-table-td:first-child { border-right-width: 0; } .k-rtl.k-table .k-table-header-wrap, .k-rtl.k-table .k-table-footer-wrap, .k-rtl .k-table .k-table-header-wrap, .k-rtl .k-table .k-table-footer-wrap, [dir=rtl].k-table .k-table-header-wrap, [dir=rtl].k-table .k-table-footer-wrap, [dir=rtl] .k-table .k-table-header-wrap, [dir=rtl] .k-table .k-table-footer-wrap { margin-right: 0; margin-left: -1px; border-left-width: 1px; border-right-width: 0; } .k-rtl .k-table-list .k-table-group-td > span, [dir=rtl] .k-table-list .k-table-group-td > span { left: 0; right: auto; } .k-table td:focus, .k-table td.k-focus, .k-table th:focus, .k-table th.k-focus { position: relative; } .k-table td:focus::after, .k-table td.k-focus::after, .k-table th:focus::after, .k-table th.k-focus::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; } .k-table td.k-grid-content-sticky, .k-table td.k-grid-header-sticky { position: sticky; } .k-table, .k-data-table { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-table-thead, .k-table-header, .k-table-group-sticky-header { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-table-tfoot, .k-table-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-table-group-row { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-table-group-td > span { color: var(--kendo-color-surface-alt, #ffffff); background-color: var(--kendo-color-on-app-surface, #212121); } .k-table-alt-row { background-color: transparent; } .k-table-tbody .k-table-row:hover, .k-table-list .k-table-row:hover, .k-table-tbody .k-table-row.k-hover, .k-table-list .k-table-row.k-hover { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } } .k-table-tbody .k-table-row.k-selected > .k-table-td, .k-table-list .k-table-row.k-selected { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 12%, transparent); } } .k-table .k-table-tbody td:focus::after, .k-table .k-table-tbody td.k-focus::after, .k-table .k-table-tbody th:focus::after, .k-table .k-table-tbody th.k-focus::after { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } } .k-tabstrip-wrapper { padding-block: var(--kendo-spacing-0, 0px); padding-inline: var(--kendo-spacing-0, 0px); box-sizing: border-box; border-width: 0px; border-style: solid; display: flex; flex-direction: column; position: relative; } .k-tabstrip { border-width: 0; border-color: transparent; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: 1.4285714286; color: inherit; background-color: transparent; display: flex; flex-flow: column nowrap; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-tabstrip-wrapper > .k-tabstrip { flex: 1 1 auto; } .k-tabstrip-items-wrapper { box-sizing: border-box; border-width: 0; border-style: solid; border-color: inherit; position: relative; } .k-tabstrip-items { box-sizing: border-box; outline: 0; display: flex; flex-direction: inherit; flex-wrap: wrap; flex: 1 1 auto; gap: var(--kendo-spacing-0, 0px); } .k-tabstrip-items *, .k-tabstrip-items *::before, .k-tabstrip-items *::after { box-sizing: border-box; } .k-tabstrip-items .k-item { margin: 0; padding: 0; border: 0px solid transparent; position: relative; flex-shrink: 0; display: flex; flex-direction: row; align-items: stretch; justify-items: stretch; outline: 0; } .k-tabstrip-items .k-item-actions { margin: 0; padding: 0; display: flex; flex-direction: row; } .k-tabstrip-items .k-tab-on-top { z-index: 1; } .k-tabstrip-items .k-link { padding-block: var(--kendo-spacing-3\.5, 0.875rem); padding-inline: var(--kendo-spacing-6, 1.5rem); color: inherit; cursor: pointer; display: inline-flex; vertical-align: middle; flex: 1 1 auto; flex-direction: row; align-content: center; align-items: center; gap: var(--kendo-spacing-2, 0.5rem); } .k-tabstrip-items .k-item.k-disabled, .k-tabstrip-items .k-item[disabled] { opacity: 1; filter: none; } .k-tabstrip-content, .k-tabstrip > .k-content { margin: 0 !important; padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-4, 1rem); box-sizing: border-box; border-width: 0px; border-style: solid; border-color: inherit; display: none; overflow: auto; flex: 1 1 auto; position: relative; } .k-tabstrip-content.k-active, .k-tabstrip > .k-content.k-active { display: block; } .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus { outline-width: 1px; outline-style: dotted; outline-offset: -1px; } .k-tabstrip-items .k-loading { width: 20%; height: 0; border: 0; border-top: 1px solid transparent; border-color: inherit; background: none; position: absolute; top: 0; left: 0; transition: width 0.2s linear; display: none; } .k-tabstrip-items .k-loading.k-complete { width: 100%; border-top-width: 0; } .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items { flex-wrap: nowrap; white-space: nowrap; overflow: hidden; } .k-tabstrip-horizontal, .k-tabstrip-bottom > .k-tabstrip-items-wrapper, .k-tabstrip-top > .k-tabstrip-items-wrapper { flex-direction: row; } .k-tabstrip-vertical, .k-tabstrip-right > .k-tabstrip-items-wrapper, .k-tabstrip-left > .k-tabstrip-items-wrapper { flex-direction: column; } .k-tabstrip-top > .k-tabstrip-items-wrapper { border-bottom-width: 1px; } .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-width: 0; } .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active { margin-bottom: -1px; border-bottom-width: 1px; border-bottom-color: transparent !important; } .k-tabstrip-top > .k-content, .k-tabstrip-top > .k-tabstrip-content { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-width: 0 !important; } .k-tabstrip-bottom > .k-tabstrip-items-wrapper { border-top-width: 1px; } .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-width: 0; } .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active { margin-top: -1px; border-top-width: 1px; border-top-color: transparent !important; } .k-tabstrip-bottom > .k-content, .k-tabstrip-bottom > .k-tabstrip-content { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-width: 0 !important; } .k-tabstrip-left { flex-direction: row; } .k-tabstrip-left > .k-tabstrip-items-wrapper { border-right-width: 1px; } .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-right-width: 0; } .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active { margin-right: -1px; border-right-width: 1px; border-right-color: transparent !important; } .k-tabstrip-left > .k-content, .k-tabstrip-left > .k-tabstrip-content { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-left-width: 0 !important; } .k-tabstrip-right { flex-direction: row-reverse; } .k-tabstrip-right > .k-tabstrip-items-wrapper { border-left-width: 1px; } .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-left-width: 0; } .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active { margin-left: -1px; border-left-width: 1px; border-left-color: transparent !important; } .k-tabstrip-right > .k-content, .k-tabstrip-right > .k-tabstrip-content { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-right-width: 0; } .k-tabstrip-items-start { justify-content: flex-start; } .k-tabstrip-items-center { justify-content: center; } .k-tabstrip-items-end { justify-content: flex-end; } .k-tabstrip-items-justify { justify-content: space-between; } .k-tabstrip-items-stretched > * { flex: 1 0 0; } .k-tabstrip-items-wrapper .k-item::after { content: ""; border-width: 0; border-style: solid; display: none; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .k-tabstrip-items-wrapper .k-item.k-active::after { display: block; } .k-tabstrip-items-wrapper .k-item > .k-link { z-index: 1; } .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item::after { border-bottom-width: 2px; } .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item::after { border-top-width: 2px; } .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item::after { border-right-width: 2px; } .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item::after { border-left-width: 2px; } .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging::after { display: none !important; } .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-items-wrapper, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-items-wrapper, .k-tabstrip[dir=rtl].k-tabstrip-left > .k-tabstrip-items-wrapper, .k-tabstrip[dir=rtl].k-tabstrip-right > .k-tabstrip-items-wrapper { order: 1; } .k-rtl .k-tabstrip.k-tabstrip-left > .k-content, .k-rtl .k-tabstrip.k-tabstrip-right > .k-content, .k-tabstrip[dir=rtl].k-tabstrip-left > .k-content, .k-tabstrip[dir=rtl].k-tabstrip-right > .k-content { order: 0; } .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-content, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-content, .k-tabstrip[dir=rtl].k-tabstrip-left > .k-tabstrip-content, .k-tabstrip[dir=rtl].k-tabstrip-right > .k-tabstrip-content { order: 0; } .k-tabstrip-items { text-transform: uppercase; } .k-tabstrip-left .k-tabstrip-items .k-link { justify-content: flex-end; } .k-tabstrip-items-wrapper { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); } .k-tabstrip-items-wrapper .k-item { color: var(--kendo-color-subtle, #757575); } .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected { color: var(--kendo-color-on-app-surface, #212121); } .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging { box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)); } .k-tabstrip-items-wrapper .k-item.k-disabled, .k-tabstrip-items-wrapper .k-item[disabled] { color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 32%, transparent); } } .k-tabstrip-content, .k-tabstrip > .k-content { background-color: transparent; } .k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus { outline-color: var(--kendo-color-on-app-surface, #212121); } .k-tabstrip-items-wrapper .k-item.k-active::after { border-color: var(--kendo-color-primary, #3f51b5); } .k-pos-static, .k-static { position: static; } .\!k-pos-static, .\!k-static { position: static !important; } .k-pos-relative, .k-relative { position: relative; } .\!k-pos-relative, .\!k-relative { position: relative !important; } .k-pos-absolute, .k-absolute { position: absolute; } .\!k-pos-absolute, .\!k-absolute { position: absolute !important; } .k-pos-fixed, .k-fixed { position: fixed; } .\!k-pos-fixed, .\!k-fixed { position: fixed !important; } .k-pos-sticky, .k-sticky { position: sticky; } .\!k-pos-sticky, .\!k-sticky { position: sticky !important; } .k-grid { border-width: 1px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-grid.k-grid-display-block { display: block; } .k-grid .k-grid-container { display: flex; flex: 1 1 auto; overflow: hidden; position: relative; } .k-grid .k-grid-aria-root { border-color: inherit; display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden; } .k-grid .k-table { margin: 0; width: 100%; max-width: none; border-width: 0; border-color: inherit; border-collapse: separate; border-spacing: 0; box-sizing: content-box; empty-cells: show; outline: 0; } .k-grid .k-grid-header .k-table, .k-grid .k-grid-content .k-table, .k-grid .k-grid-content-locked .k-table, .k-grid .k-grid-footer .k-table { table-layout: fixed; } .k-grid .k-table-thead, .k-grid .k-table-tbody, .k-grid .k-table-tfoot { text-align: start; border-color: inherit; } .k-grid .k-table-row { border-color: inherit; } .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td { border-width: 0; border-inline-start-width: 1px; border-style: solid; border-color: inherit; outline: 0; font-weight: inherit; text-align: inherit; position: static; overflow: hidden; text-overflow: ellipsis; box-sizing: content-box; } .k-grid .k-table-th:first-child, .k-grid td:first-child, .k-grid .k-table-td:first-child { border-inline-start-width: 0; } .k-grid .k-table-th:focus, .k-grid td:focus, .k-grid .k-table-td:focus { outline: none; } .k-grid .k-table-th > .k-radio, .k-grid .k-table-th > .k-radio-wrap, .k-grid .k-table-th > .k-checkbox, .k-grid .k-table-th > .k-checkbox-wrap, .k-grid td > .k-radio, .k-grid td > .k-radio-wrap, .k-grid td > .k-checkbox, .k-grid td > .k-checkbox-wrap, .k-grid .k-table-td > .k-radio, .k-grid .k-table-td > .k-radio-wrap, .k-grid .k-table-td > .k-checkbox, .k-grid .k-table-td > .k-checkbox-wrap { vertical-align: top; } .k-grid .k-table-th { border-block-end-width: 1px; white-space: nowrap; } .k-grid td, .k-grid .k-table-td { border-block-end-width: 1px; white-space: unset; vertical-align: middle; } .k-grid a { color: inherit; text-decoration: none; } .k-grid a:hover { text-decoration: none; } .k-grid .k-grid-header-wrap { box-sizing: content-box; } .k-grid .k-grid-header { border-bottom-width: 1px; font-size: var(--kendo-font-size-sm, inherit); } .k-grid .k-grid-header .k-table { margin-bottom: -1px; } .k-grid .k-grid-header.k-grid-draggable-header { -webkit-user-select: none; user-select: none; touch-action: none; } .k-grid .k-grid-header .k-table-th { position: relative; vertical-align: bottom; cursor: default; } .k-grid .k-grid-header .k-table-th:first-child { border-inline-start-width: 0; } .k-grid .k-grid-header .k-table-th.k-first { border-inline-start-width: 1px; } .k-grid .k-grid-header .k-table-th > .k-link { line-height: inherit; display: block; overflow: hidden; text-overflow: ellipsis; outline: 0; } .k-grid .k-grid-header .k-table-th > .k-link:focus { text-decoration: none; } .k-grid .k-grid-header .k-grid-filter, .k-grid .k-grid-header .k-header-column-menu, .k-grid .k-grid-header .k-grid-header-menu { box-sizing: border-box; outline: 0; display: flex; align-items: center; align-content: center; justify-content: center; position: absolute; inset-inline-end: var(--kendo-spacing-3\.5, 0.875rem); z-index: 1; } .k-grid .k-grid-header .k-grid-filter:hover, .k-grid .k-grid-header .k-header-column-menu:hover, .k-grid .k-grid-header .k-grid-header-menu:hover { cursor: pointer; } .k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon { vertical-align: text-top; margin-inline-start: var(--kendo-spacing-1, 0.25rem); } .k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon .k-icon { display: flex; } .k-grid .k-grid-header .k-sort-order { display: inline-block; vertical-align: top; height: 16px; font-size: var(--kendo-font-size-sm, inherit); margin-top: calc(var(--kendo-spacing-2, 0.5rem) / 2); margin-inline-start: calc(calc(var(--kendo-spacing-2, 0.5rem) / 2) * -1); } .k-grid .k-grid-header .k-filterable > .k-cell-inner .k-link { padding-inline-end: 0; } .k-grid .k-cell-inner { display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; overflow: hidden; } .k-grid .k-cell-inner > .k-link { width: auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: inherit; flex: 1; overflow: hidden; } .k-grid .k-cell-inner > .k-link > .k-sort-icon { margin-inline-start: 0; display: inline-block; flex-shrink: 0; } .k-grid .k-cell-inner .k-sort-order { flex-shrink: 0; line-height: normal; } .k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu { position: static; margin-inline-end: var(--kendo-spacing-3\.5, 0.875rem); } .k-grid .k-group-col, .k-grid .k-hierarchy-col { padding: 0; width: 32px; } .k-grid .k-grouping-row p { margin: 0; display: flex; align-items: center; align-content: center; } .k-grid .k-grouping-row td, .k-grid .k-grouping-row .k-table-td { overflow: visible; } .k-grid .k-grouping-row + .k-table-row td, .k-grid .k-grouping-row + .k-table-row .k-table-td { border-top-width: 0px; } .k-grid .k-grouping-row .k-group-cell, .k-grid .k-grouping-row + .k-table-row .k-group-cell { border-top-width: 0; text-overflow: clip; } .k-grid .k-grouping-row .k-icon { margin-inline-start: calc(8px - var(--kendo-spacing-6, 1.5rem)); margin-inline-end: 8px; text-decoration: none; } .k-grid .k-table .k-group-footer td, .k-grid .k-table .k-group-footer .k-table-td { border-style: solid; border-width: 1px 0; } .k-grid .k-group-footer .k-group-cell + td, .k-grid .k-group-footer .k-group-cell + .k-table-td { border-inline-start-width: 1px; } .k-grid .k-hierarchy-cell, .k-grid .k-drag-cell { text-align: center; overflow: visible; } .k-grid .k-hierarchy-cell > .k-font-icon, .k-grid .k-drag-cell > .k-font-icon { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: 0; width: 100%; height: 100%; display: inline-block; outline: 0; } .k-grid .k-hierarchy-cell + .k-grid-content-sticky { border-inline-start-width: 1px; } .k-grid .k-detail-row .k-detail-cell { border-inline-start-width: 0; } .k-grid .k-dirty-cell { position: relative; } .k-grid .k-dirty-cell.k-edit-cell { position: static; } .k-grid .k-dirty-cell.k-grid-content-sticky { position: sticky; } .k-grid .k-dirty { border-width: 5px; border-color: transparent; border-block-start-color: currentColor; border-inline-start-color: currentColor; inset-inline-start: 0; inset-inline-end: auto; } .k-grid .k-grid-content-locked + .k-grid-content { box-sizing: content-box; } .k-grid .k-grid-content-expander { position: absolute; visibility: hidden; height: 1px; bottom: 1px; } .k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon { border-width: 0; } .k-grid .k-drag-col { padding: 0; width: 48px; } .k-grid .k-drag-cell { cursor: move; } .k-grid-toolbar { border-width: 0 0 1px; flex-shrink: 0; } .k-grid-toolbar-bottom { border-width: 1px 0 0; } .k-grouping-header { border-width: 0 0 1px; border-style: solid; border-color: inherit; white-space: normal; display: flex; align-items: center; position: relative; flex-wrap: wrap; } .k-grouping-header::before { content: ""; height: calc(1.2857142857em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px); display: inline-block; vertical-align: middle; } .k-grouping-header .k-chip-list { flex-grow: 0; display: contents; } .k-grouping-header > .k-grouping-drop-container { flex-grow: 1; padding-block: var(--kendo-spacing-2, 0.5rem); margin-block: calc(var(--kendo-spacing-2, 0.5rem) * -1); display: inline-flex; align-self: stretch; align-items: center; } .k-grouping-dropclue { width: 12px; position: absolute; top: calc((calc(1.2857142857em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px) + var(--kendo-spacing-2, 0.5rem) * 2 - calc(1.2857142857em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)) / 2); box-sizing: content-box; } .k-grouping-dropclue::before, .k-grouping-dropclue::after { display: inline-block; content: ""; position: absolute; } .k-grouping-dropclue::before { border-width: 6px; border-style: solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; top: 0; } .k-grouping-dropclue::after { width: 2px; height: calc(100% - 6px); top: 6px; inset-inline-start: calc(6px - 1px); } .k-grid-header-wrap, .k-grid-footer-wrap { margin-inline-end: -1px; width: 100%; border-width: 0; border-inline-end-width: 1px; border-style: solid; border-color: inherit; position: relative; overflow: hidden; } .k-grid-header-locked + .k-grid-header-wrap.k-auto-scrollable { margin-inline-end: 0; } .k-grid-header, .k-grid-footer { padding-inline-start: 0; padding-inline-end: var(--kendo-scrollbar-width, 17px); border-width: 0; border-style: solid; border-color: inherit; flex: 0 0 auto; } div.k-grid-header, div.k-grid-footer { display: flex; flex-direction: row; align-items: stretch; } .k-column-resizer { width: 0.5em; height: 1000%; display: block; position: absolute; top: 0; inset-inline-end: 0; cursor: col-resize; } .k-row-resizer { display: block; height: var(--kendo-spacing-0\.5, 0.125rem); width: 100%; background: none; } .k-grid-footer { border-top-width: 1px; } .k-grid-footer td, .k-grid-footer .k-table-td { height: calc(2 * 1em); } .k-grid-footer td, .k-group-footer td, .k-grouping-row td, .k-grid-footer .k-table-td, .k-group-footer .k-table-td, .k-grouping-row .k-table-td { font-weight: bold; } .k-grid-filter-popup { min-width: 250px; max-width: 320px; } .k-grid-column-menu-standalone a.k-grid-filter { position: initial; display: inline-block; margin-block: -4px; margin-inline: 0; padding-block: 4px; padding-inline: 8px; } .k-filter-row { line-height: var(--kendo-line-height, normal); } .k-filter-row td, .k-filter-row .k-table-td, .k-filter-row .k-table-th { border-width: 0; border-block-end-width: 1px; border-inline-start-width: 1px; white-space: nowrap; } .k-filter-row td:first-child, .k-filter-row .k-table-td:first-child { border-inline-start-width: 0; } .k-filter-row .k-multiselect { height: auto; } .k-filtercell { width: auto; display: flex; flex-flow: row nowrap; align-items: center; } .k-filtercell > span, .k-filtercell .k-filtercell-wrapper { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; flex: 1 1 auto; } .k-filtercell > span > .k-button, .k-filtercell .k-filtercell-wrapper > .k-button { flex: none; } .k-grid-content, .k-grid-content-locked { border-color: inherit; outline: 0; } .k-grid-content .k-table-row:last-child > td, .k-grid-content .k-table-row:last-child > .k-table-td, .k-grid-content-locked .k-table-row:last-child > td, .k-grid-content-locked .k-table-row:last-child > .k-table-td { border-bottom-width: 0; } .k-grid-content { width: 100%; min-height: 0; overflow: auto; overflow-x: auto; overflow-y: scroll; position: relative; flex: 1; } .k-virtual-scrollable-wrap { height: 100%; overflow-y: hidden; position: relative; } .k-grid .k-edit-cell, .k-grid .k-command-cell, .k-grid .k-grid-edit-row td, .k-grid .k-grid-edit-row .k-table-td { text-overflow: clip; } .k-grid .k-edit-cell > input:not([type=checkbox]):not([type=radio]), .k-grid .k-edit-cell > select, .k-grid .k-edit-cell > .k-widget:not(.k-switch), .k-grid .k-grid-edit-row td > input:not([type=checkbox]):not([type=radio]), .k-grid .k-grid-edit-row td > select, .k-grid .k-grid-edit-row td > .k-widget:not(.k-switch), .k-grid .k-grid-edit-row .k-table-td > input:not([type=checkbox]):not([type=radio]), .k-grid .k-grid-edit-row .k-table-td > select, .k-grid .k-grid-edit-row .k-table-td > .k-widget:not(.k-switch) { width: 100%; vertical-align: middle; box-sizing: border-box; } .k-grid .k-edit-cell > .k-radio, .k-grid .k-edit-cell > .k-checkbox, .k-grid .k-edit-cell > .k-radio-wrap, .k-grid .k-edit-cell > .k-checkbox-wrap, .k-grid .k-grid-edit-row td > .k-radio, .k-grid .k-grid-edit-row td > .k-checkbox, .k-grid .k-grid-edit-row td > .k-radio-wrap, .k-grid .k-grid-edit-row td > .k-checkbox-wrap, .k-grid .k-grid-edit-row .k-table-td > .k-radio, .k-grid .k-grid-edit-row .k-table-td > .k-checkbox, .k-grid .k-grid-edit-row .k-table-td > .k-radio-wrap, .k-grid .k-grid-edit-row .k-table-td > .k-checkbox-wrap { vertical-align: middle; } .k-grid .k-command-cell > .k-button { margin-inline-end: var(--kendo-spacing-2, 0.5rem); vertical-align: middle; } .k-grid .k-command-cell > .k-button:last-child { margin-inline-end: unset; } .k-grid > .k-resize-handle, .k-grid-header .k-resize-handle { height: 25px; cursor: col-resize; position: absolute; z-index: 2; } .k-selection-aggregates { border-width: 1px 0 0; border-style: solid; line-height: 20px; display: flex; justify-content: flex-end; gap: var(--kendo-spacing-2, 0.5rem); } .k-selection-aggregates-item-value { font-weight: var(--kendo-font-weight-bold, normal); } .k-grid-pager { border-width: 1px 0 0; border-color: inherit; font-size: inherit; } .k-grid-pager-top { border-width: 0 0 1px; } .k-grid-virtual .k-grid-content .k-grid-table-wrap { float: left; width: 100%; } .k-grid-virtual .k-grid-content .k-grid-table { position: relative; float: left; z-index: 1; } .k-grid-virtual .k-grid-content > .k-height-container { position: relative; float: left; } .k-grid-virtual .k-grid-content::after { content: ""; display: block; clear: both; } .k-width-container { position: absolute; visibility: hidden; } .k-width-container div { height: 1px; } .k-grid-add-row td, .k-grid-add-row .k-table-td { border-bottom-style: solid; border-bottom-width: 1px; } .k-grid-lockedcolumns { white-space: nowrap; } .k-grid-content, .k-grid-content-locked { white-space: normal; } .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked { flex: 0 0 auto; display: inline-block; vertical-align: top; overflow: hidden; position: relative; border-style: solid; border-width: 0; border-inline-end-width: 1px; box-sizing: content-box; } .k-grid-content-locked + .k-grid-content.k-auto-scrollable, .k-grid-footer-locked + .k-grid-content.k-auto-scrollable, .k-grid-header-locked + .k-grid-content.k-auto-scrollable { display: inline-block; } .k-grid-content-locked .k-table, .k-grid-footer-locked .k-table, .k-grid-header-locked .k-table { border-width: 0; } .k-grid-content, .k-grid-footer-wrap, .k-grid-header-wrap { flex: 1 1 auto; display: inline-block; vertical-align: top; } .k-grid-content.k-auto-scrollable, .k-grid-footer-wrap.k-auto-scrollable, .k-grid-header-wrap.k-auto-scrollable { display: block; } .k-grid-header-locked > .k-grid-header-table, .k-grid-header-wrap > .k-grid-header-table { margin-bottom: -1px; } .k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header .k-filter-row .k-grid-header-sticky, .k-grid .k-grid-content-sticky, .k-grid .k-grid-row-sticky, .k-grid .k-grid-footer-sticky { position: sticky; z-index: 2; } .k-grid-header .k-table-th.k-grid-header-sticky.k-edit-cell, .k-grid-header .k-filter-row .k-grid-header-sticky.k-edit-cell, .k-grid .k-grid-content-sticky.k-edit-cell, .k-grid .k-grid-row-sticky.k-edit-cell, .k-grid .k-grid-footer-sticky.k-edit-cell { overflow: visible; z-index: 3; } .k-master-row .k-grid-content-sticky::before, .k-master-row.k-grid-row-sticky .k-table-td::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } kendo-grid .k-table-row.k-grid-row-sticky { border: 0; position: static; z-index: auto; } kendo-grid .k-grid-row-sticky td, kendo-grid .k-grid-row-sticky .k-table-td { border-bottom-width: 1px; border-top-width: 1px; position: sticky; top: inherit; bottom: inherit; z-index: 2; } kendo-grid .k-grid-row-sticky td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-table-alt-row td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky .k-table-td.k-grid-content-sticky, kendo-grid .k-grid-row-sticky.k-table-alt-row .k-table-td.k-grid-content-sticky { z-index: 3; } kendo-grid .k-grid-header-locked .k-table-th.k-grid-header-sticky:last-child, kendo-grid .k-grid-content-locked .k-table-row .k-grid-content-sticky:last-child { border-inline-end: 0; } kendo-grid .k-grid-header .k-grid-column-menu, kendo-grid .k-grid-header .k-grid-header-menu { z-index: 1; } .k-grid-content-sticky.k-grid-row-sticky { z-index: 3; } .k-grid .k-table .k-grid-header-sticky, .k-grid .k-table .k-grid-content-sticky, .k-grid .k-table .k-grid-footer-sticky { border-inline-end-width: 1px; } .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"]) + td, .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-table .k-grid-header-sticky:not([style*="display: none"]) + .k-table-th, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"]) + td, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-table .k-grid-content-sticky:not([style*="display: none"]) + .k-table-th, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"]) + td, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-table .k-grid-footer-sticky:not([style*="display: none"]) + .k-table-th { border-inline-start-width: 0; } .k-grid .k-grid-row-sticky { border-bottom-width: 1px; border-top-width: 1px; } .k-grid-header-sticky.k-table-th.k-grid-no-left-border.k-first { border-inline-start-width: 0; } .k-grid.k-grid-no-scrollbar .k-grid-header-wrap, .k-grid.k-grid-no-scrollbar .k-grid-footer-wrap { margin: 0; border-width: 0; } .k-grid.k-grid-no-scrollbar .k-grid-header, .k-grid.k-grid-no-scrollbar .k-grid-footer { padding: 0; } .k-grid.k-grid-no-scrollbar .k-grid-content { overflow-y: auto; } .k-grid-norecords { text-align: center; } div.k-grid-norecords { width: 100%; height: 100%; display: flex; align-items: center; } .k-grid-norecords-template { box-sizing: border-box; margin-block: 0; margin-inline: auto; width: 20em; height: 4em; border: 1px solid; line-height: 4em; } .k-column-title { min-width: 0; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 1; overflow: hidden; } .k-grid .k-grid-sm .k-table-th, .k-grid-sm .k-table-th { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-grid .k-grid-sm td, .k-grid .k-grid-sm .k-table-td, .k-grid-sm td, .k-grid-sm .k-table-td { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-grid .k-grid-sm .k-grouping-header, .k-grid-sm .k-grouping-header { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-1\.5, 0.375rem); gap: var(--kendo-spacing-1\.5, 0.375rem); } .k-grid .k-grid-sm .k-grouping-header::before, .k-grid-sm .k-grouping-header::before { margin-inline-start: calc(var(--kendo-spacing-1\.5, 0.375rem) * -1); } .k-grid .k-grid-sm .k-grid-header .k-table-th > .k-link, .k-grid-sm .k-grid-header .k-table-th > .k-link { margin-block: calc(var(--kendo-spacing-2\.5, 0.625rem) * -1); margin-inline: calc(var(--kendo-spacing-2\.5, 0.625rem) * -1); padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-grid .k-grid-sm .k-grid-header .k-grid-filter, .k-grid .k-grid-sm .k-grid-header .k-header-column-menu, .k-grid .k-grid-sm .k-grid-header .k-grid-header-menu, .k-grid-sm .k-grid-header .k-grid-filter, .k-grid-sm .k-grid-header .k-header-column-menu, .k-grid-sm .k-grid-header .k-grid-header-menu { padding: var(--kendo-spacing-1\.5, 0.375rem); width: calc(1.4285714286em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px); height: calc(1.4285714286em + var(--kendo-spacing-1\.5, 0.375rem) * 2 + 2px); bottom: calc(var(--kendo-spacing-2\.5, 0.625rem) + calc(2 * 1em)/2 - calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2)/2); } .k-grid .k-grid-sm .k-table-th > .k-cell-inner, .k-grid-sm .k-table-th > .k-cell-inner { margin-block: calc(var(--kendo-spacing-2\.5, 0.625rem) * -1); margin-inline: calc(var(--kendo-spacing-2\.5, 0.625rem) * -1); } .k-grid .k-grid-sm .k-table-th > .k-cell-inner > .k-link, .k-grid-sm .k-table-th > .k-cell-inner > .k-link { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-grid .k-grid-sm .k-grouping-row .k-icon, .k-grid-sm .k-grouping-row .k-icon { margin-inline-start: calc(8px - var(--kendo-spacing-2\.5, 0.625rem)); } .k-grid .k-grid-sm .k-grouping-dropclue, .k-grid-sm .k-grouping-dropclue { height: calc(calc(1.2857142857em + var(--kendo-spacing-0\.5, 0.125rem) * 2 + 2px) + 6px); } .k-grid .k-grid-sm .k-hierarchy-cell, .k-grid .k-grid-sm .k-drag-cell, .k-grid-sm .k-hierarchy-cell, .k-grid-sm .k-drag-cell { padding: 0; } .k-grid .k-grid-sm .k-hierarchy-cell > .k-icon, .k-grid .k-grid-sm .k-drag-cell > .k-icon, .k-grid-sm .k-hierarchy-cell > .k-icon, .k-grid-sm .k-drag-cell > .k-icon { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: 0; } .k-grid .k-grid-sm .k-edit-cell, .k-grid .k-grid-sm .k-command-cell, .k-grid .k-grid-sm .k-grid-edit-row td, .k-grid .k-grid-sm .k-grid-edit-row .k-table-td, .k-grid-sm .k-edit-cell, .k-grid-sm .k-command-cell, .k-grid-sm .k-grid-edit-row td, .k-grid-sm .k-grid-edit-row .k-table-td { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-grid .k-grid-sm .k-filter-row td, .k-grid .k-grid-sm .k-filter-row .k-table-td, .k-grid .k-grid-sm .k-filter-row .k-table-th, .k-grid-sm .k-filter-row td, .k-grid-sm .k-filter-row .k-table-td, .k-grid-sm .k-filter-row .k-table-th { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2\.5, 0.625rem); } .k-grid .k-grid-sm .k-filtercell > span, .k-grid .k-grid-sm .k-filtercell .k-filtercell-wrapper, .k-grid-sm .k-filtercell > span, .k-grid-sm .k-filtercell .k-filtercell-wrapper { gap: calc(var(--kendo-spacing-1, 0.25rem) / 2); } .k-grid .k-grid-sm .k-selection-aggregates, .k-grid-sm .k-selection-aggregates { padding-block: var(--kendo-spacing-1, 0.25rem); padding-inline: var(--kendo-spacing-1, 0.25rem); } .k-grid .k-grid-sm .k-resizer-wrap, .k-grid-sm .k-resizer-wrap { display: block; width: 100%; padding-block-start: calc(var(--kendo-spacing-1, 0.25rem) - var(--kendo-spacing-0\.5, 0.125rem)); padding-block-end: var(--kendo-spacing-1, 0.25rem); position: absolute; background: none; cursor: row-resize; z-index: 2; } .k-grid .k-grid-md .k-table-th, .k-grid-md .k-table-th { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-grid .k-grid-md .k-grouping-header, .k-grid-md .k-grouping-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); gap: var(--kendo-spacing-2, 0.5rem); } .k-grid .k-grid-md .k-grouping-header::before, .k-grid-md .k-grouping-header::before { margin-inline-start: calc(var(--kendo-spacing-2, 0.5rem) * -1); } .k-grid .k-grid-md .k-grid-header .k-table-th > .k-link, .k-grid-md .k-grid-header .k-table-th > .k-link { margin-block: calc(var(--kendo-spacing-4, 1rem) * -1); margin-inline: calc(var(--kendo-spacing-6, 1.5rem) * -1); padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-grid .k-grid-md .k-grid-header .k-grid-filter, .k-grid .k-grid-md .k-grid-header .k-header-column-menu, .k-grid .k-grid-md .k-grid-header .k-grid-header-menu, .k-grid-md .k-grid-header .k-grid-filter, .k-grid-md .k-grid-header .k-header-column-menu, .k-grid-md .k-grid-header .k-grid-header-menu { padding: var(--kendo-spacing-2, 0.5rem); width: calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px); height: calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2 + 2px); bottom: calc(var(--kendo-spacing-4, 1rem) + calc(2 * 1em)/2 - calc(1.4285714286em + var(--kendo-spacing-2, 0.5rem) * 2)/2); } .k-grid .k-grid-md .k-table-th > .k-cell-inner, .k-grid-md .k-table-th > .k-cell-inner { margin-block: calc(var(--kendo-spacing-4, 1rem) * -1); margin-inline: calc(var(--kendo-spacing-6, 1.5rem) * -1); } .k-grid .k-grid-md .k-table-th > .k-cell-inner > .k-link, .k-grid-md .k-table-th > .k-cell-inner > .k-link { padding-block: var(--kendo-spacing-4, 1rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-grid .k-grid-md .k-grouping-row .k-icon, .k-grid-md .k-grouping-row .k-icon { margin-inline-start: calc(8px - var(--kendo-spacing-6, 1.5rem)); } .k-grid .k-grid-md .k-grouping-dropclue, .k-grid-md .k-grouping-dropclue { height: calc(1.2857142857em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px); } .k-grid .k-grid-md .k-hierarchy-cell, .k-grid .k-grid-md .k-drag-cell, .k-grid-md .k-hierarchy-cell, .k-grid-md .k-drag-cell { padding: 0; } .k-grid .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid .k-grid-md .k-drag-cell > .k-icon, .k-grid-md .k-hierarchy-cell > .k-icon, .k-grid-md .k-drag-cell > .k-icon { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: 0; } .k-grid .k-grid-md .k-edit-cell, .k-grid .k-grid-md .k-command-cell, .k-grid .k-grid-md .k-grid-edit-row td, .k-grid .k-grid-md .k-grid-edit-row .k-table-td, .k-grid-md .k-edit-cell, .k-grid-md .k-command-cell, .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td { padding-block: var(--kendo-spacing-1\.5, 0.375rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-grid .k-grid-md .k-filter-row td, .k-grid .k-grid-md .k-filter-row .k-table-td, .k-grid .k-grid-md .k-filter-row .k-table-th, .k-grid-md .k-filter-row td, .k-grid-md .k-filter-row .k-table-td, .k-grid-md .k-filter-row .k-table-th { padding-block: var(--kendo-spacing-2\.5, 0.625rem); padding-inline: var(--kendo-spacing-6, 1.5rem); } .k-grid .k-grid-md .k-filtercell > span, .k-grid .k-grid-md .k-filtercell .k-filtercell-wrapper, .k-grid-md .k-filtercell > span, .k-grid-md .k-filtercell .k-filtercell-wrapper { gap: calc(var(--kendo-spacing-2\.5, 0.625rem) / 2); } .k-grid .k-grid-md .k-selection-aggregates, .k-grid-md .k-selection-aggregates { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); } .k-grid .k-grid-md .k-resizer-wrap, .k-grid-md .k-resizer-wrap { display: block; width: 100%; padding-block-start: calc(var(--kendo-spacing-1\.5, 0.375rem) - var(--kendo-spacing-0\.5, 0.125rem)); padding-block-end: var(--kendo-spacing-1\.5, 0.375rem); position: absolute; background: none; cursor: row-resize; z-index: 2; } .k-loading-pdf-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; } .k-loading-pdf-mask > .k-i-loading { position: absolute; top: 50%; left: 50%; font-size: 64px; } .k-loading-pdf-mask .k-loading-pdf-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-pdf-export .k-loading-pdf-mask { display: none; } .k-grid-pdf-export-element { position: absolute; left: -10000px; top: -10000px; } .k-grid-pdf-export-element .k-filter-row { display: none; } .k-pdf-export-shadow .k-grid { float: left; width: auto !important; } .k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked { height: auto !important; overflow: visible; } .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-content, .k-pdf-export-shadow .k-grid-header-locked + .k-grid-footer-wrap { width: auto !important; } .k-pdf-export-shadow .k-grid-header, .k-pdf-export-shadow .k-grid[data-role=grid] .k-grid-footer { padding: 0 !important; } .k-filter-menu-popup { min-width: 250px; max-width: 320px; } .k-filter-menu { box-sizing: border-box; } .k-filter-menu-container { padding: var(--kendo-spacing-2, 0.5rem); box-sizing: border-box; display: flex; flex-flow: column nowrap; align-items: stretch; gap: var(--kendo-spacing-2, 0.5rem); } .k-filter-menu-container .k-filter-and { width: min-content; align-self: start; } .k-filter-menu-container .k-actions, .k-filter-menu-container .k-edit-buttons, .k-filter-menu-container .k-action-buttons, .k-filter-menu-container .k-columnmenu-actions, .k-filter-menu-container .k-form-buttons { margin: 0; padding: 0; } .k-filter-menu-container kendo-numeric-filter-menu, .k-filter-menu-container kendo-grid-string-filter-menu, .k-filter-menu-container kendo-grid-date-filter-menu, .k-filter-menu-container kendo-grid-numeric-filter-menu, .k-filter-menu-container kendo-grid-filter-menu-input-wrapper, .k-filter-menu-container kendo-treelist-string-filter-menu, .k-filter-menu-container kendo-treelist-date-filter-menu, .k-filter-menu-container kendo-treelist-numeric-filter-menu, .k-filter-menu-container kendo-treelist-filter-menu-input-wrapper { display: flex; flex-flow: column nowrap; align-items: stretch; gap: var(--kendo-spacing-2, 0.5rem); } .k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container { min-width: 250px; max-width: 320px; } .k-popup .k-multicheck-wrap { margin: 0; padding: 0; max-height: 300px; white-space: nowrap; overflow: auto; list-style: none; } .k-popup .k-multicheck-wrap .k-item, .k-popup .k-multicheck-wrap .k-check-all-wrap { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); display: flex; flex-flow: row nowrap; } .k-filter-selected-items { font-weight: bold; line-height: normal; white-space: nowrap; } .k-autofitting { width: auto !important; table-layout: auto !important; } .k-autofitting .k-table-th, .k-autofitting td, .k-autofitting .k-table-td { white-space: nowrap !important; } .k-autofitting .k-detail-row { display: none !important; } .k-column-menu-popup, .k-grid-columnmenu-popup { min-width: 250px; box-sizing: border-box; } .k-column-menu-popup.k-popup, .k-grid-columnmenu-popup.k-popup { max-width: 320px; } .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons, .k-column-menu-popup .k-action-buttons, .k-column-menu-popup .k-columnmenu-actions, .k-column-menu-popup .k-form-buttons, .k-grid-columnmenu-popup .k-actions, .k-grid-columnmenu-popup .k-edit-buttons, .k-grid-columnmenu-popup .k-action-buttons, .k-grid-columnmenu-popup .k-columnmenu-actions, .k-grid-columnmenu-popup .k-form-buttons { margin: 0; } .k-column-menu { box-sizing: border-box; } .k-column-menu .k-menu:not(.k-context-menu) { font-weight: 400; } .k-column-menu .k-expander { border: 0; background: inherit; } .k-column-menu .k-expander .k-columnmenu-item { display: flex; align-items: center; } .k-column-menu-tabbed { border-radius: 0px 0px 0 0; } .k-column-menu-tabbed .k-tabstrip-items { margin: 0px 0px 0; } .k-column-menu-tabbed .k-tabstrip-items .k-item { flex: 1; } .k-column-menu-tabbed .k-tabstrip-items .k-link { justify-content: center; } .k-column-menu-tabbed .k-tabstrip-content { padding-inline: var(--kendo-spacing-0, 0px); padding-block: var(--kendo-spacing-2, 0.5rem); border-width: 0; } .k-column-list { padding: 0; margin: 0; list-style: none; max-height: 200px; overflow-x: hidden; overflow-y: auto; } .k-column-chooser-title, .k-column-list-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); } .k-column-list-item { margin: 0; display: flex; flex-flow: row nowrap; align-items: center; gap: 4px; cursor: pointer; position: relative; } .k-column-list-item .k-checkbox-label { margin: 0; } .k-column-list-item:focus { outline: none; } .k-columns-items-wrap { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-0, 0px); } .k-columnmenu-item { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); outline: 0; cursor: pointer; } .k-columnmenu-item > .k-icon, .k-columnmenu-item > .k-expander-indicator { margin-inline-end: var(--kendo-spacing-2, 0.5rem); } .k-columnmenu-item-wrapper + .k-columnmenu-item-wrapper { border-top: 1px solid; border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-columnmenu-item-content { overflow: hidden; } .k-column-menu-group-header { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-4, 1rem); display: flex; flex: 0 0 auto; position: relative; -webkit-user-select: none; user-select: none; } .k-column-menu-group-header-text { border-bottom-width: 1px; border-bottom-style: solid; font-size: var(--kendo-font-size-sm, inherit); line-height: var(--kendo-line-height, normal); font-weight: bold; text-transform: uppercase; flex: 1 1 auto; } .k-rtl .k-grid-virtual .k-grid-content .k-grid-table-wrap, .k-rtl .k-grid-virtual .k-grid-content .k-grid-table, .k-rtl .k-grid-virtual .k-grid-content > .k-height-container, [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table-wrap, [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table, [dir=rtl] .k-grid-virtual .k-grid-content > .k-height-container, .k-rtl.k-grid-virtual .k-grid-content .k-grid-table-wrap, .k-rtl.k-grid-virtual .k-grid-content .k-grid-table, .k-rtl.k-grid-virtual .k-grid-content > .k-height-container, [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table-wrap, [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table, [dir=rtl].k-grid-virtual .k-grid-content > .k-height-container { float: right; } .k-grid .k-group-footer td, .k-grid .k-group-footer .k-table-td { border-top-width: 0; } .k-grid .k-command-cell .k-button { box-shadow: none; } .k-grid-header .k-table-th { font-weight: 700; } .k-grid-header .k-table-th .k-grid-filter { font-weight: normal; } .k-grid-header .k-grid-filter { border-radius: 50%; } .k-grid-header .k-header-column-menu, .k-grid-header .k-grid-header-menu { border-radius: 50%; } .k-grid-header .k-resizable-columns .k-table-th:not(.k-group-cell) { border-right-width: 1px; border-right-style: solid; } .k-grid-header .k-resizable-columns .k-resize-handle .k-resize-handle-inner { width: 1px; height: 100%; cursor: col-resize; } .k-cell-inner .k-grid-filter, .k-cell-inner .k-header-column-menu, .k-cell-inner .k-grid-header-menu, .k-cell-inner .k-hierarchy-cell .k-icon { line-height: normal; } .k-grouping-dropclue { width: 0; height: calc(1.2857142857em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px); top: calc((calc(1.2857142857em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px) + var(--kendo-spacing-2, 0.5rem) * 2 - calc(1.2857142857em + var(--kendo-spacing-1, 0.25rem) * 2 + 2px)) / 2); border-style: solid; border-width: 0 2px 0 0; } .k-grouping-dropclue::before { border-width: 0; } .k-resize-handle:hover .k-resize-handle-inner { width: 1px; height: 100%; } .k-column-resizer:hover::after { display: block; content: ""; height: 100%; border-right: 2px solid currentColor; } .k-reorder-cue { margin-left: -1px; width: 2px; } .k-column-menu .k-menu:not(.k-context-menu) .k-item > .k-link::before { content: none; } .k-column-menu .k-menu:not(.k-context-menu).k-menu-vertical > .k-item + .k-item { margin-top: 0; } .k-grid-header, .k-grid-header-wrap, .k-grouping-header, .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td, .k-grid-footer, .k-grid-footer-wrap, .k-grid-content-locked, .k-grid-footer-locked, .k-grid-header-locked, .k-filter-row > .k-table-th, .k-filter-row > td, .k-filter-row > .k-table-td { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer { color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grid .k-table { background-color: inherit; } .k-grid-toolbar { border-color: inherit; box-shadow: none; } .k-grid-content { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-group-footer td, .k-grouping-row td, .k-group-footer .k-table-td, .k-grouping-row .k-table-td, .k-table-tbody .k-group-cell { color: var(--kendo-color-on-app-surface, #212121); background-color: transparent; } .k-grouping-dropclue::before { border-color: var(--kendo-color-subtle, #757575) transparent transparent; } .k-grouping-dropclue::after { background-color: var(--kendo-color-subtle, #757575); } .k-grid { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grid .k-table-row.k-table-alt-row { background-color: transparent; } .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } } .k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 12%, transparent); } } .k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-grid-header-menu, .k-grid .k-hierarchy-cell .k-icon { color: var(--kendo-color-subtle, #757575); } .k-grid .k-grouping-row { background-color: transparent; } .k-grid .k-grouping-row .k-icon { color: var(--kendo-color-subtle, #757575); } .k-grid .k-grouping-row .k-grid-content-sticky { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked .k-table-th, .k-grid .k-grid-content-locked td, .k-grid .k-grid-content-locked .k-table-td { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-grid .k-grid-content-locked .k-group-footer td, .k-grid .k-grid-content-locked .k-group-footer .k-table-td, .k-grid .k-grid-content-locked .k-group-cell { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid .k-grid-content-locked .k-grouping-row + .k-table-row td, .k-grid .k-grid-content-locked .k-grouping-row + .k-table-row .k-table-td { border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid .k-grid-content-locked .k-selected td, .k-grid .k-grid-content-locked .k-selected .k-table-td { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 12%, transparent); } } .k-grid .k-grid-content-locked .k-selected.k-table-alt-row td, .k-grid .k-grid-content-locked .k-selected.k-table-alt-row .k-table-td { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 12%, transparent); } } .k-grid .k-grid-content-locked .k-selected:hover td, .k-grid .k-grid-content-locked .k-selected.k-hover td, .k-grid .k-grid-content-locked .k-selected:hover .k-table-td, .k-grid .k-grid-content-locked .k-selected.k-hover .k-table-td { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 12%, transparent); } } .k-grid .k-grid-header-locked .k-table-th { border-bottom-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } col.k-sorted, .k-table-th.k-sorted { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 5%, transparent); } } .k-grid-header .k-sort-icon, .k-grid-header .k-sort-order { color: var(--kendo-color-subtle, #757575); } .k-grid-header .k-grid-filter:hover, .k-grid-header .k-header-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-header-column-menu:focus, .k-grid-header .k-header-column-menu.k-focus, .k-grid-header .k-grid-header-menu:focus, .k-grid-header .k-grid-header-menu.k-focus, .k-grid-header .k-hierarchy-cell .k-icon:focus, .k-grid-header .k-hierarchy-cell .k-icon.k-focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); } .k-grid-header .k-grid-filter.k-active, .k-grid-header .k-header-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active { color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header td.k-grid-header-sticky, .k-grid-header .k-table-td.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted { color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); border-right-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-right-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } border-left-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-left-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-grid-footer { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-subtle, #757575); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grid-footer .k-grid-footer-sticky { border-left-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-left-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } border-right-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-right-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } background-color: var(--kendo-color-surface-alt, #ffffff); } .k-selection-aggregates { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-master-row .k-grid-content-sticky { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-master-row.k-grid-row-sticky > .k-table-td { border-top-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-top-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } border-bottom-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } background-color: var(--kendo-color-surface-alt, #ffffff); } .k-master-row.k-table-alt-row .k-grid-content-sticky, .k-master-row.k-table-alt-row.k-grid-row-sticky > .k-table-td, .k-master-row.k-table-alt-row .k-grid-row-sticky { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-master-row.k-table-row.k-selected td.k-grid-content-sticky, .k-master-row.k-table-row.k-selected.k-grid-row-sticky > .k-table-td, .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-master-row.k-table-row.k-selected td.k-grid-content-sticky::before, .k-master-row.k-table-row.k-selected.k-grid-row-sticky > .k-table-td::before, .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky::before, .k-master-row.k-table-row td.k-grid-content-sticky.k-selected::before, .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected::before { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 12%, transparent); } } .k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky, .k-master-row.k-selected.k-table-alt-row.k-grid-row-sticky > .k-table-td, .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-master-row.k-selected.k-table-alt-row td.k-grid-content-sticky::before, .k-master-row.k-selected.k-table-alt-row.k-grid-row-sticky > .k-table-td::before, .k-master-row.k-selected.k-table-alt-row .k-table-td.k-grid-row-sticky::before, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected::before, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected::before { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 12%, transparent); } } .k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row:hover.k-grid-row-sticky > .k-table-td, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-row-sticky, .k-master-row.k-hover.k-grid-row-sticky > .k-table-td { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-master-row.k-selected:hover td.k-grid-content-sticky, .k-master-row.k-selected:hover .k-table-td.k-grid-row-sticky, .k-master-row.k-selected:hover.k-grid-row-sticky > .k-table-td, .k-master-row.k-selected.k-hover td.k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky, .k-master-row.k-selected.k-hover.k-grid-row-sticky > .k-table-td, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-master-row.k-selected:hover td.k-grid-content-sticky::before, .k-master-row.k-selected:hover .k-table-td.k-grid-row-sticky::before, .k-master-row.k-selected:hover.k-grid-row-sticky > .k-table-td::before, .k-master-row.k-selected.k-hover td.k-grid-content-sticky::before, .k-master-row.k-selected.k-hover .k-table-td.k-grid-row-sticky::before, .k-master-row.k-selected.k-hover.k-grid-row-sticky > .k-table-td::before, .k-master-row:hover td.k-grid-content-sticky.k-selected::before, .k-master-row.k-hover td.k-grid-content-sticky.k-selected::before, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected::before, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected::before { background-color: var(--kendo-color-primary, #3f51b5); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-primary, #3f51b5) 12%, transparent); } } .k-grouping-row .k-grid-content-sticky { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grouping-row:hover .k-grid-content-sticky, .k-grouping-row.k-hover .k-grid-content-sticky { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-column-list-item:hover, .k-columnmenu-item:hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-columnmenu-item.k-selected { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-column-menu .k-menu:not(.k-context-menu) { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-column-menu-tabbed { background-color: var(--kendo-color-app-surface, #ffffff); } .k-column-menu-group-header-text { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); } .k-check-all-wrap { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid-norecords-template { background-color: var(--kendo-color-surface-alt, #ffffff); border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-resizer-wrap.k-hover .k-row-resizer { background-color: var(--kendo-color-on-base, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-base, #212121) 20%, transparent); } } .k-resizer-wrap.k-active .k-row-resizer { background-color: var(--kendo-color-primary, #3f51b5); } .k-grid .k-table td:focus::after, .k-grid .k-table td.k-focus::after, .k-grid .k-table th:focus::after, .k-grid .k-table th.k-focus::after { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } } .k-grid .k-grid-pager:focus, .k-grid .k-grid-pager.k-focus { color: inherit; } .k-grid .k-table-th, .k-grid td, .k-grid .k-table-td { border-inline-start-color: transparent; } .k-grid .k-grid-header-locked, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked .k-table-th, .k-grid .k-grid-content-locked td, .k-grid .k-grid-content-locked .k-table-td { border-top-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); border-bottom-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid .k-grid-header-locked .k-group-footer:hover td, .k-grid .k-grid-header-locked .k-group-footer.k-hover td, .k-grid .k-grid-header-locked .k-group-footer:hover .k-table-td, .k-grid .k-grid-header-locked .k-group-footer.k-hover .k-table-td, .k-grid .k-grid-content-locked .k-group-footer:hover td, .k-grid .k-grid-content-locked .k-group-footer.k-hover td, .k-grid .k-grid-content-locked .k-group-footer:hover .k-table-td, .k-grid .k-grid-content-locked .k-group-footer.k-hover .k-table-td, .k-grid .k-grid-header-locked .k-table-th .k-group-footer:hover td, .k-grid .k-grid-header-locked .k-table-th .k-group-footer.k-hover td, .k-grid .k-grid-header-locked .k-table-th .k-group-footer:hover .k-table-td, .k-grid .k-grid-header-locked .k-table-th .k-group-footer.k-hover .k-table-td, .k-grid .k-grid-content-locked td .k-group-footer:hover td, .k-grid .k-grid-content-locked td .k-group-footer.k-hover td, .k-grid .k-grid-content-locked td .k-group-footer:hover .k-table-td, .k-grid .k-grid-content-locked td .k-group-footer.k-hover .k-table-td, .k-grid .k-grid-content-locked .k-table-td .k-group-footer:hover td, .k-grid .k-grid-content-locked .k-table-td .k-group-footer.k-hover td, .k-grid .k-grid-content-locked .k-table-td .k-group-footer:hover .k-table-td, .k-grid .k-grid-content-locked .k-table-td .k-group-footer.k-hover .k-table-td { color: inherit; background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grid .k-master-row .k-grid-content-sticky { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } border-bottom-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid .k-master-row .k-grid-row-sticky { border-top-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-top-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } border-bottom-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-grid-header .k-sorted, .k-grid-header .k-link:hover { color: var(--kendo-color-on-app-surface, #212121); } .k-grid-header .k-sorted > .k-icon, .k-grid-header .k-link:hover > .k-icon { color: inherit; } .k-grid-header .k-grid-filter:hover, .k-grid-header .k-table-th-column-menu:hover, .k-grid-header .k-grid-header-menu:hover, .k-grid-header .k-hierarchy-cell .k-icon:hover { color: var(--kendo-color-on-app-surface, #212121); background-color: transparent; } .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-table-th-column-menu:focus, .k-grid-header .k-table-th-column-menu.k-focus, .k-grid-header .k-grid-header-menu:focus, .k-grid-header .k-grid-header-menu.k-focus, .k-grid-header .k-hierarchy-cell .k-icon:focus, .k-grid-header .k-hierarchy-cell .k-icon.k-focus { color: var(--kendo-color-on-app-surface, #212121); background-color: rgba(0, 0, 0, 0.12); box-shadow: none; } .k-grid-header .k-grid-filter.k-active, .k-grid-header .k-table-th-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active { color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-grid-header .k-table-thead > .k-table-row:not(:only-child) > .k-table-th, .k-grid-header .k-table-thead > .k-table-row:not(:only-child) > .k-table-td { border-inline-start-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .k-grid-header .k-table-thead > .k-table-row:not(:only-child) > .k-table-th.k-grid-header-sticky, .k-grid-header .k-table-thead > .k-table-row:not(:only-child) > .k-table-td.k-grid-header-sticky { border-inline-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-inline-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-grid-header .k-grid-header-locked .k-table-thead .k-table-row .k-table-th { border-inline-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-inline-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-group-footer td, .k-group-footer .k-table-td, .k-group-footer .k-grid-footer-sticky { background: var(--kendo-color-surface-alt, #ffffff); } .k-group-footer:hover td, .k-group-footer.k-hover td, .k-group-footer:hover .k-table-td, .k-group-footer.k-hover .k-table-td { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-grouping-dropclue, .k-reorder-cue { border-color: var(--kendo-color-primary, #3f51b5); } .k-grouping-dropclue::before, .k-reorder-cue::before { border-color: transparent; } .k-grouping-dropclue::after, .k-reorder-cue::after { border-color: transparent; background-color: transparent; } .k-resize-handle:hover .k-resize-handle-inner { background-color: var(--kendo-color-primary, #3f51b5); } .k-column-resizer:hover { color: var(--kendo-color-primary, #3f51b5); } .k-reorder-cue { background-color: var(--kendo-color-primary, #3f51b5); } .k-columnmenu-item.k-selected { color: var(--kendo-color-secondary, #e51a5f); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-column-list-item:focus, .k-column-list-item.k-focus, .k-columnmenu-item:focus, .k-columnmenu-item.k-focus { background: var(--kendo-color-base-hover, #ebebeb); } .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected { background: var(--kendo-color-base-hover, #ebebeb); } .k-touch-action-none { touch-action: none; } .\!k-touch-action-none { touch-action: none !important; } .k-touch-action-auto { touch-action: auto; } .\!k-touch-action-auto { touch-action: auto !important; } .k-touch-action-pan-x { touch-action: pan-x; } .\!k-touch-action-pan-x { touch-action: pan-x !important; } .k-touch-action-pan-left { touch-action: pan-left; } .\!k-touch-action-pan-left { touch-action: pan-left !important; } .k-touch-action-pan-right { touch-action: pan-right; } .\!k-touch-action-pan-right { touch-action: pan-right !important; } .k-touch-action-pan-y { touch-action: pan-y; } .\!k-touch-action-pan-y { touch-action: pan-y !important; } .k-touch-action-pan-up { touch-action: pan-up; } .\!k-touch-action-pan-up { touch-action: pan-up !important; } .k-touch-action-pan-down { touch-action: pan-down; } .\!k-touch-action-pan-down { touch-action: pan-down !important; } .k-touch-action-pinch-zoom { touch-action: pinch-zoom; } .\!k-touch-action-pinch-zoom { touch-action: pinch-zoom !important; } .k-touch-action-manipulation { touch-action: manipulation; } .\!k-touch-action-manipulation { touch-action: manipulation !important; } .k-cursor-none { cursor: none; } .\!k-cursor-none { cursor: none !important; } .k-cursor-auto { cursor: auto; } .\!k-cursor-auto { cursor: auto !important; } .k-cursor-default { cursor: default; } .\!k-cursor-default { cursor: default !important; } .k-cursor-context-menu { cursor: context-menu; } .\!k-cursor-context-menu { cursor: context-menu !important; } .k-cursor-help { cursor: help; } .\!k-cursor-help { cursor: help !important; } .k-cursor-pointer { cursor: pointer; } .\!k-cursor-pointer { cursor: pointer !important; } .k-cursor-progress { cursor: progress; } .\!k-cursor-progress { cursor: progress !important; } .k-cursor-wait { cursor: wait; } .\!k-cursor-wait { cursor: wait !important; } .k-cursor-cell { cursor: cell; } .\!k-cursor-cell { cursor: cell !important; } .k-cursor-crosshair { cursor: crosshair; } .\!k-cursor-crosshair { cursor: crosshair !important; } .k-cursor-text { cursor: text; } .\!k-cursor-text { cursor: text !important; } .k-cursor-vertical-text { cursor: vertical-text; } .\!k-cursor-vertical-text { cursor: vertical-text !important; } .k-cursor-alias { cursor: alias; } .\!k-cursor-alias { cursor: alias !important; } .k-cursor-copy { cursor: copy; } .\!k-cursor-copy { cursor: copy !important; } .k-cursor-move { cursor: move; } .\!k-cursor-move { cursor: move !important; } .k-cursor-no-drop { cursor: no-drop; } .\!k-cursor-no-drop { cursor: no-drop !important; } .k-cursor-not-allowed { cursor: not-allowed; } .\!k-cursor-not-allowed { cursor: not-allowed !important; } .k-cursor-e-resize { cursor: e-resize; } .\!k-cursor-e-resize { cursor: e-resize !important; } .k-cursor-n-resize { cursor: n-resize; } .\!k-cursor-n-resize { cursor: n-resize !important; } .k-cursor-ne-resize { cursor: ne-resize; } .\!k-cursor-ne-resize { cursor: ne-resize !important; } .k-cursor-nw-resize { cursor: nw-resize; } .\!k-cursor-nw-resize { cursor: nw-resize !important; } .k-cursor-s-resize { cursor: s-resize; } .\!k-cursor-s-resize { cursor: s-resize !important; } .k-cursor-se-resize { cursor: se-resize; } .\!k-cursor-se-resize { cursor: se-resize !important; } .k-cursor-sw-resize { cursor: sw-resize; } .\!k-cursor-sw-resize { cursor: sw-resize !important; } .k-cursor-w-resize { cursor: w-resize; } .\!k-cursor-w-resize { cursor: w-resize !important; } .k-cursor-ew-resize { cursor: ew-resize; } .\!k-cursor-ew-resize { cursor: ew-resize !important; } .k-cursor-ns-resize { cursor: ns-resize; } .\!k-cursor-ns-resize { cursor: ns-resize !important; } .k-cursor-nesw-resize { cursor: nesw-resize; } .\!k-cursor-nesw-resize { cursor: nesw-resize !important; } .k-cursor-nwse-resize { cursor: nwse-resize; } .\!k-cursor-nwse-resize { cursor: nwse-resize !important; } .k-cursor-col-resize { cursor: col-resize; } .\!k-cursor-col-resize { cursor: col-resize !important; } .k-cursor-row-resize { cursor: row-resize; } .\!k-cursor-row-resize { cursor: row-resize !important; } .k-cursor-all-scroll { cursor: all-scroll; } .\!k-cursor-all-scroll { cursor: all-scroll !important; } .k-cursor-zoom-in { cursor: zoom-in; } .\!k-cursor-zoom-in { cursor: zoom-in !important; } .k-cursor-zoom-out { cursor: zoom-out; } .\!k-cursor-zoom-out { cursor: zoom-out !important; } .k-cursor-grab { cursor: grab; } .\!k-cursor-grab { cursor: grab !important; } .k-cursor-grabbing { cursor: grabbing; } .\!k-cursor-grabbing { cursor: grabbing !important; } :root { --kendo-color-app-surface: #ffffff; --kendo-color-on-app-surface: #212121; --kendo-color-subtle: #757575; --kendo-color-surface: #f5f5f5; --kendo-color-surface-alt: #ffffff; --kendo-color-border: rgba(0, 0, 0, 0.12); --kendo-color-border-alt: rgba(0, 0, 0, 0.15); --kendo-color-base-subtle: #ebebeb; --kendo-color-base-subtle-hover: #d6d6d6; --kendo-color-base-subtle-active: #c2c2c2; --kendo-color-base: #ffffff; --kendo-color-base-hover: #ebebeb; --kendo-color-base-active: #d6d6d6; --kendo-color-base-emphasis: #adadad; --kendo-color-base-on-subtle: #212121; --kendo-color-on-base: #212121; --kendo-color-base-on-surface: #212121; --kendo-color-primary-subtle: #d1d5ee; --kendo-color-primary-subtle-hover: #c5cae8; --kendo-color-primary-subtle-active: #b5bde3; --kendo-color-primary: #3f51b5; --kendo-color-primary-hover: #3a4ba7; --kendo-color-primary-active: #354498; --kendo-color-primary-emphasis: #97a0d7; --kendo-color-primary-on-subtle: #161c3f; --kendo-color-on-primary: #ffffff; --kendo-color-primary-on-surface: #3f51b5; --kendo-color-secondary-subtle: #fbcdd9; --kendo-color-secondary-subtle-hover: #f9afc3; --kendo-color-secondary-subtle-active: #f79bb3; --kendo-color-secondary: #e51a5f; --kendo-color-secondary-hover: #d31857; --kendo-color-secondary-active: #c01650; --kendo-color-secondary-emphasis: #f58da9; --kendo-color-secondary-on-subtle: #500c22; --kendo-color-on-secondary: #ffffff; --kendo-color-secondary-on-surface: #ae1549; --kendo-color-tertiary-subtle: #c9dbd8; --kendo-color-tertiary-subtle-hover: #a9c6c1; --kendo-color-tertiary-subtle-active: #92b8b1; --kendo-color-tertiary: #00695c; --kendo-color-tertiary-hover: #006155; --kendo-color-tertiary-active: #00584d; --kendo-color-tertiary-emphasis: #84aea7; --kendo-color-tertiary-on-subtle: #002520; --kendo-color-on-tertiary: #ffffff; --kendo-color-tertiary-on-surface: #054f46; --kendo-color-info-subtle: #c8d7fb; --kendo-color-info-subtle-hover: #a7c0f7; --kendo-color-info-subtle-active: #8fb0f6; --kendo-color-info: #0058e9; --kendo-color-info-hover: #0251d6; --kendo-color-info-active: #034ac3; --kendo-color-info-emphasis: #80a5f4; --kendo-color-info-on-subtle: #071f51; --kendo-color-on-info: #ffffff; --kendo-color-info-on-surface: #0443b0; --kendo-color-success-subtle: #d7f0cc; --kendo-color-success-subtle-hover: #bae2ad; --kendo-color-success-subtle-active: #a7db97; --kendo-color-success: #37b400; --kendo-color-success-hover: #33a600; --kendo-color-success-active: #2e9704; --kendo-color-success-emphasis: #93d775; --kendo-color-success-on-subtle: #163f09; --kendo-color-on-success: #ffffff; --kendo-color-success-on-surface: #2b8906; --kendo-color-warning-subtle: #fff0ce; --kendo-color-warning-subtle-hover: #ffe7b0; --kendo-color-warning-subtle-active: #ffe19c; --kendo-color-warning: #ffc000; --kendo-color-warning-hover: #ebb201; --kendo-color-warning-active: #d6a202; --kendo-color-warning-emphasis: #ffdd8f; --kendo-color-warning-on-subtle: #59430a; --kendo-color-on-warning: #000000; --kendo-color-warning-on-surface: #ffc000; --kendo-color-error-subtle: #fcc7c2; --kendo-color-error-subtle-hover: #feafa8; --kendo-color-error-subtle-active: #fe9a91; --kendo-color-error: #f31700; --kendo-color-error-hover: #e01701; --kendo-color-error-active: #cc1505; --kendo-color-error-emphasis: #fc8d83; --kendo-color-error-on-subtle: #550c07; --kendo-color-on-error: #ffffff; --kendo-color-error-on-surface: #b91406; --kendo-color-light-subtle: #fafafa; --kendo-color-light-subtle-hover: #f5f5f5; --kendo-color-light-subtle-active: #eeeeee; --kendo-color-light: #f5f5f5; --kendo-color-light-hover: #ebebeb; --kendo-color-light-active: #d6d6d6; --kendo-color-light-emphasis: #e0e0e0; --kendo-color-light-on-subtle: #212121; --kendo-color-on-light: #000000; --kendo-color-light-on-surface: #ebebeb; --kendo-color-dark-subtle: #c7c7c7; --kendo-color-dark-subtle-hover: #c2c2c2; --kendo-color-dark-subtle-active: #bdbdbd; --kendo-color-dark: #424242; --kendo-color-dark-hover: #212121; --kendo-color-dark-active: #000000; --kendo-color-dark-emphasis: #9e9e9e; --kendo-color-dark-on-subtle: #212121; --kendo-color-on-dark: #ffffff; --kendo-color-dark-on-surface: #616161; --kendo-color-inverse-subtle: #c7c7c7; --kendo-color-inverse-subtle-hover: #c2c2c2; --kendo-color-inverse-subtle-active: #bdbdbd; --kendo-color-inverse: #424242; --kendo-color-inverse-hover: #212121; --kendo-color-inverse-active: #000000; --kendo-color-inverse-emphasis: #9e9e9e; --kendo-color-inverse-on-subtle: #212121; --kendo-color-on-inverse: #ffffff; --kendo-color-inverse-on-surface: #616161; --kendo-color-series-a: #9c27b0; --kendo-color-series-a-bold: #751d84; --kendo-color-series-a-bolder: #4e1458; --kendo-color-series-a-subtle: #b55dc4; --kendo-color-series-a-subtler: #cd93d7; --kendo-color-series-b: #2196f3; --kendo-color-series-b-bold: #1971b6; --kendo-color-series-b-bolder: #114b7a; --kendo-color-series-b-subtle: #59b0f6; --kendo-color-series-b-subtler: #90cbf9; --kendo-color-series-c: #009688; --kendo-color-series-c-bold: #007166; --kendo-color-series-c-bolder: #004b44; --kendo-color-series-c-subtle: #40b0a6; --kendo-color-series-c-subtler: #80cbc4; --kendo-color-series-d: #ffeb3b; --kendo-color-series-d-bold: #bfb02c; --kendo-color-series-d-bolder: #80761e; --kendo-color-series-d-subtle: #fff06c; --kendo-color-series-d-subtler: #fff59d; --kendo-color-series-e: #f44336; --kendo-color-series-e-bold: #b73229; --kendo-color-series-e-bolder: #7a221b; --kendo-color-series-e-subtle: #f77268; --kendo-color-series-e-subtler: #faa19b; --kendo-color-series-f: #4caf50; --kendo-color-series-f-bold: #39833c; --kendo-color-series-f-bolder: #265828; --kendo-color-series-f-subtle: #79c37c; --kendo-color-series-f-subtler: #a6d7a8; } .k-sr-only { position: absolute; left: -1px; width: 1px; height: 1px; overflow: hidden; } .k-push-right-enter, .k-push-right-appear { transform: translate(-100%, 0); } .k-push-right-enter-active, .k-push-right-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-right-exit { transform: translate(0, 0); } .k-push-right-exit-active { transform: translate(100%, 0); transition: transform 300ms ease-in-out; } .k-push-left-enter, .k-push-left-appear { transform: translate(100%, 0); } .k-push-left-enter-active, .k-push-left-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-left-exit { transform: translate(0, 0); } .k-push-left-exit-active { transform: translate(-100%, 0); transition: transform 300ms ease-in-out; } .k-push-down-enter, .k-push-down-appear { transform: translate(0, -100%); } .k-push-down-enter-active, .k-push-down-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-down-exit { transform: translate(0, 0); } .k-push-down-exit-active { transform: translate(0, 100%); transition: transform 300ms ease-in-out; } .k-push-up-enter, .k-push-up-appear { transform: translate(0, 100%); } .k-push-up-enter-active, .k-push-up-appear-active { transform: translate(0, 0); transition: transform 300ms ease-in-out; } .k-push-up-exit { transform: translate(0, 0); } .k-push-up-exit-active { transform: translate(0, -100%); transition: transform 300ms ease-in-out; } .k-expand-vertical-enter, .k-expand-vertical-appear { transform: scaleY(0); } .k-expand-vertical-enter-active, .k-expand-vertical-appear-active { transform: scaleY(1); transition: transform 300ms ease-in-out; } .k-expand-vertical-exit { transform: scaleY(1); } .k-expand-vertical-exit-active { transform: scaleY(0); transition: transform 300ms ease-in-out; } .k-expand-horizontal-enter, .k-expand-horizontal-appear { transform: scaleX(0); } .k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active { transform: scaleX(1); transition: transform 300ms ease-in-out; } .k-expand-horizontal-exit { transform: scaleX(1); } .k-expand-horizontal-exit-active { transform: scaleX(0); transition: transform 300ms ease-in-out; } .k-fade-enter, .k-fade-appear { opacity: 0; } .k-fade-enter-active, .k-fade-appear-active { opacity: 1; transition: opacity 500ms ease-in-out; } .k-fade-exit { opacity: 1; } .k-fade-exit-active { opacity: 0; transition: opacity 500ms ease-in-out; } .k-fade-exit-active + .k-fade-exit-active, .k-fade-enter-active + .k-fade-enter-active { display: none; } .k-zoom-in-enter, .k-zoom-in-appear { opacity: 0; transform: scale(0); } .k-zoom-in-enter-active, .k-zoom-in-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out; } .k-zoom-in-exit { opacity: 1; transform: scale(1); } .k-zoom-in-exit-active { opacity: 0; transform: scale(2); transition: transform, opacity 300ms ease-in-out; } .k-zoom-out-enter, .k-zoom-out-appear { opacity: 0; transform: scale(2); } .k-zoom-out-enter-active, .k-zoom-out-appear-active { opacity: 1; transform: scale(1); transition: transform, opacity 300ms ease-in-out; } .k-zoom-out-exit { opacity: 1; transform: scale(1); } .k-zoom-out-exit-active { opacity: 0; transform: scale(0); transition: transform, opacity 300ms ease-in-out; } .k-slide-in-appear { opacity: 0.1; transform: translate(0, -3em); } .k-slide-in-appear .k-centered { transform: translate(-50%, -60%); } .k-slide-in-appear-active { opacity: 1; transform: translate(0, 0); transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1); } .k-slide-in-appear-active .k-centered { transform: translate(-50%, -50%); } .k-slide-down-enter, .k-slide-down-appear { transform: translateY(-100%); } .k-slide-down-enter-active, .k-slide-down-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-down-exit { transform: translateY(0); } .k-slide-down-exit-active { transform: translateY(-100%); transition: transform 300ms ease-in-out; } .k-slide-up-enter, .k-slide-up-appear { transform: translateY(100%); } .k-slide-up-enter-active, .k-slide-up-appear-active { transform: translateY(0); transition: transform 300ms ease-in-out; } .k-slide-up-exit { transform: translateY(0); } .k-slide-up-exit-active { transform: translateY(100%); transition: transform 300ms ease-in-out; } .k-slide-right-enter, .k-slide-right-appear { transform: translateX(-100%); } .k-slide-right-enter-active, .k-slide-right-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-right-exit { transform: translateX(0); } .k-slide-right-exit-active { transform: translateX(-100%); transition: transform 300ms ease-in-out; } .k-slide-left-enter, .k-slide-left-appear { transform: translateX(100%); } .k-slide-left-enter-active, .k-slide-left-appear-active { transform: translateX(0); transition: transform 300ms ease-in-out; } .k-slide-left-exit { transform: translateX(0); } .k-slide-left-exit-active { transform: translateX(100%); transition: transform 300ms ease-in-out; } .k-reveal-vertical-enter, .k-reveal-vertical-appear { max-height: 0; } .k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active { transition: max-height 300ms ease-in-out; } .k-reveal-vertical-exit-active { max-height: 0 !important; transition: max-height 300ms ease-in-out; } .k-reveal-horizontal-enter, .k-reveal-horizontal-appear { max-width: 0; } .k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active { transition: max-width 300ms ease-in-out; } .k-reveal-horizontal-exit-active { max-width: 0 !important; transition: max-width 300ms ease-in-out; } .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out; } .k-fx { position: relative; } .k-fx .k-fx-current { z-index: 0; } .k-fx .k-fx-next { z-index: 1; } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important; } .k-fx-reverse .k-fx-current { z-index: 1; } .k-fx-reverse .k-fx-next { z-index: 0; } .k-fx-zoom.k-fx-start .k-fx-next { transform: scale(0) !important; } .k-fx-zoom.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { transform: scale(0) !important; } .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0; } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0; } .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out; } .k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; transform: translateX(100%); } .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0; } .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { transform: translateX(0); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translateX(-100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translateX(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translateX(0%); } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx-tile.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translateX(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translateX(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translateX(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translateX(0%); } .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { transform: translateY(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { transform: translateX(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { transform: translateX(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { transform: translateY(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { transform: translateY(-100%); } .k-theme-test-class, .k-common-test-class { opacity: 0; } .k-hstack, .k-hbox { display: flex; flex-flow: row nowrap; } .k-vstack, .k-vbox { display: flex; flex-flow: column nowrap; } .k-spacer, .k-flex { flex: 1 1 auto; } .k-spacer-sized { flex: none; } .k-float-wrap::after, .k-floatwrap::after { content: ""; display: block; clear: both; } .k-flex-layout { display: flex; } .k-grid-layout { display: grid; } .k-separator { width: auto; height: 0; border-width: 1px 0 0; border-style: solid; border-color: inherit; display: block; flex-grow: 0 !important; flex-shrink: 0 !important; align-self: stretch; } .k-separator-horizontal, .k-vstack > .k-separator, .k-vbox > .k-separator { width: auto; height: 0; border-width: 1px 0 0; } .k-separator-vertical, .k-hstack > .k-separator, .k-hbox > .k-separator { width: 0; height: auto; border-width: 0 0 0 1px; } hr.k-separator { margin: 0; padding: 0; } .k-hidden { display: none !important; } .k-rtl { direction: rtl; } [hidden] { display: none !important; } script { display: none !important; } .k-disabled, .k-widget[disabled], .k-disabled { outline: none; cursor: default; color: var(--kendo-disabled-text, var(--kendo-color-on-app-surface, #212121)); background-color: var(--kendo-disabled-bg, ); border-color: var(--kendo-disabled-border, ); opacity: var(--kendo-disabled-opacity, 0.6); filter: var(--kendo-disabled-filter, grayscale(0.1)); pointer-events: none; box-shadow: none; } .k-disabled .k-link, .k-widget[disabled] .k-link, .k-disabled .k-link { cursor: default; outline: 0; } .k-disabled [disabled], .k-disabled .k-disabled, .k-widget[disabled] [disabled], .k-widget[disabled] .k-disabled, .k-disabled [disabled], .k-disabled .k-disabled { --kendo-disabled-opacity: 1; --kendo-disabled-filter: grayscale(0); } .k-hr { margin-block: var(--kendo-spacing-4, 1rem); padding: 0; height: 0; border-width: 1px 0 0; border-style: solid; border-color: var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.12))); display: block; float: none; clear: both; } .k-d-flex-row > .k-hr { margin: 0; width: 0; height: auto; border-width: 0 0 0 1px; flex: 0 0 auto; } .k-d-flex-col > .k-hr { margin: 0; flex: 0 0 auto; } .k-sprite { display: inline-block; width: 1rem; height: 1rem; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; } .k-image { display: inline-block; } .k-reset { margin: 0; padding: 0; border-width: 0; outline: 0; text-decoration: none; font: inherit; list-style: none; } kendo-sortable { display: block; } .k-link, .k-link:hover { color: inherit; text-decoration: none; outline: 0; cursor: pointer; } .k-content { outline: 0; } .k-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .k-no-click { pointer-events: none; } .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px; } .kendo-pdf-hide-pseudo-elements::before, .kendo-pdf-hide-pseudo-elements::after { display: none !important; } .k-dirty { margin: 0; padding: 0; width: 0; height: 0; border-width: 3px; border-style: solid; border-block-start-color: currentColor; border-block-end-color: transparent; border-inline-start-color: transparent; border-inline-end-color: currentColor; position: absolute; inset-block-start: 0; inset-inline-end: 0; } .k-marquee { position: absolute; z-index: 100000; } .k-marquee-color, .k-marquee-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .k-marquee-color { color: var(--kendo-neutral-160, var(--kendo-color-on-secondary, #ffffff)); background-color: var(--kendo-primary-60, var(--kendo-color-secondary, #e51a5f)); border-color: var(--kendo-primary-100, var(--kendo-color-border, rgba(0, 0, 0, 0.12))); opacity: 0.6; } .k-marquee-text { color: var(--kendo-neutral-160, var(--kendo-color-on-secondary, #ffffff)); } .k-text-selection ::selection { background-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); } .k-scrollbar { position: absolute; overflow: scroll; } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden; } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585; } .k-resize-handle, .k-resize-hint { position: absolute; border-color: inherit; z-index: 200; } .k-resize-handle { display: flex; align-items: center; justify-content: center; } .k-resize-handle::before { content: ""; border: 0 solid; border-color: inherit; } .k-resize-n { width: 100%; height: 6px; flex-direction: row; left: 0; top: -3px; cursor: n-resize; } .k-resize-s { width: 100%; height: 6px; flex-direction: row; left: 0; bottom: -3px; cursor: s-resize; } .k-resize-w { width: 6px; height: 100%; flex-direction: column; top: 0; left: -3px; cursor: w-resize; } .k-resize-e { width: 6px; height: 100%; flex-direction: column; top: 0; right: -3px; cursor: e-resize; } .k-resize-sw, .k-resize-se, .k-resize-nw, .k-resize-ne { width: 5px; height: 5px; } .k-resize-sw { cursor: sw-resize; bottom: 0; left: 0; } .k-resize-se { cursor: se-resize; bottom: 0; right: 0; } .k-resize-nw { cursor: nw-resize; top: 0; left: 0; } .k-resize-ne { cursor: ne-resize; top: 0; right: 0; } .k-vertical-resize { cursor: row-resize; } .k-horizontal-resize { cursor: col-resize; } .k-resize-hint { display: flex; flex-direction: column; align-items: center; } .k-resize-hint .k-resize-hint-handle { width: auto; height: 20px; align-self: stretch; } .k-resize-hint .k-resize-hint-marker { width: 2px; height: auto; flex: 1 1 auto; } .k-resize-hint-vertical { display: flex; flex-direction: row; align-items: center; } .k-resize-hint-vertical .k-resize-hint-handle { width: 20px; height: auto; align-self: stretch; } .k-resize-hint-vertical .k-resize-hint-marker { width: auto; height: 2px; flex: 1 1 auto; } .k-top-start, .k-pos-top-start { top: 0; inset-inline-start: 0; } .k-top-end, .k-pos-top-end { top: 0; inset-inline-end: 0; } .k-bottom-start, .k-pos-bottom-start { bottom: 0; inset-inline-start: 0; } .k-bottom-end, .k-pos-bottom-end { bottom: 0; inset-inline-end: 0; } .k-top-center, .k-pos-top-center { top: 0; left: 50%; transform: translateX(-50%); } .k-middle-left, .k-middle-start, .k-pos-middle-start { top: 50%; left: 0; transform: translateY(-50%); } .k-middle-center { top: 50%; left: 50%; transform: translateY(-50%); } .k-middle-right, .k-middle-end, .k-pos-middle-end { top: 50%; right: 0; transform: translateY(-50%); } .k-bottom-center, .k-pos-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); } :root { --kendo-elevation-1: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-2: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-3: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-4: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-5: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-6: 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-7: 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14); --kendo-elevation-8: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14); --kendo-elevation-9: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14); } :root { --kendo-font-family: Roboto, "Helvetica Neue", sans-serif; --kendo-font-size: 0.875rem; --kendo-line-height: 2; --kendo-font-weight: 400; --kendo-letter-spacing: ; --kendo-font-size-xs: 0.625rem; --kendo-font-size-sm: 0.75rem; --kendo-font-size-md: 0.875rem; --kendo-font-size-lg: 1rem; --kendo-font-size-xl: 1.25rem; --kendo-line-height-xs: 1; --kendo-line-height-sm: 1.2; --kendo-line-height-md: 2; --kendo-line-height-lg: 1.5; --kendo-font-weight-thin: 100; --kendo-font-weight-extra-light: 200; --kendo-font-weight-light: 300; --kendo-font-weight-normal: 400; --kendo-font-weight-medium: 500; --kendo-font-weight-semibold: 600; --kendo-font-weight-bold: 700; --kendo-letter-spacing-tightest: -2.5px; --kendo-letter-spacing-tighter: -1.5px; --kendo-letter-spacing-tight: -0.5px; --kendo-letter-spacing-normal: 0px; --kendo-letter-spacing-wide: 0.15px; --kendo-letter-spacing-wider: 0.25px; --kendo-letter-spacing-widest: 0.35px; --kendo-font-family-sans-serif: Roboto, Helvetica Neue, sans-serif; --kendo-font-family-monospace: Consolas, Ubuntu Mono, Lucida Console, Courier New, monospace; } :root { --kendo-spacing-0: 0px; --kendo-spacing-1px: 1px; --kendo-spacing-0\.5: 0.125rem; --kendo-spacing-1: 0.25rem; --kendo-spacing-1\.5: 0.375rem; --kendo-spacing-2: 0.5rem; --kendo-spacing-2\.5: 0.625rem; --kendo-spacing-3: 0.75rem; --kendo-spacing-3\.5: 0.875rem; --kendo-spacing-4: 1rem; --kendo-spacing-4\.5: 1.125rem; --kendo-spacing-5: 1.25rem; --kendo-spacing-5\.5: 1.375rem; --kendo-spacing-6: 1.5rem; --kendo-spacing-6\.5: 1.625rem; --kendo-spacing-7: 1.75rem; --kendo-spacing-7\.5: 1.875rem; --kendo-spacing-8: 2rem; --kendo-spacing-9: 2.25rem; --kendo-spacing-10: 2.5rem; --kendo-spacing-11: 2.75rem; --kendo-spacing-12: 3rem; --kendo-spacing-13: 3.25rem; --kendo-spacing-14: 3.5rem; --kendo-spacing-15: 3.75rem; --kendo-spacing-16: 4rem; --kendo-spacing-17: 4.25rem; --kendo-spacing-18: 4.5rem; --kendo-spacing-19: 4.75rem; --kendo-spacing-20: 5rem; --kendo-spacing-21: 5.25rem; --kendo-spacing-22: 5.5rem; --kendo-spacing-23: 5.75rem; --kendo-spacing-24: 6rem; --kendo-spacing-25: 7rem; --kendo-spacing-26: 8rem; --kendo-spacing-27: 9rem; --kendo-spacing-28: 10rem; --kendo-spacing-29: 11rem; --kendo-spacing-30: 12rem; } :root { --kendo-border-radius-none: 0px; --kendo-border-radius-xs: 1px; --kendo-border-radius-sm: 0.125rem; --kendo-border-radius-md: 0.25rem; --kendo-border-radius-lg: 0.5rem; --kendo-border-radius-xl: 0.75rem; --kendo-border-radius-xxl: 1rem; --kendo-border-radius-xxxl: 1.25rem; --kendo-border-radius-full: 9999px; } .k-rounded-none { border-radius: var(--kendo-border-radius-none, 0px); } .k-rounded-xs { border-radius: var(--kendo-border-radius-xs, 1px); } .k-rounded-sm { border-radius: var(--kendo-border-radius-sm, 0.125rem); } .k-rounded-md { border-radius: var(--kendo-border-radius-md, 0.25rem); } .k-rounded-lg { border-radius: var(--kendo-border-radius-lg, 0.5rem); } .k-rounded-xl { border-radius: var(--kendo-border-radius-xl, 0.75rem); } .k-rounded-xxl { border-radius: var(--kendo-border-radius-xxl, 1rem); } .k-rounded-xxxl { border-radius: var(--kendo-border-radius-xxxl, 1.25rem); } .k-rounded-full { border-radius: var(--kendo-border-radius-full, 9999px); } .k-animation-container { position: absolute; overflow: hidden; z-index: 100; } .k-animation-container-fixed { position: fixed; } .k-animation-container-relative { position: relative; display: inline-block; } .k-animation-container { border-radius: 0 0 0.25rem 0.25rem; } .k-animation-container-shown { overflow: visible; } .k-popup { margin: 0; padding: 0; border-width: 0px; border-style: solid; box-sizing: border-box; font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: flex; flex-direction: column; align-items: stretch; } .k-popup .k-item { outline: none; } .k-popup > .k-colorpalette { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-2, 0.5rem); } .k-popup.k-popup-transparent { border-width: 0; background-color: transparent; box-shadow: none; } .k-popup.k-popup-flush { padding: 0; } .k-popup > .k-widget, .k-popup > .k-coloreditor { border-width: 0; } .k-shadow { box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-popup { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)); } .k-animation-container { border-radius: 0 0 var(--kendo-border-radius-md, 0.25rem) var(--kendo-border-radius-md, 0.25rem); } .k-svg-icon { width: 16px; height: 16px; outline: 0; line-height: 1; display: inline-flex; flex-flow: row nowrap; align-items: center; justify-content: center; vertical-align: middle; position: relative; } .k-svg-icon > svg { fill: currentColor; flex: 1 1 auto; } .k-svg-icon.k-icon-xs { width: calc(16px * 0.75); height: calc(16px * 0.75); } .k-svg-icon.k-icon-sm { width: calc(16px * 0.875); height: calc(16px * 0.875); } .k-svg-icon.k-icon-md { width: 16px; height: 16px; } .k-svg-icon.k-icon-lg { width: calc(16px * 1.25); height: calc(16px * 1.25); } .k-svg-icon.k-icon-xl { width: calc(16px * 1.5); height: calc(16px * 1.5); } .k-svg-icon.k-icon-xxl { width: calc(16px * 2); height: calc(16px * 2); } .k-svg-icon.k-icon-xxxl { width: calc(16px * 3); height: calc(16px * 3); } .k-flip-h.k-svg-icon, .k-svg-icon.k-flip-x, .k-flip-v.k-svg-icon, .k-svg-icon.k-flip-y, .k-flip-h.k-flip-v.k-svg-icon { transform: none; } .k-flip-h > svg, .k-flip-x > svg { transform: scaleX(-1); } .k-flip-v > svg, .k-flip-y > svg { transform: scaleY(-1); } .k-flip-h.k-flip-v > svg, .k-flip-h.k-flip-y > svg, .k-flip-v.k-flip-x > svg, .k-flip-x.k-flip-y > svg, .k-flip-both > svg { transform: scale(-1, -1); } .k-rotate-0.k-svg-icon { transform: none; } .k-rotate-0 > svg { transform: rotate(0deg); } .k-rotate-45.k-svg-icon { transform: none; } .k-rotate-45 > svg { transform: rotate(45deg); } .k-rotate-90.k-svg-icon { transform: none; } .k-rotate-90 > svg { transform: rotate(90deg); } .k-rotate-135.k-svg-icon { transform: none; } .k-rotate-135 > svg { transform: rotate(135deg); } .k-rotate-180.k-svg-icon { transform: none; } .k-rotate-180 > svg { transform: rotate(180deg); } .k-rotate-225.k-svg-icon { transform: none; } .k-rotate-225 > svg { transform: rotate(225deg); } .k-rotate-270.k-svg-icon { transform: none; } .k-rotate-270 > svg { transform: rotate(270deg); } .k-rotate-315.k-svg-icon { transform: none; } .k-rotate-315 > svg { transform: rotate(315deg); } .k-icon-wrap { flex: none; display: inline-flex; flex-flow: row nowrap; gap: 0; align-items: center; align-self: flex-start; vertical-align: middle; position: relative; } .k-icon-wrap::before { content: "​"; width: 0; overflow: hidden; flex: none; display: inline-block; vertical-align: top; } .k-icon-wrapper-host { display: contents; } .k-icon-with-modifier { position: relative; margin: 0.25em; } .k-icon.k-icon-modifier { width: 1em; height: 1em; position: absolute; font-size: 0.5em; bottom: 0; right: 0; margin: 0 -0.5em -0.5em 0; } .k-i-none::before { content: ""; display: none; } .k-icon-action { display: inline-flex; padding: var(--kendo-spacing-1, 0.25rem); line-height: 1; align-items: center; vertical-align: middle; cursor: pointer; } .k-sprite { display: inline-block; width: 16px; height: 16px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-align: center; } .k-image { display: inline-block; } .k-rotate-0 { transform: rotate(0deg); } .\!k-rotate-0 { transform: rotate(0deg) !important; } .k-rotate-45 { transform: rotate(45deg); } .\!k-rotate-45 { transform: rotate(45deg) !important; } .k-rotate-90 { transform: rotate(90deg); } .\!k-rotate-90 { transform: rotate(90deg) !important; } .k-rotate-135 { transform: rotate(135deg); } .\!k-rotate-135 { transform: rotate(135deg) !important; } .k-rotate-180 { transform: rotate(180deg); } .\!k-rotate-180 { transform: rotate(180deg) !important; } .k-rotate-225 { transform: rotate(225deg); } .\!k-rotate-225 { transform: rotate(225deg) !important; } .k-rotate-270 { transform: rotate(270deg); } .\!k-rotate-270 { transform: rotate(270deg) !important; } .k-rotate-315 { transform: rotate(315deg); } .\!k-rotate-315 { transform: rotate(315deg) !important; } .k-flip-h, .k-flip-x { transform: scaleX(-1); } .\!k-flip-h, .\!k-flip-x { transform: scaleX(-1) !important; } .k-flip-v, .k-flip-y { transform: scaleY(-1); } .\!k-flip-v, .\!k-flip-y { transform: scaleY(-1) !important; } .k-flip-h.k-flip-v, .k-flip-h.k-flip-y, .k-flip-v.k-flip-x, .k-flip-x.k-flip-y { transform: scale(-1, -1); } .\!k-flip-h.\!k-flip-v, .\!k-flip-h.\!k-flip-y, .\!k-flip-v.\!k-flip-x, .\!k-flip-x.\!k-flip-y { transform: scale(-1, -1) !important; } .k-text-app-surface { color: var(--kendo-color-app-surface, #ffffff); } .\!k-text-app-surface { color: var(--kendo-color-app-surface, #ffffff) !important; } .k-text-on-app-surface { color: var(--kendo-color-on-app-surface, #212121); } .\!k-text-on-app-surface { color: var(--kendo-color-on-app-surface, #212121) !important; } .k-text-subtle { color: var(--kendo-color-subtle, #757575); } .\!k-text-subtle { color: var(--kendo-color-subtle, #757575) !important; } .k-text-surface { color: var(--kendo-color-surface, #f5f5f5); } .\!k-text-surface { color: var(--kendo-color-surface, #f5f5f5) !important; } .k-text-surface-alt { color: var(--kendo-color-surface-alt, #ffffff); } .\!k-text-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) !important; } .k-text-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .\!k-text-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important; } .k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .\!k-text-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !important; } .k-text-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb); } .\!k-text-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) !important; } .k-text-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad); } .\!k-text-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad) !important; } .k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee); } .\!k-text-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee) !important; } .k-text-primary { color: var(--kendo-color-primary, #3f51b5); } .\!k-text-primary { color: var(--kendo-color-primary, #3f51b5) !important; } .k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7); } .\!k-text-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7) !important; } .k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9); } .\!k-text-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9) !important; } .k-text-secondary { color: var(--kendo-color-secondary, #e51a5f); } .\!k-text-secondary { color: var(--kendo-color-secondary, #e51a5f) !important; } .k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9); } .\!k-text-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9) !important; } .k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .\!k-text-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8) !important; } .k-text-tertiary { color: var(--kendo-color-tertiary, #00695c); } .\!k-text-tertiary { color: var(--kendo-color-tertiary, #00695c) !important; } .k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7); } .\!k-text-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7) !important; } .k-text-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb); } .\!k-text-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb) !important; } .k-text-info { color: var(--kendo-color-info, #0058e9); } .\!k-text-info { color: var(--kendo-color-info, #0058e9) !important; } .k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4); } .\!k-text-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4) !important; } .k-text-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc); } .\!k-text-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc) !important; } .k-text-success { color: var(--kendo-color-success, #37b400); } .\!k-text-success { color: var(--kendo-color-success, #37b400) !important; } .k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775); } .\!k-text-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775) !important; } .k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce); } .\!k-text-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce) !important; } .k-text-warning { color: var(--kendo-color-warning, #ffc000); } .\!k-text-warning { color: var(--kendo-color-warning, #ffc000) !important; } .k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f); } .\!k-text-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f) !important; } .k-text-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2); } .\!k-text-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2) !important; } .k-text-error { color: var(--kendo-color-error, #f31700); } .\!k-text-error { color: var(--kendo-color-error, #f31700) !important; } .k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83); } .\!k-text-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83) !important; } .k-text-light-subtle { color: var(--kendo-color-light-subtle, #fafafa); } .\!k-text-light-subtle { color: var(--kendo-color-light-subtle, #fafafa) !important; } .k-text-light { color: var(--kendo-color-light, #f5f5f5); } .\!k-text-light { color: var(--kendo-color-light, #f5f5f5) !important; } .k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0); } .\!k-text-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0) !important; } .k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7); } .\!k-text-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7) !important; } .k-text-dark { color: var(--kendo-color-dark, #424242); } .\!k-text-dark { color: var(--kendo-color-dark, #424242) !important; } .k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e); } .\!k-text-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e) !important; } .k-text-inherit { color: var(--kendo-color-inherit, inherit); } .\!k-text-inherit { color: var(--kendo-color-inherit, inherit) !important; } .k-text-current { color: var(--kendo-color-current, currentColor); } .\!k-text-current { color: var(--kendo-color-current, currentColor) !important; } .k-text-transparent { color: var(--kendo-color-transparent, transparent); } .\!k-text-transparent { color: var(--kendo-color-transparent, transparent) !important; } .k-text-black { color: var(--kendo-color-black, black); } .\!k-text-black { color: var(--kendo-color-black, black) !important; } .k-text-white { color: var(--kendo-color-white, white); } .\!k-text-white { color: var(--kendo-color-white, white) !important; } .k-color-app-surface { color: var(--kendo-color-app-surface, #ffffff); } .\!k-color-app-surface { color: var(--kendo-color-app-surface, #ffffff) !important; } .k-color-on-app-surface { color: var(--kendo-color-on-app-surface, #212121); } .\!k-color-on-app-surface { color: var(--kendo-color-on-app-surface, #212121) !important; } .k-color-subtle { color: var(--kendo-color-subtle, #757575); } .\!k-color-subtle { color: var(--kendo-color-subtle, #757575) !important; } .k-color-surface { color: var(--kendo-color-surface, #f5f5f5); } .\!k-color-surface { color: var(--kendo-color-surface, #f5f5f5) !important; } .k-color-surface-alt { color: var(--kendo-color-surface-alt, #ffffff); } .\!k-color-surface-alt { color: var(--kendo-color-surface-alt, #ffffff) !important; } .k-color-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } .\!k-color-border { color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important; } .k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)); } .\!k-color-border-alt { color: var(--kendo-color-border-alt, rgba(0, 0, 0, 0.15)) !important; } .k-color-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb); } .\!k-color-base-subtle { color: var(--kendo-color-base-subtle, #ebebeb) !important; } .k-color-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad); } .\!k-color-base-emphasis { color: var(--kendo-color-base-emphasis, #adadad) !important; } .k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee); } .\!k-color-primary-subtle { color: var(--kendo-color-primary-subtle, #d1d5ee) !important; } .k-color-primary { color: var(--kendo-color-primary, #3f51b5); } .\!k-color-primary { color: var(--kendo-color-primary, #3f51b5) !important; } .k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7); } .\!k-color-primary-emphasis { color: var(--kendo-color-primary-emphasis, #97a0d7) !important; } .k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9); } .\!k-color-secondary-subtle { color: var(--kendo-color-secondary-subtle, #fbcdd9) !important; } .k-color-secondary { color: var(--kendo-color-secondary, #e51a5f); } .\!k-color-secondary { color: var(--kendo-color-secondary, #e51a5f) !important; } .k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9); } .\!k-color-secondary-emphasis { color: var(--kendo-color-secondary-emphasis, #f58da9) !important; } .k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8); } .\!k-color-tertiary-subtle { color: var(--kendo-color-tertiary-subtle, #c9dbd8) !important; } .k-color-tertiary { color: var(--kendo-color-tertiary, #00695c); } .\!k-color-tertiary { color: var(--kendo-color-tertiary, #00695c) !important; } .k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7); } .\!k-color-tertiary-emphasis { color: var(--kendo-color-tertiary-emphasis, #84aea7) !important; } .k-color-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb); } .\!k-color-info-subtle { color: var(--kendo-color-info-subtle, #c8d7fb) !important; } .k-color-info { color: var(--kendo-color-info, #0058e9); } .\!k-color-info { color: var(--kendo-color-info, #0058e9) !important; } .k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4); } .\!k-color-info-emphasis { color: var(--kendo-color-info-emphasis, #80a5f4) !important; } .k-color-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc); } .\!k-color-success-subtle { color: var(--kendo-color-success-subtle, #d7f0cc) !important; } .k-color-success { color: var(--kendo-color-success, #37b400); } .\!k-color-success { color: var(--kendo-color-success, #37b400) !important; } .k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775); } .\!k-color-success-emphasis { color: var(--kendo-color-success-emphasis, #93d775) !important; } .k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce); } .\!k-color-warning-subtle { color: var(--kendo-color-warning-subtle, #fff0ce) !important; } .k-color-warning { color: var(--kendo-color-warning, #ffc000); } .\!k-color-warning { color: var(--kendo-color-warning, #ffc000) !important; } .k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f); } .\!k-color-warning-emphasis { color: var(--kendo-color-warning-emphasis, #ffdd8f) !important; } .k-color-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2); } .\!k-color-error-subtle { color: var(--kendo-color-error-subtle, #fcc7c2) !important; } .k-color-error { color: var(--kendo-color-error, #f31700); } .\!k-color-error { color: var(--kendo-color-error, #f31700) !important; } .k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83); } .\!k-color-error-emphasis { color: var(--kendo-color-error-emphasis, #fc8d83) !important; } .k-color-light-subtle { color: var(--kendo-color-light-subtle, #fafafa); } .\!k-color-light-subtle { color: var(--kendo-color-light-subtle, #fafafa) !important; } .k-color-light { color: var(--kendo-color-light, #f5f5f5); } .\!k-color-light { color: var(--kendo-color-light, #f5f5f5) !important; } .k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0); } .\!k-color-light-emphasis { color: var(--kendo-color-light-emphasis, #e0e0e0) !important; } .k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7); } .\!k-color-dark-subtle { color: var(--kendo-color-dark-subtle, #c7c7c7) !important; } .k-color-dark { color: var(--kendo-color-dark, #424242); } .\!k-color-dark { color: var(--kendo-color-dark, #424242) !important; } .k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e); } .\!k-color-dark-emphasis { color: var(--kendo-color-dark-emphasis, #9e9e9e) !important; } .k-color-inherit { color: var(--kendo-color-inherit, inherit); } .\!k-color-inherit { color: var(--kendo-color-inherit, inherit) !important; } .k-color-current { color: var(--kendo-color-current, currentColor); } .\!k-color-current { color: var(--kendo-color-current, currentColor) !important; } .k-color-transparent { color: var(--kendo-color-transparent, transparent); } .\!k-color-transparent { color: var(--kendo-color-transparent, transparent) !important; } .k-color-black { color: var(--kendo-color-black, black); } .\!k-color-black { color: var(--kendo-color-black, black) !important; } .k-color-white { color: var(--kendo-color-white, white); } .\!k-color-white { color: var(--kendo-color-white, white) !important; } .k-tooltip { border-radius: var(--kendo-border-radius-md, 0.25rem); margin: 0; padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: calc(var(--kendo-spacing-4, 1rem) / 2); border-width: 0px; border-style: solid; box-sizing: border-box; background-repeat: repeat-x; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size-sm, inherit); line-height: 1.4285714286; display: flex; flex-flow: row nowrap; align-items: flex-start; position: absolute; z-index: 12000; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-tooltip *, .k-tooltip *::before, .k-tooltip *::after { box-sizing: border-box; } .k-tooltip-icon { margin-inline-end: var(--kendo-spacing-2, 0.5rem); flex-shrink: 0; } .k-tooltip-title { margin-bottom: 0.25em; font-size: calc(var(--kendo-font-size-sm, 0.75rem) * 1.25); line-height: var(--kendo-line-height-xs, normal); } .k-tooltip-content { align-self: stretch; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .k-tooltip-button { margin-inline-start: var(--kendo-spacing-2, 0.5rem); flex-shrink: 0; } .k-tooltip-button .k-icon { color: inherit; vertical-align: top; } .k-callout { width: calc(6px * 2); height: calc(6px * 2); border-width: 6px; border-style: solid; border-color: transparent; position: absolute; pointer-events: none; } .k-callout-n { margin-left: calc(6px * -1); border-bottom-color: currentColor; top: calc(6px * -1 * 2); left: 50%; pointer-events: none; } .k-callout-e { margin-top: calc(6px * -1); border-left-color: currentColor; top: 50%; right: calc(6px * -1 * 2); pointer-events: none; } .k-callout-s { margin-left: calc(6px * -1); border-top-color: currentColor; bottom: calc(6px * -1 * 2); left: 50%; pointer-events: none; } .k-callout-w { margin-top: calc(6px * -1); border-right-color: currentColor; top: 50%; left: calc(6px * -1 * 2); pointer-events: none; } .k-tooltip { border-color: rgba(97, 97, 97, 0.9); color: #ffffff; background-color: rgba(97, 97, 97, 0.9); box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)); } .k-tooltip .k-callout { color: rgba(97, 97, 97, 0.9); } .k-tooltip-inverse { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-inverse, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-tooltip-inverse .k-callout { color: var(--kendo-color-dark, #424242); } .k-tooltip-light { border-color: var(--kendo-color-light, #f5f5f5); color: var(--kendo-color-on-light, #000000); background-color: var(--kendo-color-light, #f5f5f5); } .k-tooltip-light .k-callout { color: var(--kendo-color-light, #f5f5f5); } .k-tooltip-dark { border-color: var(--kendo-color-dark, #424242); color: var(--kendo-color-on-dark, #ffffff); background-color: var(--kendo-color-dark, #424242); } .k-tooltip-dark .k-callout { color: var(--kendo-color-dark, #424242); } .k-tooltip-error { border-color: var(--kendo-color-error, #f31700); color: var(--kendo-color-on-error, #ffffff); background-color: var(--kendo-color-error, #f31700); } .k-tooltip-error .k-callout { color: var(--kendo-color-error, #f31700); } .k-tooltip-warning { border-color: var(--kendo-color-warning, #ffc000); color: var(--kendo-color-on-warning, #000000); background-color: var(--kendo-color-warning, #ffc000); } .k-tooltip-warning .k-callout { color: var(--kendo-color-warning, #ffc000); } .k-tooltip-success { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-on-success, #ffffff); background-color: var(--kendo-color-success, #37b400); } .k-tooltip-success .k-callout { color: var(--kendo-color-success, #37b400); } .k-tooltip-info { border-color: var(--kendo-color-info, #0058e9); color: var(--kendo-color-on-info, #ffffff); background-color: var(--kendo-color-info, #0058e9); } .k-tooltip-info .k-callout { color: var(--kendo-color-info, #0058e9); } .k-tooltip-tertiary { border-color: var(--kendo-color-tertiary, #00695c); color: var(--kendo-color-on-tertiary, #ffffff); background-color: var(--kendo-color-tertiary, #00695c); } .k-tooltip-tertiary .k-callout { color: var(--kendo-color-tertiary, #00695c); } .k-tooltip-secondary { border-color: var(--kendo-color-secondary, #e51a5f); color: var(--kendo-color-on-secondary, #ffffff); background-color: var(--kendo-color-secondary, #e51a5f); } .k-tooltip-secondary .k-callout { color: var(--kendo-color-secondary, #e51a5f); } .k-tooltip-primary { border-color: var(--kendo-color-primary, #3f51b5); color: var(--kendo-color-on-primary, #ffffff); background-color: var(--kendo-color-primary, #3f51b5); } .k-tooltip-primary .k-callout { color: var(--kendo-color-primary, #3f51b5); } .k-no-data, .k-nodata { min-height: 140px; display: flex; align-items: center; justify-content: center; font-weight: lighter; text-align: center; white-space: normal; } .k-no-data, .k-nodata { color: var(--kendo-color-subtle, #757575); } .k-barcode { display: inline-block; } .k-barcode > div { height: 150px; } .k-var--chart-font { font-size: var(--kendo-font-size, inherit); } .k-var--chart-title-font { font-size: 1.143em; } .k-var--chart-pane-title-font { font-size: 0.857em; font-weight: var(--kendo-font-weight-normal, normal); } .k-var--chart-label-font { font-size: 0.857em; } .k-chart, .k-sparkline, .k-stockchart { border-width: 0px; border-style: solid; box-sizing: border-box; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-chart, .k-stockchart { display: block; height: 400px; } .k-chart-surface { height: 100%; } .k-chart .k-popup { border-width: 0; } .k-chart-tooltip-wrapper .k-animation-container-shown, .k-chart-tooltip-wrapper.k-animation-container-shown { transition: left 300ms cubic-bezier(0, 0.33, 0.19, 1), top 300ms cubic-bezier(0, 0.33, 0.19, 1); } .k-sparkline-tooltip-wrapper, .k-chart-tooltip-wrapper { z-index: 12000; } .k-sparkline-tooltip-wrapper .k-popup, .k-chart-tooltip-wrapper .k-popup { padding: 0; border-width: 0; background: transparent; } .k-chart-tooltip table { border-spacing: 0; border-collapse: collapse; } .k-chart-tooltip { border-radius: var(--kendo-border-radius-md, 0.25rem); font-size: calc(0.875rem * 0.929); line-height: var(--kendo-line-height, normal); padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: calc(var(--kendo-spacing-4, 1rem) / 2); } .k-chart-tooltip th { width: auto; text-align: center; padding: 1px; } .k-chart-tooltip td { width: auto; text-align: start; padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem); line-height: var(--kendo-line-height, normal); vertical-align: middle; } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border-width: 1px; border-style: solid; } .k-chart-shared-tooltip .k-chart-shared-tooltip-marker { display: block; width: 15px; height: 3px; vertical-align: middle; } .k-selector { position: absolute; transform: translateZ(0); } .k-selection { position: absolute; height: 100%; border-width: 1px; border-style: solid; border-bottom: 0; } .k-selection-bg { position: absolute; width: 100%; height: 100%; } .k-handle { border-radius: 50%; width: 22px; height: 22px; border-width: 1px; border-style: solid; z-index: 1; position: absolute; box-sizing: content-box; } .k-handle div { width: 100%; height: 100%; } .k-left-handle { left: -11px; } .k-right-handle { right: -11px; } .k-left-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 29.3333333333px 0 0; } .k-right-handle div { margin: -22px 0 0 -14.6666666667px; padding: 44px 0 0 29.3333333333px; } .k-left-handle.k-handle-active div { margin-left: -44px; padding-left: 58.6666666667px; } .k-right-handle.k-handle-active div { margin-left: -44px; padding-right: 58.6666666667px; } .k-mask { position: absolute; height: 100%; } .k-navigator-hint div { position: absolute; } .k-navigator-hint .k-scroll { border-radius: var(--kendo-border-radius-md, 0.25rem); position: absolute; height: 4px; } .k-navigator-hint .k-tooltip { margin-top: 20px; min-width: 160px; opacity: 1; text-align: center; } .k-sparkline, .k-sparkline span { display: inline-block; vertical-align: top; } .k-sparkline span { height: 100%; width: 100%; } .k-chart-dragging { -webkit-user-select: none; user-select: none; } .k-chart-donut-center { position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; text-align: center; border: 4px solid transparent; box-sizing: border-box; } .k-pdf-export .k-chart .k-animation-container, .k-pdf-export .k-sparkline .k-animation-container, .k-pdf-export .k-stockchart .k-animation-container { display: none; } .k-chart-overlay { margin: 0; width: 100%; height: calc(100% - var(--kendo-chart-computed-title-height, 0px)); position: absolute; top: 0; left: 0; opacity: 1; z-index: 10001; } .k-chart-overlay-top { top: var(--kendo-chart-computed-title-height, 0px); } .k-chart-overlay .k-no-data, .k-chart-overlay .k-nodata { min-height: auto; padding-block-start: var(--kendo-spacing-25, 7rem); color: inherit; font-size: var(--kendo-font-size-lg, inherit); font-weight: var(--kendo-font-weight, normal); } .k-diagram { height: 600px; } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative; } .k-diagram .km-scroll-wrapper { width: 100%; height: 100%; position: relative; } .k-canvas-container { width: 100%; height: 100%; } .k-sankey text { pointer-events: none; } .k-treemap { height: 400px; box-sizing: border-box; border-width: 1px; border-style: solid; outline: 0; font-family: var(--kendo-font-family, inherit); font-size: var(--kendo-font-size, inherit); line-height: var(--kendo-line-height, normal); display: block; overflow: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-treemap .k-treemap-tile { margin: -1px 0 0 -1px; height: 100%; box-sizing: border-box; border: 1px solid; border-color: inherit; color: inherit; background-color: inherit; overflow: hidden; position: absolute; } .k-treemap > .k-treemap-tile { position: relative; } .k-treemap .k-treemap-title { padding-block: var(--kendo-spacing-0\.5, 0.125rem); padding-inline: var(--kendo-spacing-2, 0.5rem); border-width: 0 0 1px; border-style: solid; border-color: inherit; font-size: var(--kendo-font-size, inherit); background-position: 0 0; background-repeat: repeat-x; } .k-treemap .k-treemap-title-vertical { padding-block: var(--kendo-spacing-2, 0.5rem); padding-inline: var(--kendo-spacing-0\.5, 0.125rem); width: calc(2 * 1em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 0; bottom: 0; } .k-treemap .k-treemap-title-vertical > div { transform-origin: right; transform: rotate(-90deg); position: absolute; top: 0; right: 1em; } .k-treemap .k-treemap-wrap { border-color: inherit; color: inherit; background-color: inherit; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .k-treemap .k-treemap-title + .k-treemap-wrap { top: calc(var(--kendo-spacing-0\.5, 0.125rem) * 2 + var(--kendo-line-height, normal) * var(--kendo-font-size, inherit) + 1px); } .k-treemap .k-treemap-title-vertical + .k-treemap-wrap { left: calc(var(--kendo-spacing-0\.5, 0.125rem) * 2 + var(--kendo-line-height, normal) * var(--kendo-font-size, inherit) + 1px); } .k-treemap .k-leaf { padding: var(--kendo-spacing-2, 0.5rem); } .k-gauge { text-align: start; position: relative; } .k-arcgauge, .k-circulargauge { display: inline-block; } .k-arcgauge-label, .k-circulargauge-label { position: absolute; text-align: center; padding: 0; margin: 0; } .k-qrcode { display: inline-block; } .k-qrcode > div { height: 150px; } .k-var--primary { background-color: var(--kendo-color-primary, #3f51b5); } .k-var--primary-contrast { background-color: var(--kendo-color-on-primary, #ffffff); } .k-var--base { background-color: var(--kendo-color-app-surface, #ffffff); } .k-var--background { background-color: var(--kendo-color-surface-alt, #ffffff); } .k-var--border-radius { background-color: var(--kendo-border-radius-md, 0.25rem); } .k-var--normal-background { background-color: var(--kendo-color-app-surface, #ffffff); } .k-var--normal-text-color { background-color: var(--kendo-color-on-app-surface, #212121); } .k-var--hover-background { background-color: var(--kendo-color-base-hover, #ebebeb); } .k-var--hover-text-color { background-color: var(--kendo-color-on-app-surface, #212121); } .k-var--selected-background { background-color: var(--kendo-color-secondary, #e51a5f); } .k-var--selected-text-color { background-color: var(--kendo-color-on-secondary, #ffffff); } .k-var--success { background-color: var(--kendo-color-success, #37b400); } .k-var--info { background-color: var(--kendo-color-info, #0058e9); } .k-var--warning { background-color: var(--kendo-color-warning, #ffc000); } .k-var--error { background-color: var(--kendo-color-error, #f31700); } .k-var--series-a { background-color: var(--kendo-color-series-a, #9c27b0); } .k-var--series-b { background-color: var(--kendo-color-series-b, #2196f3); } .k-var--series-c { background-color: var(--kendo-color-series-c, #009688); } .k-var--series-d { background-color: var(--kendo-color-series-d, #ffeb3b); } .k-var--series-e { background-color: var(--kendo-color-series-e, #f44336); } .k-var--series-f { background-color: var(--kendo-color-series-f, #4caf50); } .k-var--series-1 { background-color: var(--kendo-color-series-a, #9c27b0); } .k-var--series-2 { background-color: var(--kendo-color-series-b, #2196f3); } .k-var--series-3 { background-color: var(--kendo-color-series-c, #009688); } .k-var--series-4 { background-color: var(--kendo-color-series-d, #ffeb3b); } .k-var--series-5 { background-color: var(--kendo-color-series-e, #f44336); } .k-var--series-6 { background-color: var(--kendo-color-series-f, #4caf50); } .k-var--series-7 { background-color: var(--kendo-color-series-a-subtle, #b55dc4); } .k-var--series-8 { background-color: var(--kendo-color-series-b-subtle, #59b0f6); } .k-var--series-9 { background-color: var(--kendo-color-series-c-subtle, #40b0a6); } .k-var--series-10 { background-color: var(--kendo-color-series-d-subtle, #fff06c); } .k-var--series-11 { background-color: var(--kendo-color-series-e-subtle, #f77268); } .k-var--series-12 { background-color: var(--kendo-color-series-f-subtle, #79c37c); } .k-var--series-13 { background-color: var(--kendo-color-series-a-bold, #751d84); } .k-var--series-14 { background-color: var(--kendo-color-series-b-bold, #1971b6); } .k-var--series-15 { background-color: var(--kendo-color-series-c-bold, #007166); } .k-var--series-16 { background-color: var(--kendo-color-series-d-bold, #bfb02c); } .k-var--series-17 { background-color: var(--kendo-color-series-e-bold, #b73229); } .k-var--series-18 { background-color: var(--kendo-color-series-f-bold, #39833c); } .k-var--series-19 { background-color: var(--kendo-color-series-a-subtler, #cd93d7); } .k-var--series-20 { background-color: var(--kendo-color-series-b-subtler, #90cbf9); } .k-var--series-21 { background-color: var(--kendo-color-series-c-subtler, #80cbc4); } .k-var--series-22 { background-color: var(--kendo-color-series-d-subtler, #fff59d); } .k-var--series-23 { background-color: var(--kendo-color-series-e-subtler, #faa19b); } .k-var--series-24 { background-color: var(--kendo-color-series-f-subtler, #a6d7a8); } .k-var--series-25 { background-color: var(--kendo-color-series-a-bolder, #4e1458); } .k-var--series-26 { background-color: var(--kendo-color-series-b-bolder, #114b7a); } .k-var--series-27 { background-color: var(--kendo-color-series-c-bolder, #004b44); } .k-var--series-28 { background-color: var(--kendo-color-series-d-bolder, #80761e); } .k-var--series-29 { background-color: var(--kendo-color-series-e-bolder, #7a221b); } .k-var--series-30 { background-color: var(--kendo-color-series-f-bolder, #265828); } .k-var--gauge-pointer { background-color: var(--kendo-color-primary, #3f51b5); } .k-var--gauge-track { background-color: var(--kendo-color-base-emphasis, #adadad); } .k-var--chart-inactive { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-var--chart-major-lines { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } } .k-var--chart-minor-lines { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 4%, transparent); } } .k-var--chart-area-opacity { opacity: 0.6; } .k-var--chart-area-inactive-opacity { opacity: 0.1; } .k-var--chart-line-inactive-opacity { opacity: 0.3; } .k-var--chart-notes-background { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-var--chart-notes-border { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-var--chart-notes-lines { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-var--chart-crosshair-background { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-var--chart-error-bars-background { background-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 50%, transparent); } } .k-chart, .k-sparkline, .k-stockchart { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: transparent; } .k-chart .k-popup, .k-sparkline .k-popup, .k-stockchart .k-popup { background: transparent; } .k-chart-tooltip { color: #ffffff; } .k-chart-tooltip-inverse { color: #000000; } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-base-subtle, #ebebeb); border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } } .k-selection { border-color: var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 8%, transparent); } box-shadow: inset 0 1px 7px var(--kendo-color-on-app-surface, #212121); @supports (color: color-mix(in lab, red, red)) { box-shadow: inset 0 1px 7px color-mix(in srgb, var(--kendo-color-on-app-surface, #212121) 15%, transparent); } } .k-selection-bg { background-color: transparent; } .k-handle { cursor: e-resize; border-color: var(--kendo-color-base, #ffffff); color: var(--kendo-color-on-base, #212121); background-color: var(--kendo-color-base, #ffffff); } .k-handle:hover { border-color: var(--kendo-color-base-hover, #ebebeb); background-color: var(--kendo-color-base-hover, #ebebeb); } .k-handle div { background-color: transparent; } .k-mask { background-color: var(--kendo-color-surface-alt, #ffffff); opacity: 0.8; } .k-chart-overlay { background-color: var(--kendo-color-surface, #f5f5f5); } .k-treemap { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-surface-alt, #ffffff); } .k-treemap .k-treemap-title { border-color: var(--kendo-color-border, rgba(0, 0, 0, 0.12)); color: var(--kendo-color-on-app-surface, #212121); background-color: var(--kendo-color-app-surface, #ffffff); } .k-treemap .k-leaf { color: var(--kendo-color-surface-alt, #ffffff); } .k-treemap .k-leaf.k-inverse { color: var(--kendo-color-on-app-surface, #212121); } .k-treemap .k-leaf:hover, .k-treemap .k-leaf.k-hover { box-shadow: inset 0 0 0 3px var(--kendo-color-border, rgba(0, 0, 0, 0.12)); } @media (prefers-color-scheme: light) { :root { --pxl-primary: #1f1f1f; --pxl-primary-tint-00: #ffffff; --pxl-primary-tint-01: #f8f8f8; --pxl-primary-tint-02: #ececec; --pxl-primary-tint-03: #dadada; --pxl-primary-tint-04: #bababa; --pxl-primary-tint-05: #909090; --pxl-primary-tint-06: #707070; --pxl-primary-tint-07: #555555; --pxl-primary-tint-08: #3b3b3b; --pxl-primary-tint-09: #282828; --pxl-primary-tint-10: #1f1f1f; --pxl-secondary: #555555; --pxl-secondary-tint-00: white; --pxl-secondary-tint-01: #eeeeee; --pxl-secondary-tint-02: #dddddd; --pxl-secondary-tint-03: #cccccc; --pxl-secondary-tint-04: #bbbbbb; --pxl-secondary-tint-05: #aaaaaa; --pxl-secondary-tint-06: #999999; --pxl-secondary-tint-07: #888888; --pxl-secondary-tint-08: #777777; --pxl-secondary-tint-09: #666666; --pxl-secondary-tint-10: #555555; --pxl-secondary-shade-00: #555555; --pxl-secondary-shade-01: rgb(79.6, 79.6, 79.6); --pxl-secondary-shade-02: rgb(74.2, 74.2, 74.2); --pxl-secondary-shade-03: rgb(68.8, 68.8, 68.8); --pxl-secondary-shade-04: rgb(63.4, 63.4, 63.4); --pxl-secondary-shade-05: #3a3a3a; --pxl-secondary-shade-06: rgb(52.6, 52.6, 52.6); --pxl-secondary-shade-07: rgb(47.2, 47.2, 47.2); --pxl-secondary-shade-08: rgb(41.8, 41.8, 41.8); --pxl-secondary-shade-09: rgb(36.4, 36.4, 36.4); --pxl-secondary-shade-10: #1f1f1f; --pxl-tertiary: #bf164e; --pxl-tertiary-tint-00: white; --pxl-tertiary-tint-01: rgb(248.6, 231.7, 237.3); --pxl-tertiary-tint-02: rgb(242.2, 208.4, 219.6); --pxl-tertiary-tint-03: rgb(235.8, 185.1, 201.9); --pxl-tertiary-tint-04: rgb(229.4, 161.8, 184.2); --pxl-tertiary-tint-05: rgb(223, 138.5, 166.5); --pxl-tertiary-tint-06: rgb(216.6, 115.2, 148.8); --pxl-tertiary-tint-07: rgb(210.2, 91.9, 131.1); --pxl-tertiary-tint-08: rgb(203.8, 68.6, 113.4); --pxl-tertiary-tint-09: rgb(197.4, 45.3, 95.7); --pxl-tertiary-tint-10: #bf164e; --pxl-tertiary-shade-00: #bf164e; --pxl-tertiary-shade-01: rgb(175, 22.9, 73.3); --pxl-tertiary-shade-02: rgb(159, 23.8, 68.6); --pxl-tertiary-shade-03: rgb(143, 24.7, 63.9); --pxl-tertiary-shade-04: rgb(127, 25.6, 59.2); --pxl-tertiary-shade-05: rgb(111, 26.5, 54.5); --pxl-tertiary-shade-06: rgb(95, 27.4, 49.8); --pxl-tertiary-shade-07: rgb(79, 28.3, 45.1); --pxl-tertiary-shade-08: rgb(63, 29.2, 40.4); --pxl-tertiary-shade-09: rgb(47, 30.1, 35.7); --pxl-tertiary-shade-10: #1f1f1f; --pxl-action: #1e2cae; --pxl-action-tint-00: white; --pxl-action-tint-01: rgb(232.5, 233.9, 246.9); --pxl-action-tint-02: rgb(210, 212.8, 238.8); --pxl-action-tint-03: rgb(187.5, 191.7, 230.7); --pxl-action-tint-04: rgb(165, 170.6, 222.6); --pxl-action-tint-05: rgb(142.5, 149.5, 214.5); --pxl-action-tint-06: rgb(120, 128.4, 206.4); --pxl-action-tint-07: rgb(97.5, 107.3, 198.3); --pxl-action-tint-08: rgb(75, 86.2, 190.2); --pxl-action-tint-09: rgb(52.5, 65.1, 182.1); --pxl-action-tint-10: #1e2cae; --pxl-action-shade-00: #1e2cae; --pxl-action-shade-01: rgb(30.1, 42.7, 159.7); --pxl-action-shade-02: rgb(30.2, 41.4, 145.4); --pxl-action-shade-03: rgb(30.3, 40.1, 131.1); --pxl-action-shade-04: rgb(30.4, 38.8, 116.8); --pxl-action-shade-05: rgb(30.5, 37.5, 102.5); --pxl-action-shade-06: rgb(30.6, 36.2, 88.2); --pxl-action-shade-07: rgb(30.7, 34.9, 73.9); --pxl-action-shade-08: rgb(30.8, 33.6, 59.6); --pxl-action-shade-09: rgb(30.9, 32.3, 45.3); --pxl-action-shade-10: #1f1f1f; --pxl-warn: #8d1a0f; --pxl-warn-tint-00: white; --pxl-warn-tint-01: rgb(243.6, 232.1, 231); --pxl-warn-tint-02: rgb(232.2, 209.2, 207); --pxl-warn-tint-03: rgb(220.8, 186.3, 183); --pxl-warn-tint-04: rgb(209.4, 163.4, 159); --pxl-warn-tint-05: rgb(198, 140.5, 135); --pxl-warn-tint-06: rgb(186.6, 117.6, 111); --pxl-warn-tint-07: rgb(175.2, 94.7, 87); --pxl-warn-tint-08: rgb(163.8, 71.8, 63); --pxl-warn-tint-09: rgb(152.4, 48.9, 39); --pxl-warn-tint-10: #8d1a0f; --pxl-warn-shade-00: #8d1a0f; --pxl-warn-shade-01: rgb(130, 26.5, 16.6); --pxl-warn-shade-02: rgb(119, 27, 18.2); --pxl-warn-shade-03: rgb(108, 27.5, 19.8); --pxl-warn-shade-04: rgb(97, 28, 21.4); --pxl-warn-shade-05: rgb(86, 28.5, 23); --pxl-warn-shade-06: rgb(75, 29, 24.6); --pxl-warn-shade-07: rgb(64, 29.5, 26.2); --pxl-warn-shade-08: rgb(53, 30, 27.8); --pxl-warn-shade-09: rgb(42, 30.5, 29.4); --pxl-warn-shade-10: #1f1f1f; --pxl-accent: #707070; --pxl-accent-tint-00: white; --pxl-accent-tint-01: rgb(240.7, 240.7, 240.7); --pxl-accent-tint-02: rgb(226.4, 226.4, 226.4); --pxl-accent-tint-03: rgb(212.1, 212.1, 212.1); --pxl-accent-tint-04: rgb(197.8, 197.8, 197.8); --pxl-accent-tint-05: rgb(183.5, 183.5, 183.5); --pxl-accent-tint-06: rgb(169.2, 169.2, 169.2); --pxl-accent-tint-07: rgb(154.9, 154.9, 154.9); --pxl-accent-tint-08: rgb(140.6, 140.6, 140.6); --pxl-accent-tint-09: rgb(126.3, 126.3, 126.3); --pxl-accent-tint-10: #707070; --pxl-accent-shade-00: #707070; --pxl-accent-shade-01: rgb(103.9, 103.9, 103.9); --pxl-accent-shade-02: rgb(95.8, 95.8, 95.8); --pxl-accent-shade-03: rgb(87.7, 87.7, 87.7); --pxl-accent-shade-04: rgb(79.6, 79.6, 79.6); --pxl-accent-shade-05: rgb(71.5, 71.5, 71.5); --pxl-accent-shade-06: rgb(63.4, 63.4, 63.4); --pxl-accent-shade-07: rgb(55.3, 55.3, 55.3); --pxl-accent-shade-08: rgb(47.2, 47.2, 47.2); --pxl-accent-shade-09: rgb(39.1, 39.1, 39.1); --pxl-accent-shade-10: #1f1f1f; --pxl-general: #5b21ad; --pxl-general-tint-00: white; --pxl-general-tint-01: rgb(238.6, 232.8, 246.8); --pxl-general-tint-02: rgb(222.2, 210.6, 238.6); --pxl-general-tint-03: rgb(205.8, 188.4, 230.4); --pxl-general-tint-04: rgb(189.4, 166.2, 222.2); --pxl-general-tint-05: #ad90d6; --pxl-general-tint-06: rgb(156.6, 121.8, 205.8); --pxl-general-tint-07: rgb(140.2, 99.6, 197.6); --pxl-general-tint-08: rgb(123.8, 77.4, 189.4); --pxl-general-tint-09: rgb(107.4, 55.2, 181.2); --pxl-general-tint-10: #5b21ad; --pxl-general-shade-00: #5b21ad; --pxl-general-shade-01: rgb(85, 32.8, 158.8); --pxl-general-shade-02: rgb(79, 32.6, 144.6); --pxl-general-shade-03: rgb(73, 32.4, 130.4); --pxl-general-shade-04: rgb(67, 32.2, 116.2); --pxl-general-shade-05: #3d2066; --pxl-general-shade-06: rgb(55, 31.8, 87.8); --pxl-general-shade-07: rgb(49, 31.6, 73.6); --pxl-general-shade-08: rgb(43, 31.4, 59.4); --pxl-general-shade-09: rgb(37, 31.2, 45.2); --pxl-general-shade-10: #1f1f1f; --pxl-info: #0b7c88; --pxl-info-tint-00: white; --pxl-info-tint-01: rgb(230.6, 241.9, 243.1); --pxl-info-tint-02: rgb(206.2, 228.8, 231.2); --pxl-info-tint-03: rgb(181.8, 215.7, 219.3); --pxl-info-tint-04: rgb(157.4, 202.6, 207.4); --pxl-info-tint-05: rgb(133, 189.5, 195.5); --pxl-info-tint-06: rgb(108.6, 176.4, 183.6); --pxl-info-tint-07: rgb(84.2, 163.3, 171.7); --pxl-info-tint-08: rgb(59.8, 150.2, 159.8); --pxl-info-tint-09: rgb(35.4, 137.1, 147.9); --pxl-info-tint-10: #0b7c88; --pxl-info-shade-00: #0b7c88; --pxl-info-shade-01: rgb(13, 114.7, 125.5); --pxl-info-shade-02: rgb(15, 105.4, 115); --pxl-info-shade-03: rgb(17, 96.1, 104.5); --pxl-info-shade-04: rgb(19, 86.8, 94); --pxl-info-shade-05: rgb(21, 77.5, 83.5); --pxl-info-shade-06: rgb(23, 68.2, 73); --pxl-info-shade-07: rgb(25, 58.9, 62.5); --pxl-info-shade-08: rgb(27, 49.6, 52); --pxl-info-shade-09: rgb(29, 40.3, 41.5); --pxl-info-shade-10: #1f1f1f; --pxl-success: #148708; --pxl-success-tint-00: white; --pxl-success-tint-01: rgb(231.5, 243, 230.3); --pxl-success-tint-02: rgb(208, 231, 205.6); --pxl-success-tint-03: rgb(184.5, 219, 180.9); --pxl-success-tint-04: rgb(161, 207, 156.2); --pxl-success-tint-05: rgb(137.5, 195, 131.5); --pxl-success-tint-06: rgb(114, 183, 106.8); --pxl-success-tint-07: rgb(90.5, 171, 82.1); --pxl-success-tint-08: rgb(67, 159, 57.4); --pxl-success-tint-09: rgb(43.5, 147, 32.7); --pxl-success-tint-10: #148708; --pxl-success-shade-00: #148708; --pxl-success-shade-01: rgb(21.1, 124.6, 10.3); --pxl-success-shade-02: rgb(22.2, 114.2, 12.6); --pxl-success-shade-03: rgb(23.3, 103.8, 14.9); --pxl-success-shade-04: rgb(24.4, 93.4, 17.2); --pxl-success-shade-05: rgb(25.5, 83, 19.5); --pxl-success-shade-06: rgb(26.6, 72.6, 21.8); --pxl-success-shade-07: rgb(27.7, 62.2, 24.1); --pxl-success-shade-08: rgb(28.8, 51.8, 26.4); --pxl-success-shade-09: rgb(29.9, 41.4, 28.7); --pxl-success-shade-10: #1f1f1f; --pxl-warning: #886d00; --pxl-warning-tint-00: white; --pxl-warning-tint-01: rgb(243.1, 240.4, 229.5); --pxl-warning-tint-02: rgb(231.2, 225.8, 204); --pxl-warning-tint-03: rgb(219.3, 211.2, 178.5); --pxl-warning-tint-04: rgb(207.4, 196.6, 153); --pxl-warning-tint-05: rgb(195.5, 182, 127.5); --pxl-warning-tint-06: rgb(183.6, 167.4, 102); --pxl-warning-tint-07: rgb(171.7, 152.8, 76.5); --pxl-warning-tint-08: rgb(159.8, 138.2, 51); --pxl-warning-tint-09: rgb(147.9, 123.6, 25.5); --pxl-warning-tint-10: #886d00; --pxl-warning-shade-00: #886d00; --pxl-warning-shade-01: rgb(125.5, 101.2, 3.1); --pxl-warning-shade-02: rgb(115, 93.4, 6.2); --pxl-warning-shade-03: rgb(104.5, 85.6, 9.3); --pxl-warning-shade-04: rgb(94, 77.8, 12.4); --pxl-warning-shade-05: rgb(83.5, 70, 15.5); --pxl-warning-shade-06: rgb(73, 62.2, 18.6); --pxl-warning-shade-07: rgb(62.5, 54.4, 21.7); --pxl-warning-shade-08: rgb(52, 46.6, 24.8); --pxl-warning-shade-09: rgb(41.5, 38.8, 27.9); --pxl-warning-shade-10: #1f1f1f; --pxl-error: #8d1a0f; --pxl-error-tint-00: white; --pxl-error-tint-01: rgb(243.6, 232.1, 231); --pxl-error-tint-02: rgb(232.2, 209.2, 207); --pxl-error-tint-03: rgb(220.8, 186.3, 183); --pxl-error-tint-04: rgb(209.4, 163.4, 159); --pxl-error-tint-05: rgb(198, 140.5, 135); --pxl-error-tint-06: rgb(186.6, 117.6, 111); --pxl-error-tint-07: rgb(175.2, 94.7, 87); --pxl-error-tint-08: rgb(163.8, 71.8, 63); --pxl-error-tint-09: rgb(152.4, 48.9, 39); --pxl-error-tint-10: #8d1a0f; --pxl-error-shade-00: #8d1a0f; --pxl-error-shade-01: rgb(130, 26.5, 16.6); --pxl-error-shade-02: rgb(119, 27, 18.2); --pxl-error-shade-03: rgb(108, 27.5, 19.8); --pxl-error-shade-04: rgb(97, 28, 21.4); --pxl-error-shade-05: rgb(86, 28.5, 23); --pxl-error-shade-06: rgb(75, 29, 24.6); --pxl-error-shade-07: rgb(64, 29.5, 26.2); --pxl-error-shade-08: rgb(53, 30, 27.8); --pxl-error-shade-09: rgb(42, 30.5, 29.4); --pxl-error-shade-10: #1f1f1f; --pxl-accent1: #555555; --pxl-accent1-tint-00: white; --pxl-accent1-tint-01: #eeeeee; --pxl-accent1-tint-02: #dddddd; --pxl-accent1-tint-03: #cccccc; --pxl-accent1-tint-04: #bbbbbb; --pxl-accent1-tint-05: #aaaaaa; --pxl-accent1-tint-06: #999999; --pxl-accent1-tint-07: #888888; --pxl-accent1-tint-08: #777777; --pxl-accent1-tint-09: #666666; --pxl-accent1-tint-10: #555555; --pxl-accent1-shade-00: #555555; --pxl-accent1-shade-01: rgb(79.6, 79.6, 79.6); --pxl-accent1-shade-02: rgb(74.2, 74.2, 74.2); --pxl-accent1-shade-03: rgb(68.8, 68.8, 68.8); --pxl-accent1-shade-04: rgb(63.4, 63.4, 63.4); --pxl-accent1-shade-05: #3a3a3a; --pxl-accent1-shade-06: rgb(52.6, 52.6, 52.6); --pxl-accent1-shade-07: rgb(47.2, 47.2, 47.2); --pxl-accent1-shade-08: rgb(41.8, 41.8, 41.8); --pxl-accent1-shade-09: rgb(36.4, 36.4, 36.4); --pxl-accent1-shade-10: #1f1f1f; --pxl-accent2: #3b3b3b; --pxl-accent2-tint-00: white; --pxl-accent2-tint-01: rgb(235.4, 235.4, 235.4); --pxl-accent2-tint-02: rgb(215.8, 215.8, 215.8); --pxl-accent2-tint-03: rgb(196.2, 196.2, 196.2); --pxl-accent2-tint-04: rgb(176.6, 176.6, 176.6); --pxl-accent2-tint-05: #9d9d9d; --pxl-accent2-tint-06: rgb(137.4, 137.4, 137.4); --pxl-accent2-tint-07: rgb(117.8, 117.8, 117.8); --pxl-accent2-tint-08: rgb(98.2, 98.2, 98.2); --pxl-accent2-tint-09: rgb(78.6, 78.6, 78.6); --pxl-accent2-tint-10: #3b3b3b; --pxl-accent2-shade-00: #3b3b3b; --pxl-accent2-shade-01: rgb(56.2, 56.2, 56.2); --pxl-accent2-shade-02: rgb(53.4, 53.4, 53.4); --pxl-accent2-shade-03: rgb(50.6, 50.6, 50.6); --pxl-accent2-shade-04: rgb(47.8, 47.8, 47.8); --pxl-accent2-shade-05: #2d2d2d; --pxl-accent2-shade-06: rgb(42.2, 42.2, 42.2); --pxl-accent2-shade-07: rgb(39.4, 39.4, 39.4); --pxl-accent2-shade-08: rgb(36.6, 36.6, 36.6); --pxl-accent2-shade-09: rgb(33.8, 33.8, 33.8); --pxl-accent2-shade-10: #1f1f1f; --pxl-color-tag-3: #914e00; --pxl-color-tag-3-tint-00: white; --pxl-color-tag-3-tint-01: rgb(244, 237.3, 229.5); --pxl-color-tag-3-tint-02: rgb(233, 219.6, 204); --pxl-color-tag-3-tint-03: rgb(222, 201.9, 178.5); --pxl-color-tag-3-tint-04: rgb(211, 184.2, 153); --pxl-color-tag-3-tint-05: rgb(200, 166.5, 127.5); --pxl-color-tag-3-tint-06: rgb(189, 148.8, 102); --pxl-color-tag-3-tint-07: rgb(178, 131.1, 76.5); --pxl-color-tag-3-tint-08: rgb(167, 113.4, 51); --pxl-color-tag-3-tint-09: rgb(156, 95.7, 25.5); --pxl-color-tag-3-tint-10: #914e00; --pxl-color-tag-3-shade-00: #914e00; --pxl-color-tag-3-shade-01: rgb(133.6, 73.3, 3.1); --pxl-color-tag-3-shade-02: rgb(122.2, 68.6, 6.2); --pxl-color-tag-3-shade-03: rgb(110.8, 63.9, 9.3); --pxl-color-tag-3-shade-04: rgb(99.4, 59.2, 12.4); --pxl-color-tag-3-shade-05: rgb(88, 54.5, 15.5); --pxl-color-tag-3-shade-06: rgb(76.6, 49.8, 18.6); --pxl-color-tag-3-shade-07: rgb(65.2, 45.1, 21.7); --pxl-color-tag-3-shade-08: rgb(53.8, 40.4, 24.8); --pxl-color-tag-3-shade-09: rgb(42.4, 35.7, 27.9); --pxl-color-tag-3-shade-10: #1f1f1f; --pxl-color-tag-5: #7b8c08; --pxl-color-tag-5-tint-00: white; --pxl-color-tag-5-tint-01: rgb(241.8, 243.5, 230.3); --pxl-color-tag-5-tint-02: rgb(228.6, 232, 205.6); --pxl-color-tag-5-tint-03: rgb(215.4, 220.5, 180.9); --pxl-color-tag-5-tint-04: rgb(202.2, 209, 156.2); --pxl-color-tag-5-tint-05: rgb(189, 197.5, 131.5); --pxl-color-tag-5-tint-06: rgb(175.8, 186, 106.8); --pxl-color-tag-5-tint-07: rgb(162.6, 174.5, 82.1); --pxl-color-tag-5-tint-08: rgb(149.4, 163, 57.4); --pxl-color-tag-5-tint-09: rgb(136.2, 151.5, 32.7); --pxl-color-tag-5-tint-10: #7b8c08; --pxl-color-tag-5-shade-00: #7b8c08; --pxl-color-tag-5-shade-01: rgb(113.8, 129.1, 10.3); --pxl-color-tag-5-shade-02: rgb(104.6, 118.2, 12.6); --pxl-color-tag-5-shade-03: rgb(95.4, 107.3, 14.9); --pxl-color-tag-5-shade-04: rgb(86.2, 96.4, 17.2); --pxl-color-tag-5-shade-05: rgb(77, 85.5, 19.5); --pxl-color-tag-5-shade-06: rgb(67.8, 74.6, 21.8); --pxl-color-tag-5-shade-07: rgb(58.6, 63.7, 24.1); --pxl-color-tag-5-shade-08: rgb(49.4, 52.8, 26.4); --pxl-color-tag-5-shade-09: rgb(40.2, 41.9, 28.7); --pxl-color-tag-5-shade-10: #1f1f1f; --pxl-color-tag-7: #33a09b; --pxl-color-tag-7-tint-00: white; --pxl-color-tag-7-tint-01: rgb(234.6, 245.5, 245); --pxl-color-tag-7-tint-02: rgb(214.2, 236, 235); --pxl-color-tag-7-tint-03: rgb(193.8, 226.5, 225); --pxl-color-tag-7-tint-04: rgb(173.4, 217, 215); --pxl-color-tag-7-tint-05: rgb(153, 207.5, 205); --pxl-color-tag-7-tint-06: rgb(132.6, 198, 195); --pxl-color-tag-7-tint-07: rgb(112.2, 188.5, 185); --pxl-color-tag-7-tint-08: rgb(91.8, 179, 175); --pxl-color-tag-7-tint-09: rgb(71.4, 169.5, 165); --pxl-color-tag-7-tint-10: #33a09b; --pxl-color-tag-7-shade-00: #33a09b; --pxl-color-tag-7-shade-01: rgb(49, 147.1, 142.6); --pxl-color-tag-7-shade-02: rgb(47, 134.2, 130.2); --pxl-color-tag-7-shade-03: rgb(45, 121.3, 117.8); --pxl-color-tag-7-shade-04: rgb(43, 108.4, 105.4); --pxl-color-tag-7-shade-05: rgb(41, 95.5, 93); --pxl-color-tag-7-shade-06: rgb(39, 82.6, 80.6); --pxl-color-tag-7-shade-07: rgb(37, 69.7, 68.2); --pxl-color-tag-7-shade-08: rgb(35, 56.8, 55.8); --pxl-color-tag-7-shade-09: rgb(33, 43.9, 43.4); --pxl-color-tag-7-shade-10: #1f1f1f; --pxl-color-tag-9: #7b61ff; --pxl-color-tag-9-tint-00: white; --pxl-color-tag-9-tint-01: rgb(241.8, 239.2, 255); --pxl-color-tag-9-tint-02: rgb(228.6, 223.4, 255); --pxl-color-tag-9-tint-03: rgb(215.4, 207.6, 255); --pxl-color-tag-9-tint-04: rgb(202.2, 191.8, 255); --pxl-color-tag-9-tint-05: #bdb0ff; --pxl-color-tag-9-tint-06: rgb(175.8, 160.2, 255); --pxl-color-tag-9-tint-07: rgb(162.6, 144.4, 255); --pxl-color-tag-9-tint-08: rgb(149.4, 128.6, 255); --pxl-color-tag-9-tint-09: rgb(136.2, 112.8, 255); --pxl-color-tag-9-tint-10: #7b61ff; --pxl-color-tag-9-shade-00: #7b61ff; --pxl-color-tag-9-shade-01: rgb(113.8, 90.4, 232.6); --pxl-color-tag-9-shade-02: rgb(104.6, 83.8, 210.2); --pxl-color-tag-9-shade-03: rgb(95.4, 77.2, 187.8); --pxl-color-tag-9-shade-04: rgb(86.2, 70.6, 165.4); --pxl-color-tag-9-shade-05: #4d408f; --pxl-color-tag-9-shade-06: rgb(67.8, 57.4, 120.6); --pxl-color-tag-9-shade-07: rgb(58.6, 50.8, 98.2); --pxl-color-tag-9-shade-08: rgb(49.4, 44.2, 75.8); --pxl-color-tag-9-shade-09: rgb(40.2, 37.6, 53.4); --pxl-color-tag-9-shade-10: #1f1f1f; --pxl-color-tag-11: #7e2c4c; --pxl-color-tag-11-tint-00: white; --pxl-color-tag-11-tint-01: rgb(242.1, 233.9, 237.1); --pxl-color-tag-11-tint-02: rgb(229.2, 212.8, 219.2); --pxl-color-tag-11-tint-03: rgb(216.3, 191.7, 201.3); --pxl-color-tag-11-tint-04: rgb(203.4, 170.6, 183.4); --pxl-color-tag-11-tint-05: rgb(190.5, 149.5, 165.5); --pxl-color-tag-11-tint-06: rgb(177.6, 128.4, 147.6); --pxl-color-tag-11-tint-07: rgb(164.7, 107.3, 129.7); --pxl-color-tag-11-tint-08: rgb(151.8, 86.2, 111.8); --pxl-color-tag-11-tint-09: rgb(138.9, 65.1, 93.9); --pxl-color-tag-11-tint-10: #7e2c4c; --pxl-color-tag-11-shade-00: #7e2c4c; --pxl-color-tag-11-shade-01: rgb(116.5, 42.7, 71.5); --pxl-color-tag-11-shade-02: rgb(107, 41.4, 67); --pxl-color-tag-11-shade-03: rgb(97.5, 40.1, 62.5); --pxl-color-tag-11-shade-04: rgb(88, 38.8, 58); --pxl-color-tag-11-shade-05: rgb(78.5, 37.5, 53.5); --pxl-color-tag-11-shade-06: rgb(69, 36.2, 49); --pxl-color-tag-11-shade-07: rgb(59.5, 34.9, 44.5); --pxl-color-tag-11-shade-08: rgb(50, 33.6, 40); --pxl-color-tag-11-shade-09: rgb(40.5, 32.3, 35.5); --pxl-color-tag-11-shade-10: #1f1f1f; --pxl-chart-1: #1f1f1f; --pxl-chart-1-tint-00: white; --pxl-chart-1-tint-01: rgb(232.6, 232.6, 232.6); --pxl-chart-1-tint-02: rgb(210.2, 210.2, 210.2); --pxl-chart-1-tint-03: rgb(187.8, 187.8, 187.8); --pxl-chart-1-tint-04: rgb(165.4, 165.4, 165.4); --pxl-chart-1-tint-05: #8f8f8f; --pxl-chart-1-tint-06: rgb(120.6, 120.6, 120.6); --pxl-chart-1-tint-07: rgb(98.2, 98.2, 98.2); --pxl-chart-1-tint-08: rgb(75.8, 75.8, 75.8); --pxl-chart-1-tint-09: rgb(53.4, 53.4, 53.4); --pxl-chart-1-tint-10: #1f1f1f; --pxl-chart-1-shade-00: #1f1f1f; --pxl-chart-1-shade-01: #1f1f1f; --pxl-chart-1-shade-02: #1f1f1f; --pxl-chart-1-shade-03: #1f1f1f; --pxl-chart-1-shade-04: #1f1f1f; --pxl-chart-1-shade-05: #1f1f1f; --pxl-chart-1-shade-06: #1f1f1f; --pxl-chart-1-shade-07: #1f1f1f; --pxl-chart-1-shade-08: #1f1f1f; --pxl-chart-1-shade-09: #1f1f1f; --pxl-chart-1-shade-10: #1f1f1f; --pxl-chart-2: #d9382e; --pxl-chart-2-tint-00: white; --pxl-chart-2-tint-01: rgb(251.2, 235.1, 234.1); --pxl-chart-2-tint-02: rgb(247.4, 215.2, 213.2); --pxl-chart-2-tint-03: rgb(243.6, 195.3, 192.3); --pxl-chart-2-tint-04: rgb(239.8, 175.4, 171.4); --pxl-chart-2-tint-05: rgb(236, 155.5, 150.5); --pxl-chart-2-tint-06: rgb(232.2, 135.6, 129.6); --pxl-chart-2-tint-07: rgb(228.4, 115.7, 108.7); --pxl-chart-2-tint-08: rgb(224.6, 95.8, 87.8); --pxl-chart-2-tint-09: rgb(220.8, 75.9, 66.9); --pxl-chart-2-tint-10: #d9382e; --pxl-chart-2-shade-00: #d9382e; --pxl-chart-2-shade-01: rgb(198.4, 53.5, 44.5); --pxl-chart-2-shade-02: rgb(179.8, 51, 43); --pxl-chart-2-shade-03: rgb(161.2, 48.5, 41.5); --pxl-chart-2-shade-04: rgb(142.6, 46, 40); --pxl-chart-2-shade-05: rgb(124, 43.5, 38.5); --pxl-chart-2-shade-06: rgb(105.4, 41, 37); --pxl-chart-2-shade-07: rgb(86.8, 38.5, 35.5); --pxl-chart-2-shade-08: rgb(68.2, 36, 34); --pxl-chart-2-shade-09: rgb(49.6, 33.5, 32.5); --pxl-chart-2-shade-10: #1f1f1f; --pxl-chart-3: #f3772b; --pxl-chart-3-tint-00: white; --pxl-chart-3-tint-01: rgb(253.8, 241.4, 233.8); --pxl-chart-3-tint-02: rgb(252.6, 227.8, 212.6); --pxl-chart-3-tint-03: rgb(251.4, 214.2, 191.4); --pxl-chart-3-tint-04: rgb(250.2, 200.6, 170.2); --pxl-chart-3-tint-05: #f9bb95; --pxl-chart-3-tint-06: rgb(247.8, 173.4, 127.8); --pxl-chart-3-tint-07: rgb(246.6, 159.8, 106.6); --pxl-chart-3-tint-08: rgb(245.4, 146.2, 85.4); --pxl-chart-3-tint-09: rgb(244.2, 132.6, 64.2); --pxl-chart-3-tint-10: #f3772b; --pxl-chart-3-shade-00: #f3772b; --pxl-chart-3-shade-01: rgb(221.8, 110.2, 41.8); --pxl-chart-3-shade-02: rgb(200.6, 101.4, 40.6); --pxl-chart-3-shade-03: rgb(179.4, 92.6, 39.4); --pxl-chart-3-shade-04: rgb(158.2, 83.8, 38.2); --pxl-chart-3-shade-05: #894b25; --pxl-chart-3-shade-06: rgb(115.8, 66.2, 35.8); --pxl-chart-3-shade-07: rgb(94.6, 57.4, 34.6); --pxl-chart-3-shade-08: rgb(73.4, 48.6, 33.4); --pxl-chart-3-shade-09: rgb(52.2, 39.8, 32.2); --pxl-chart-3-shade-10: #1f1f1f; --pxl-chart-4: #e4b667; --pxl-chart-4-tint-00: white; --pxl-chart-4-tint-01: rgb(252.3, 247.7, 239.8); --pxl-chart-4-tint-02: rgb(249.6, 240.4, 224.6); --pxl-chart-4-tint-03: rgb(246.9, 233.1, 209.4); --pxl-chart-4-tint-04: rgb(244.2, 225.8, 194.2); --pxl-chart-4-tint-05: rgb(241.5, 218.5, 179); --pxl-chart-4-tint-06: rgb(238.8, 211.2, 163.8); --pxl-chart-4-tint-07: rgb(236.1, 203.9, 148.6); --pxl-chart-4-tint-08: rgb(233.4, 196.6, 133.4); --pxl-chart-4-tint-09: rgb(230.7, 189.3, 118.2); --pxl-chart-4-tint-10: #e4b667; --pxl-chart-4-shade-00: #e4b667; --pxl-chart-4-shade-01: rgb(208.3, 166.9, 95.8); --pxl-chart-4-shade-02: rgb(188.6, 151.8, 88.6); --pxl-chart-4-shade-03: rgb(168.9, 136.7, 81.4); --pxl-chart-4-shade-04: rgb(149.2, 121.6, 74.2); --pxl-chart-4-shade-05: rgb(129.5, 106.5, 67); --pxl-chart-4-shade-06: rgb(109.8, 91.4, 59.8); --pxl-chart-4-shade-07: rgb(90.1, 76.3, 52.6); --pxl-chart-4-shade-08: rgb(70.4, 61.2, 45.4); --pxl-chart-4-shade-09: rgb(50.7, 46.1, 38.2); --pxl-chart-4-shade-10: #1f1f1f; --pxl-chart-5: #ffdd4b; --pxl-chart-5-tint-00: white; --pxl-chart-5-tint-01: rgb(255, 251.6, 237); --pxl-chart-5-tint-02: rgb(255, 248.2, 219); --pxl-chart-5-tint-03: rgb(255, 244.8, 201); --pxl-chart-5-tint-04: rgb(255, 241.4, 183); --pxl-chart-5-tint-05: #ffeea5; --pxl-chart-5-tint-06: rgb(255, 234.6, 147); --pxl-chart-5-tint-07: rgb(255, 231.2, 129); --pxl-chart-5-tint-08: rgb(255, 227.8, 111); --pxl-chart-5-tint-09: rgb(255, 224.4, 93); --pxl-chart-5-tint-10: #ffdd4b; --pxl-chart-5-shade-00: #ffdd4b; --pxl-chart-5-shade-01: rgb(232.6, 202, 70.6); --pxl-chart-5-shade-02: rgb(210.2, 183, 66.2); --pxl-chart-5-shade-03: rgb(187.8, 164, 61.8); --pxl-chart-5-shade-04: rgb(165.4, 145, 57.4); --pxl-chart-5-shade-05: #8f7e35; --pxl-chart-5-shade-06: rgb(120.6, 107, 48.6); --pxl-chart-5-shade-07: rgb(98.2, 88, 44.2); --pxl-chart-5-shade-08: rgb(75.8, 69, 39.8); --pxl-chart-5-shade-09: rgb(53.4, 50, 35.4); --pxl-chart-5-shade-10: #1f1f1f; --pxl-chart-6: #01b75c; --pxl-chart-6-tint-00: white; --pxl-chart-6-tint-01: rgb(229.6, 247.8, 238.7); --pxl-chart-6-tint-02: rgb(204.2, 240.6, 222.4); --pxl-chart-6-tint-03: rgb(178.8, 233.4, 206.1); --pxl-chart-6-tint-04: rgb(153.4, 226.2, 189.8); --pxl-chart-6-tint-05: rgb(128, 219, 173.5); --pxl-chart-6-tint-06: rgb(102.6, 211.8, 157.2); --pxl-chart-6-tint-07: rgb(77.2, 204.6, 140.9); --pxl-chart-6-tint-08: rgb(51.8, 197.4, 124.6); --pxl-chart-6-tint-09: rgb(26.4, 190.2, 108.3); --pxl-chart-6-tint-10: #01b75c; --pxl-chart-6-shade-00: #01b75c; --pxl-chart-6-shade-01: rgb(4, 167.8, 85.9); --pxl-chart-6-shade-02: rgb(7, 152.6, 79.8); --pxl-chart-6-shade-03: rgb(10, 137.4, 73.7); --pxl-chart-6-shade-04: rgb(13, 122.2, 67.6); --pxl-chart-6-shade-05: rgb(16, 107, 61.5); --pxl-chart-6-shade-06: rgb(19, 91.8, 55.4); --pxl-chart-6-shade-07: rgb(22, 76.6, 49.3); --pxl-chart-6-shade-08: rgb(25, 61.4, 43.2); --pxl-chart-6-shade-09: rgb(28, 46.2, 37.1); --pxl-chart-6-shade-10: #1f1f1f; --pxl-chart-7: #20ded3; --pxl-chart-7-tint-00: white; --pxl-chart-7-tint-01: rgb(232.7, 251.7, 250.6); --pxl-chart-7-tint-02: rgb(210.4, 248.4, 246.2); --pxl-chart-7-tint-03: rgb(188.1, 245.1, 241.8); --pxl-chart-7-tint-04: rgb(165.8, 241.8, 237.4); --pxl-chart-7-tint-05: rgb(143.5, 238.5, 233); --pxl-chart-7-tint-06: rgb(121.2, 235.2, 228.6); --pxl-chart-7-tint-07: rgb(98.9, 231.9, 224.2); --pxl-chart-7-tint-08: rgb(76.6, 228.6, 219.8); --pxl-chart-7-tint-09: rgb(54.3, 225.3, 215.4); --pxl-chart-7-tint-10: #20ded3; --pxl-chart-7-shade-00: #20ded3; --pxl-chart-7-shade-01: rgb(31.9, 202.9, 193); --pxl-chart-7-shade-02: rgb(31.8, 183.8, 175); --pxl-chart-7-shade-03: rgb(31.7, 164.7, 157); --pxl-chart-7-shade-04: rgb(31.6, 145.6, 139); --pxl-chart-7-shade-05: rgb(31.5, 126.5, 121); --pxl-chart-7-shade-06: rgb(31.4, 107.4, 103); --pxl-chart-7-shade-07: rgb(31.3, 88.3, 85); --pxl-chart-7-shade-08: rgb(31.2, 69.2, 67); --pxl-chart-7-shade-09: rgb(31.1, 50.1, 49); --pxl-chart-7-shade-10: #1f1f1f; --pxl-chart-8: #29b7d6; --pxl-chart-8-tint-00: white; --pxl-chart-8-tint-01: rgb(233.6, 247.8, 250.9); --pxl-chart-8-tint-02: rgb(212.2, 240.6, 246.8); --pxl-chart-8-tint-03: rgb(190.8, 233.4, 242.7); --pxl-chart-8-tint-04: rgb(169.4, 226.2, 238.6); --pxl-chart-8-tint-05: rgb(148, 219, 234.5); --pxl-chart-8-tint-06: rgb(126.6, 211.8, 230.4); --pxl-chart-8-tint-07: rgb(105.2, 204.6, 226.3); --pxl-chart-8-tint-08: rgb(83.8, 197.4, 222.2); --pxl-chart-8-tint-09: rgb(62.4, 190.2, 218.1); --pxl-chart-8-tint-10: #29b7d6; --pxl-chart-8-shade-00: #29b7d6; --pxl-chart-8-shade-01: rgb(40, 167.8, 195.7); --pxl-chart-8-shade-02: rgb(39, 152.6, 177.4); --pxl-chart-8-shade-03: rgb(38, 137.4, 159.1); --pxl-chart-8-shade-04: rgb(37, 122.2, 140.8); --pxl-chart-8-shade-05: rgb(36, 107, 122.5); --pxl-chart-8-shade-06: rgb(35, 91.8, 104.2); --pxl-chart-8-shade-07: rgb(34, 76.6, 85.9); --pxl-chart-8-shade-08: rgb(33, 61.4, 67.6); --pxl-chart-8-shade-09: rgb(32, 46.2, 49.3); --pxl-chart-8-shade-10: #1f1f1f; --pxl-chart-9: #1970de; --pxl-chart-9-tint-00: white; --pxl-chart-9-tint-01: rgb(232, 240.7, 251.7); --pxl-chart-9-tint-02: rgb(209, 226.4, 248.4); --pxl-chart-9-tint-03: rgb(186, 212.1, 245.1); --pxl-chart-9-tint-04: rgb(163, 197.8, 241.8); --pxl-chart-9-tint-05: rgb(140, 183.5, 238.5); --pxl-chart-9-tint-06: rgb(117, 169.2, 235.2); --pxl-chart-9-tint-07: rgb(94, 154.9, 231.9); --pxl-chart-9-tint-08: rgb(71, 140.6, 228.6); --pxl-chart-9-tint-09: rgb(48, 126.3, 225.3); --pxl-chart-9-tint-10: #1970de; --pxl-chart-9-shade-00: #1970de; --pxl-chart-9-shade-01: rgb(25.6, 103.9, 202.9); --pxl-chart-9-shade-02: rgb(26.2, 95.8, 183.8); --pxl-chart-9-shade-03: rgb(26.8, 87.7, 164.7); --pxl-chart-9-shade-04: rgb(27.4, 79.6, 145.6); --pxl-chart-9-shade-05: rgb(28, 71.5, 126.5); --pxl-chart-9-shade-06: rgb(28.6, 63.4, 107.4); --pxl-chart-9-shade-07: rgb(29.2, 55.3, 88.3); --pxl-chart-9-shade-08: rgb(29.8, 47.2, 69.2); --pxl-chart-9-shade-09: rgb(30.4, 39.1, 50.1); --pxl-chart-9-shade-10: #1f1f1f; --pxl-chart-10: #705af8; --pxl-chart-10-tint-00: white; --pxl-chart-10-tint-01: rgb(240.7, 238.5, 254.3); --pxl-chart-10-tint-02: rgb(226.4, 222, 253.6); --pxl-chart-10-tint-03: rgb(212.1, 205.5, 252.9); --pxl-chart-10-tint-04: rgb(197.8, 189, 252.2); --pxl-chart-10-tint-05: rgb(183.5, 172.5, 251.5); --pxl-chart-10-tint-06: rgb(169.2, 156, 250.8); --pxl-chart-10-tint-07: rgb(154.9, 139.5, 250.1); --pxl-chart-10-tint-08: rgb(140.6, 123, 249.4); --pxl-chart-10-tint-09: rgb(126.3, 106.5, 248.7); --pxl-chart-10-tint-10: #705af8; --pxl-chart-10-shade-00: #705af8; --pxl-chart-10-shade-01: rgb(103.9, 84.1, 226.3); --pxl-chart-10-shade-02: rgb(95.8, 78.2, 204.6); --pxl-chart-10-shade-03: rgb(87.7, 72.3, 182.9); --pxl-chart-10-shade-04: rgb(79.6, 66.4, 161.2); --pxl-chart-10-shade-05: rgb(71.5, 60.5, 139.5); --pxl-chart-10-shade-06: rgb(63.4, 54.6, 117.8); --pxl-chart-10-shade-07: rgb(55.3, 48.7, 96.1); --pxl-chart-10-shade-08: rgb(47.2, 42.8, 74.4); --pxl-chart-10-shade-09: rgb(39.1, 36.9, 52.7); --pxl-chart-10-shade-10: #1f1f1f; --pxl-chart-11: #a14ed9; --pxl-chart-11-tint-00: white; --pxl-chart-11-tint-01: rgb(245.6, 237.3, 251.2); --pxl-chart-11-tint-02: rgb(236.2, 219.6, 247.4); --pxl-chart-11-tint-03: rgb(226.8, 201.9, 243.6); --pxl-chart-11-tint-04: rgb(217.4, 184.2, 239.8); --pxl-chart-11-tint-05: rgb(208, 166.5, 236); --pxl-chart-11-tint-06: rgb(198.6, 148.8, 232.2); --pxl-chart-11-tint-07: rgb(189.2, 131.1, 228.4); --pxl-chart-11-tint-08: rgb(179.8, 113.4, 224.6); --pxl-chart-11-tint-09: rgb(170.4, 95.7, 220.8); --pxl-chart-11-tint-10: #a14ed9; --pxl-chart-11-shade-00: #a14ed9; --pxl-chart-11-shade-01: rgb(148, 73.3, 198.4); --pxl-chart-11-shade-02: rgb(135, 68.6, 179.8); --pxl-chart-11-shade-03: rgb(122, 63.9, 161.2); --pxl-chart-11-shade-04: rgb(109, 59.2, 142.6); --pxl-chart-11-shade-05: rgb(96, 54.5, 124); --pxl-chart-11-shade-06: rgb(83, 49.8, 105.4); --pxl-chart-11-shade-07: rgb(70, 45.1, 86.8); --pxl-chart-11-shade-08: rgb(57, 40.4, 68.2); --pxl-chart-11-shade-09: rgb(44, 35.7, 49.6); --pxl-chart-11-shade-10: #1f1f1f; --pxl-chart-12: #d92e94; --pxl-chart-12-tint-00: white; --pxl-chart-12-tint-01: rgb(251.2, 234.1, 244.3); --pxl-chart-12-tint-02: rgb(247.4, 213.2, 233.6); --pxl-chart-12-tint-03: rgb(243.6, 192.3, 222.9); --pxl-chart-12-tint-04: rgb(239.8, 171.4, 212.2); --pxl-chart-12-tint-05: rgb(236, 150.5, 201.5); --pxl-chart-12-tint-06: rgb(232.2, 129.6, 190.8); --pxl-chart-12-tint-07: rgb(228.4, 108.7, 180.1); --pxl-chart-12-tint-08: rgb(224.6, 87.8, 169.4); --pxl-chart-12-tint-09: rgb(220.8, 66.9, 158.7); --pxl-chart-12-tint-10: #d92e94; --pxl-chart-12-shade-00: #d92e94; --pxl-chart-12-shade-01: rgb(198.4, 44.5, 136.3); --pxl-chart-12-shade-02: rgb(179.8, 43, 124.6); --pxl-chart-12-shade-03: rgb(161.2, 41.5, 112.9); --pxl-chart-12-shade-04: rgb(142.6, 40, 101.2); --pxl-chart-12-shade-05: rgb(124, 38.5, 89.5); --pxl-chart-12-shade-06: rgb(105.4, 37, 77.8); --pxl-chart-12-shade-07: rgb(86.8, 35.5, 66.1); --pxl-chart-12-shade-08: rgb(68.2, 34, 54.4); --pxl-chart-12-shade-09: rgb(49.6, 32.5, 42.7); --pxl-chart-12-shade-10: #1f1f1f; --pxl-body-background: var(--pxl-primary-tint-01); --pxl-focus: var(--pxl-action-tint-07); --pxl-warning-contrast: var(--pxl-warning-shade-06); --pxl-color-font: var(--pxl-primary-tint-10); --pxl-border-color: var(--pxl-primary-tint-02); --pxl-sensitivity-high: #003a6d; --pxl-sensitivity-medium: #0072c3; --pxl-sensitivity-non: #a8abb6; --pxl-sensitivity-indeterminate: #ddd1e5; --pxl-sensitivity-not-applicable: #e2e2e2; --pxl-panel-background: var(--pxl-primary-tint-00); --pxl-panel-shadow: 0 1px 4px black; --pxl-option-icon-color: var(--pxl-primary-tint-05); --pxl-option-background-hover: var(--pxl-primary-tint-01); --pxl-option-background-active: var(--pxl-primary-tint-02); --pxl-input-border-color: var(--pxl-primary-tint-02); --pxl-input-hover-background: var(--pxl-primary-tint-01); --pxl-input-focus-background: var(--pxl-primary-tint-02); --pxl-input-focus-border-color: var(--pxl-primary-tint-10); --pxl-nav-border-color: #1f1f1f; --pxl-font-family-primary: Inter, Arial, Helvetica, sans-serif; --pxl-font-family-secondary: Inter, Arial, Helvetica, sans-serif; --pxl-font-family-icon: pxl-icons; --pxl-animation-speed: 0.2s; --pxl-standard-spacing: 2.25rem; --pxl-color-main-background: var(--pxl-primary-tint-00); --pxl-color-inverse-background: var(--pxl-primary-tint-10); --pxl-color-default-border: var(--pxl-primary-tint-02); --pxl-color-selected: var(--pxl-secondary); --pxl-action: var(--pxl-action-tint-10); --pxl-action-hover: var(--pxl-action-tint-10); --pxl-color-white: #ffffff; --pxl-color-link-text: var(--pxl-action); --pxl-color-link-text-hover: var(--pxl-action-hover); --pxl-info-bg: var(--pxl-info-tint-03); --pxl-success-bg: var(--pxl-success-tint-03); --pxl-error-bg: var(--pxl-error-tint-03); --pxl-warning-bg: var(--pxl-warning-tint-03); --pxl-general-bg: var(--pxl-general-tint-03); --pxl-accent1-bg: var(--pxl-accent1-tint-03); --pxl-accent2-bg: var(--pxl-accent2-tint-03); --pxl-info-contrast: var(--pxl-info-tint-00); --pxl-success-contrast: var(--pxl-success-tint-00); --pxl-error-contrast: var(--pxl-error-tint-00); --pxl-general-contrast: var(--pxl-general-tint-00); --pxl-accent1-contrast: var(--pxl-accent1-tint-00); --pxl-accent2-contrast: var(--pxl-accent2-tint-00); --pxl-tooltip-color: var(--pxl-primary-tint-00); --pxl-tooltip-background-primary: var(--pxl-primary-tint-08); --pxl-tooltip-background-error: var(--pxl-error); --pxl-input-icon-color: var(--pxl-primary-tint-07); --pxl-input-focus-shadow: 0 0 6px rgba(var(--pxl-action), 0.5); --pxl-input-placeholder-color: var(--pxl-primary-tint-06); --pxl-input-hover-border-color: var(--pxl-primary-tint-05); --pxl-input-disabled-background: var(--pxl-primary-tint-01); --pxl-input-disabled-border-color: var(--pxl-primary-tint-01); --pxl-input-disabled-text-color: var(--pxl-primary-tint-06); --pxl-chart-marker-color: var(--pxl-primary-tint-00); --pxl-panel-radius: 0.25rem; --pxl-panel-border-color: var(--pxl-primary-tint-02); --pxl-panel-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --pxl-option-color: var(--pxl-color-font); --pxl-nav-background-color: #1f1f1f; --pxl-nav-font-color: #f8f8f8; --pxl-nav-active-background-color: #3e3e3e; --pxl-nav-active-font-color: #f8f8f8; --pxl-nav-inactive-font-color: #909090; --pxl-nav-disabled-font-color: #555555; --pxl-nav-subitem-active-color: #eaff00; --pxl-nav-divider-color: #3e3e3e; --pxl-nav-flyout-background-color: #282828; --pxl-nav-flyout-title-color: #909090; color-scheme: light; } [data-theme=dark] { --pxl-primary: #ffffff; --pxl-primary-tint-00: #1f1f1f; --pxl-primary-tint-01: #282828; --pxl-primary-tint-02: #3b3b3b; --pxl-primary-tint-03: #555555; --pxl-primary-tint-04: #707070; --pxl-primary-tint-05: #909090; --pxl-primary-tint-06: #bababa; --pxl-primary-tint-07: #dadada; --pxl-primary-tint-08: #ececec; --pxl-primary-tint-09: #f8f8f8; --pxl-primary-tint-10: #ffffff; --pxl-secondary: #bababa; --pxl-secondary-tint-00: #1f1f1f; --pxl-secondary-tint-01: rgb(46.5, 46.5, 46.5); --pxl-secondary-tint-02: #3e3e3e; --pxl-secondary-tint-03: rgb(77.5, 77.5, 77.5); --pxl-secondary-tint-04: #5d5d5d; --pxl-secondary-tint-05: rgb(108.5, 108.5, 108.5); --pxl-secondary-tint-06: #7c7c7c; --pxl-secondary-tint-07: rgb(139.5, 139.5, 139.5); --pxl-secondary-tint-08: #9b9b9b; --pxl-secondary-tint-09: rgb(170.5, 170.5, 170.5); --pxl-secondary-tint-10: #bababa; --pxl-secondary-shade-00: #bababa; --pxl-secondary-shade-01: rgb(192.9, 192.9, 192.9); --pxl-secondary-shade-02: rgb(199.8, 199.8, 199.8); --pxl-secondary-shade-03: rgb(206.7, 206.7, 206.7); --pxl-secondary-shade-04: rgb(213.6, 213.6, 213.6); --pxl-secondary-shade-05: rgb(220.5, 220.5, 220.5); --pxl-secondary-shade-06: rgb(227.4, 227.4, 227.4); --pxl-secondary-shade-07: rgb(234.3, 234.3, 234.3); --pxl-secondary-shade-08: rgb(241.2, 241.2, 241.2); --pxl-secondary-shade-09: rgb(248.1, 248.1, 248.1); --pxl-secondary-shade-10: white; --pxl-tertiary: #ff80a2; --pxl-tertiary-tint-00: #1f1f1f; --pxl-tertiary-tint-01: rgb(53.4, 40.7, 44.1); --pxl-tertiary-tint-02: rgb(75.8, 50.4, 57.2); --pxl-tertiary-tint-03: rgb(98.2, 60.1, 70.3); --pxl-tertiary-tint-04: rgb(120.6, 69.8, 83.4); --pxl-tertiary-tint-05: rgb(143, 79.5, 96.5); --pxl-tertiary-tint-06: rgb(165.4, 89.2, 109.6); --pxl-tertiary-tint-07: rgb(187.8, 98.9, 122.7); --pxl-tertiary-tint-08: rgb(210.2, 108.6, 135.8); --pxl-tertiary-tint-09: rgb(232.6, 118.3, 148.9); --pxl-tertiary-tint-10: #ff80a2; --pxl-tertiary-shade-00: #ff80a2; --pxl-tertiary-shade-01: rgb(255, 140.7, 171.3); --pxl-tertiary-shade-02: rgb(255, 153.4, 180.6); --pxl-tertiary-shade-03: rgb(255, 166.1, 189.9); --pxl-tertiary-shade-04: rgb(255, 178.8, 199.2); --pxl-tertiary-shade-05: rgb(255, 191.5, 208.5); --pxl-tertiary-shade-06: rgb(255, 204.2, 217.8); --pxl-tertiary-shade-07: rgb(255, 216.9, 227.1); --pxl-tertiary-shade-08: rgb(255, 229.6, 236.4); --pxl-tertiary-shade-09: rgb(255, 242.3, 245.7); --pxl-tertiary-shade-10: white; --pxl-action: #a6bbff; --pxl-action-tint-00: #1f1f1f; --pxl-action-tint-01: rgb(44.5, 46.6, 53.4); --pxl-action-tint-02: rgb(58, 62.2, 75.8); --pxl-action-tint-03: rgb(71.5, 77.8, 98.2); --pxl-action-tint-04: rgb(85, 93.4, 120.6); --pxl-action-tint-05: rgb(98.5, 109, 143); --pxl-action-tint-06: rgb(112, 124.6, 165.4); --pxl-action-tint-07: rgb(125.5, 140.2, 187.8); --pxl-action-tint-08: rgb(139, 155.8, 210.2); --pxl-action-tint-09: rgb(152.5, 171.4, 232.6); --pxl-action-tint-10: #a6bbff; --pxl-action-shade-00: #a6bbff; --pxl-action-shade-01: rgb(174.9, 193.8, 255); --pxl-action-shade-02: rgb(183.8, 200.6, 255); --pxl-action-shade-03: rgb(192.7, 207.4, 255); --pxl-action-shade-04: rgb(201.6, 214.2, 255); --pxl-action-shade-05: rgb(210.5, 221, 255); --pxl-action-shade-06: rgb(219.4, 227.8, 255); --pxl-action-shade-07: rgb(228.3, 234.6, 255); --pxl-action-shade-08: rgb(237.2, 241.4, 255); --pxl-action-shade-09: rgb(246.1, 248.2, 255); --pxl-action-shade-10: white; --pxl-warn: #fb8e76; --pxl-warn-tint-00: #1f1f1f; --pxl-warn-tint-01: rgb(53, 42.1, 39.7); --pxl-warn-tint-02: rgb(75, 53.2, 48.4); --pxl-warn-tint-03: rgb(97, 64.3, 57.1); --pxl-warn-tint-04: rgb(119, 75.4, 65.8); --pxl-warn-tint-05: rgb(141, 86.5, 74.5); --pxl-warn-tint-06: rgb(163, 97.6, 83.2); --pxl-warn-tint-07: rgb(185, 108.7, 91.9); --pxl-warn-tint-08: rgb(207, 119.8, 100.6); --pxl-warn-tint-09: rgb(229, 130.9, 109.3); --pxl-warn-tint-10: #fb8e76; --pxl-warn-shade-00: #fb8e76; --pxl-warn-shade-01: rgb(251.4, 153.3, 131.7); --pxl-warn-shade-02: rgb(251.8, 164.6, 145.4); --pxl-warn-shade-03: rgb(252.2, 175.9, 159.1); --pxl-warn-shade-04: rgb(252.6, 187.2, 172.8); --pxl-warn-shade-05: rgb(253, 198.5, 186.5); --pxl-warn-shade-06: rgb(253.4, 209.8, 200.2); --pxl-warn-shade-07: rgb(253.8, 221.1, 213.9); --pxl-warn-shade-08: rgb(254.2, 232.4, 227.6); --pxl-warn-shade-09: rgb(254.6, 243.7, 241.3); --pxl-warn-shade-10: white; --pxl-accent: #bababa; --pxl-accent-tint-00: #1f1f1f; --pxl-accent-tint-01: rgb(46.5, 46.5, 46.5); --pxl-accent-tint-02: #3e3e3e; --pxl-accent-tint-03: rgb(77.5, 77.5, 77.5); --pxl-accent-tint-04: #5d5d5d; --pxl-accent-tint-05: rgb(108.5, 108.5, 108.5); --pxl-accent-tint-06: #7c7c7c; --pxl-accent-tint-07: rgb(139.5, 139.5, 139.5); --pxl-accent-tint-08: #9b9b9b; --pxl-accent-tint-09: rgb(170.5, 170.5, 170.5); --pxl-accent-tint-10: #bababa; --pxl-accent-shade-00: #bababa; --pxl-accent-shade-01: rgb(192.9, 192.9, 192.9); --pxl-accent-shade-02: rgb(199.8, 199.8, 199.8); --pxl-accent-shade-03: rgb(206.7, 206.7, 206.7); --pxl-accent-shade-04: rgb(213.6, 213.6, 213.6); --pxl-accent-shade-05: rgb(220.5, 220.5, 220.5); --pxl-accent-shade-06: rgb(227.4, 227.4, 227.4); --pxl-accent-shade-07: rgb(234.3, 234.3, 234.3); --pxl-accent-shade-08: rgb(241.2, 241.2, 241.2); --pxl-accent-shade-09: rgb(248.1, 248.1, 248.1); --pxl-accent-shade-10: white; --pxl-general: #ce99ff; --pxl-general-tint-00: #1f1f1f; --pxl-general-tint-01: rgb(48.5, 43.2, 53.4); --pxl-general-tint-02: rgb(66, 55.4, 75.8); --pxl-general-tint-03: rgb(83.5, 67.6, 98.2); --pxl-general-tint-04: rgb(101, 79.8, 120.6); --pxl-general-tint-05: rgb(118.5, 92, 143); --pxl-general-tint-06: rgb(136, 104.2, 165.4); --pxl-general-tint-07: rgb(153.5, 116.4, 187.8); --pxl-general-tint-08: rgb(171, 128.6, 210.2); --pxl-general-tint-09: rgb(188.5, 140.8, 232.6); --pxl-general-tint-10: #ce99ff; --pxl-general-shade-00: #ce99ff; --pxl-general-shade-01: rgb(210.9, 163.2, 255); --pxl-general-shade-02: rgb(215.8, 173.4, 255); --pxl-general-shade-03: rgb(220.7, 183.6, 255); --pxl-general-shade-04: rgb(225.6, 193.8, 255); --pxl-general-shade-05: rgb(230.5, 204, 255); --pxl-general-shade-06: rgb(235.4, 214.2, 255); --pxl-general-shade-07: rgb(240.3, 224.4, 255); --pxl-general-shade-08: rgb(245.2, 234.6, 255); --pxl-general-shade-09: rgb(250.1, 244.8, 255); --pxl-general-shade-10: white; --pxl-info: #74d2d2; --pxl-info-tint-00: #1f1f1f; --pxl-info-tint-01: rgb(39.5, 48.9, 48.9); --pxl-info-tint-02: rgb(48, 66.8, 66.8); --pxl-info-tint-03: rgb(56.5, 84.7, 84.7); --pxl-info-tint-04: rgb(65, 102.6, 102.6); --pxl-info-tint-05: rgb(73.5, 120.5, 120.5); --pxl-info-tint-06: rgb(82, 138.4, 138.4); --pxl-info-tint-07: rgb(90.5, 156.3, 156.3); --pxl-info-tint-08: rgb(99, 174.2, 174.2); --pxl-info-tint-09: rgb(107.5, 192.1, 192.1); --pxl-info-tint-10: #74d2d2; --pxl-info-shade-00: #74d2d2; --pxl-info-shade-01: rgb(129.9, 214.5, 214.5); --pxl-info-shade-02: rgb(143.8, 219, 219); --pxl-info-shade-03: rgb(157.7, 223.5, 223.5); --pxl-info-shade-04: rgb(171.6, 228, 228); --pxl-info-shade-05: rgb(185.5, 232.5, 232.5); --pxl-info-shade-06: rgb(199.4, 237, 237); --pxl-info-shade-07: rgb(213.3, 241.5, 241.5); --pxl-info-shade-08: rgb(227.2, 246, 246); --pxl-info-shade-09: rgb(241.1, 250.5, 250.5); --pxl-info-shade-10: white; --pxl-success: #8ee05b; --pxl-success-tint-00: #1f1f1f; --pxl-success-tint-01: rgb(42.1, 50.3, 37); --pxl-success-tint-02: rgb(53.2, 69.6, 43); --pxl-success-tint-03: rgb(64.3, 88.9, 49); --pxl-success-tint-04: rgb(75.4, 108.2, 55); --pxl-success-tint-05: rgb(86.5, 127.5, 61); --pxl-success-tint-06: rgb(97.6, 146.8, 67); --pxl-success-tint-07: rgb(108.7, 166.1, 73); --pxl-success-tint-08: rgb(119.8, 185.4, 79); --pxl-success-tint-09: rgb(130.9, 204.7, 85); --pxl-success-tint-10: #8ee05b; --pxl-success-shade-00: #8ee05b; --pxl-success-shade-01: rgb(153.3, 227.1, 107.4); --pxl-success-shade-02: rgb(164.6, 230.2, 123.8); --pxl-success-shade-03: rgb(175.9, 233.3, 140.2); --pxl-success-shade-04: rgb(187.2, 236.4, 156.6); --pxl-success-shade-05: rgb(198.5, 239.5, 173); --pxl-success-shade-06: rgb(209.8, 242.6, 189.4); --pxl-success-shade-07: rgb(221.1, 245.7, 205.8); --pxl-success-shade-08: rgb(232.4, 248.8, 222.2); --pxl-success-shade-09: rgb(243.7, 251.9, 238.6); --pxl-success-shade-10: white; --pxl-warning: #faec00; --pxl-warning-tint-00: #1f1f1f; --pxl-warning-tint-01: rgb(52.9, 51.5, 27.9); --pxl-warning-tint-02: rgb(74.8, 72, 24.8); --pxl-warning-tint-03: rgb(96.7, 92.5, 21.7); --pxl-warning-tint-04: rgb(118.6, 113, 18.6); --pxl-warning-tint-05: rgb(140.5, 133.5, 15.5); --pxl-warning-tint-06: rgb(162.4, 154, 12.4); --pxl-warning-tint-07: rgb(184.3, 174.5, 9.3); --pxl-warning-tint-08: rgb(206.2, 195, 6.2); --pxl-warning-tint-09: rgb(228.1, 215.5, 3.1); --pxl-warning-tint-10: #faec00; --pxl-warning-shade-00: #faec00; --pxl-warning-shade-01: rgb(250.5, 237.9, 25.5); --pxl-warning-shade-02: rgb(251, 239.8, 51); --pxl-warning-shade-03: rgb(251.5, 241.7, 76.5); --pxl-warning-shade-04: rgb(252, 243.6, 102); --pxl-warning-shade-05: rgb(252.5, 245.5, 127.5); --pxl-warning-shade-06: rgb(253, 247.4, 153); --pxl-warning-shade-07: rgb(253.5, 249.3, 178.5); --pxl-warning-shade-08: rgb(254, 251.2, 204); --pxl-warning-shade-09: rgb(254.5, 253.1, 229.5); --pxl-warning-shade-10: white; --pxl-error: #fb8e76; --pxl-error-tint-00: #1f1f1f; --pxl-error-tint-01: rgb(53, 42.1, 39.7); --pxl-error-tint-02: rgb(75, 53.2, 48.4); --pxl-error-tint-03: rgb(97, 64.3, 57.1); --pxl-error-tint-04: rgb(119, 75.4, 65.8); --pxl-error-tint-05: rgb(141, 86.5, 74.5); --pxl-error-tint-06: rgb(163, 97.6, 83.2); --pxl-error-tint-07: rgb(185, 108.7, 91.9); --pxl-error-tint-08: rgb(207, 119.8, 100.6); --pxl-error-tint-09: rgb(229, 130.9, 109.3); --pxl-error-tint-10: #fb8e76; --pxl-error-shade-00: #fb8e76; --pxl-error-shade-01: rgb(251.4, 153.3, 131.7); --pxl-error-shade-02: rgb(251.8, 164.6, 145.4); --pxl-error-shade-03: rgb(252.2, 175.9, 159.1); --pxl-error-shade-04: rgb(252.6, 187.2, 172.8); --pxl-error-shade-05: rgb(253, 198.5, 186.5); --pxl-error-shade-06: rgb(253.4, 209.8, 200.2); --pxl-error-shade-07: rgb(253.8, 221.1, 213.9); --pxl-error-shade-08: rgb(254.2, 232.4, 227.6); --pxl-error-shade-09: rgb(254.6, 243.7, 241.3); --pxl-error-shade-10: white; --pxl-accent1: #bababa; --pxl-accent1-tint-00: #1f1f1f; --pxl-accent1-tint-01: rgb(46.5, 46.5, 46.5); --pxl-accent1-tint-02: #3e3e3e; --pxl-accent1-tint-03: rgb(77.5, 77.5, 77.5); --pxl-accent1-tint-04: #5d5d5d; --pxl-accent1-tint-05: rgb(108.5, 108.5, 108.5); --pxl-accent1-tint-06: #7c7c7c; --pxl-accent1-tint-07: rgb(139.5, 139.5, 139.5); --pxl-accent1-tint-08: #9b9b9b; --pxl-accent1-tint-09: rgb(170.5, 170.5, 170.5); --pxl-accent1-tint-10: #bababa; --pxl-accent1-shade-00: #bababa; --pxl-accent1-shade-01: rgb(192.9, 192.9, 192.9); --pxl-accent1-shade-02: rgb(199.8, 199.8, 199.8); --pxl-accent1-shade-03: rgb(206.7, 206.7, 206.7); --pxl-accent1-shade-04: rgb(213.6, 213.6, 213.6); --pxl-accent1-shade-05: rgb(220.5, 220.5, 220.5); --pxl-accent1-shade-06: rgb(227.4, 227.4, 227.4); --pxl-accent1-shade-07: rgb(234.3, 234.3, 234.3); --pxl-accent1-shade-08: rgb(241.2, 241.2, 241.2); --pxl-accent1-shade-09: rgb(248.1, 248.1, 248.1); --pxl-accent1-shade-10: white; --pxl-accent2: #f8f8f8; --pxl-accent2-tint-00: #1f1f1f; --pxl-accent2-tint-01: rgb(52.7, 52.7, 52.7); --pxl-accent2-tint-02: rgb(74.4, 74.4, 74.4); --pxl-accent2-tint-03: rgb(96.1, 96.1, 96.1); --pxl-accent2-tint-04: rgb(117.8, 117.8, 117.8); --pxl-accent2-tint-05: rgb(139.5, 139.5, 139.5); --pxl-accent2-tint-06: rgb(161.2, 161.2, 161.2); --pxl-accent2-tint-07: rgb(182.9, 182.9, 182.9); --pxl-accent2-tint-08: rgb(204.6, 204.6, 204.6); --pxl-accent2-tint-09: rgb(226.3, 226.3, 226.3); --pxl-accent2-tint-10: #f8f8f8; --pxl-accent2-shade-00: #f8f8f8; --pxl-accent2-shade-01: rgb(248.7, 248.7, 248.7); --pxl-accent2-shade-02: rgb(249.4, 249.4, 249.4); --pxl-accent2-shade-03: rgb(250.1, 250.1, 250.1); --pxl-accent2-shade-04: rgb(250.8, 250.8, 250.8); --pxl-accent2-shade-05: rgb(251.5, 251.5, 251.5); --pxl-accent2-shade-06: rgb(252.2, 252.2, 252.2); --pxl-accent2-shade-07: rgb(252.9, 252.9, 252.9); --pxl-accent2-shade-08: rgb(253.6, 253.6, 253.6); --pxl-accent2-shade-09: rgb(254.3, 254.3, 254.3); --pxl-accent2-shade-10: white; --pxl-color-tag-3: #ffb342; --pxl-color-tag-3-tint-00: #1f1f1f; --pxl-color-tag-3-tint-01: rgb(53.4, 45.8, 34.5); --pxl-color-tag-3-tint-02: rgb(75.8, 60.6, 38); --pxl-color-tag-3-tint-03: rgb(98.2, 75.4, 41.5); --pxl-color-tag-3-tint-04: rgb(120.6, 90.2, 45); --pxl-color-tag-3-tint-05: rgb(143, 105, 48.5); --pxl-color-tag-3-tint-06: rgb(165.4, 119.8, 52); --pxl-color-tag-3-tint-07: rgb(187.8, 134.6, 55.5); --pxl-color-tag-3-tint-08: rgb(210.2, 149.4, 59); --pxl-color-tag-3-tint-09: rgb(232.6, 164.2, 62.5); --pxl-color-tag-3-tint-10: #ffb342; --pxl-color-tag-3-shade-00: #ffb342; --pxl-color-tag-3-shade-01: rgb(255, 186.6, 84.9); --pxl-color-tag-3-shade-02: rgb(255, 194.2, 103.8); --pxl-color-tag-3-shade-03: rgb(255, 201.8, 122.7); --pxl-color-tag-3-shade-04: rgb(255, 209.4, 141.6); --pxl-color-tag-3-shade-05: rgb(255, 217, 160.5); --pxl-color-tag-3-shade-06: rgb(255, 224.6, 179.4); --pxl-color-tag-3-shade-07: rgb(255, 232.2, 198.3); --pxl-color-tag-3-shade-08: rgb(255, 239.8, 217.2); --pxl-color-tag-3-shade-09: rgb(255, 247.4, 236.1); --pxl-color-tag-3-shade-10: white; --pxl-color-tag-5: #889721; --pxl-color-tag-5-tint-00: #1f1f1f; --pxl-color-tag-5-tint-01: rgb(41.5, 43, 31.2); --pxl-color-tag-5-tint-02: rgb(52, 55, 31.4); --pxl-color-tag-5-tint-03: rgb(62.5, 67, 31.6); --pxl-color-tag-5-tint-04: rgb(73, 79, 31.8); --pxl-color-tag-5-tint-05: rgb(83.5, 91, 32); --pxl-color-tag-5-tint-06: rgb(94, 103, 32.2); --pxl-color-tag-5-tint-07: rgb(104.5, 115, 32.4); --pxl-color-tag-5-tint-08: rgb(115, 127, 32.6); --pxl-color-tag-5-tint-09: rgb(125.5, 139, 32.8); --pxl-color-tag-5-tint-10: #889721; --pxl-color-tag-5-shade-00: #889721; --pxl-color-tag-5-shade-01: rgb(147.9, 161.4, 55.2); --pxl-color-tag-5-shade-02: rgb(159.8, 171.8, 77.4); --pxl-color-tag-5-shade-03: rgb(171.7, 182.2, 99.6); --pxl-color-tag-5-shade-04: rgb(183.6, 192.6, 121.8); --pxl-color-tag-5-shade-05: rgb(195.5, 203, 144); --pxl-color-tag-5-shade-06: rgb(207.4, 213.4, 166.2); --pxl-color-tag-5-shade-07: rgb(219.3, 223.8, 188.4); --pxl-color-tag-5-shade-08: rgb(231.2, 234.2, 210.6); --pxl-color-tag-5-shade-09: rgb(243.1, 244.6, 232.8); --pxl-color-tag-5-shade-10: white; --pxl-color-tag-7: #47a9a5; --pxl-color-tag-7-tint-00: #1f1f1f; --pxl-color-tag-7-tint-01: rgb(35, 44.8, 44.4); --pxl-color-tag-7-tint-02: rgb(39, 58.6, 57.8); --pxl-color-tag-7-tint-03: rgb(43, 72.4, 71.2); --pxl-color-tag-7-tint-04: rgb(47, 86.2, 84.6); --pxl-color-tag-7-tint-05: #336462; --pxl-color-tag-7-tint-06: rgb(55, 113.8, 111.4); --pxl-color-tag-7-tint-07: rgb(59, 127.6, 124.8); --pxl-color-tag-7-tint-08: rgb(63, 141.4, 138.2); --pxl-color-tag-7-tint-09: rgb(67, 155.2, 151.6); --pxl-color-tag-7-tint-10: #47a9a5; --pxl-color-tag-7-shade-00: #47a9a5; --pxl-color-tag-7-shade-01: rgb(89.4, 177.6, 174); --pxl-color-tag-7-shade-02: rgb(107.8, 186.2, 183); --pxl-color-tag-7-shade-03: rgb(126.2, 194.8, 192); --pxl-color-tag-7-shade-04: rgb(144.6, 203.4, 201); --pxl-color-tag-7-shade-05: #a3d4d2; --pxl-color-tag-7-shade-06: rgb(181.4, 220.6, 219); --pxl-color-tag-7-shade-07: rgb(199.8, 229.2, 228); --pxl-color-tag-7-shade-08: rgb(218.2, 237.8, 237); --pxl-color-tag-7-shade-09: rgb(236.6, 246.4, 246); --pxl-color-tag-7-shade-10: white; --pxl-color-tag-9: #8871ff; --pxl-color-tag-9-tint-00: #1f1f1f; --pxl-color-tag-9-tint-01: rgb(41.5, 39.2, 53.4); --pxl-color-tag-9-tint-02: rgb(52, 47.4, 75.8); --pxl-color-tag-9-tint-03: rgb(62.5, 55.6, 98.2); --pxl-color-tag-9-tint-04: rgb(73, 63.8, 120.6); --pxl-color-tag-9-tint-05: rgb(83.5, 72, 143); --pxl-color-tag-9-tint-06: rgb(94, 80.2, 165.4); --pxl-color-tag-9-tint-07: rgb(104.5, 88.4, 187.8); --pxl-color-tag-9-tint-08: rgb(115, 96.6, 210.2); --pxl-color-tag-9-tint-09: rgb(125.5, 104.8, 232.6); --pxl-color-tag-9-tint-10: #8871ff; --pxl-color-tag-9-shade-00: #8871ff; --pxl-color-tag-9-shade-01: rgb(147.9, 127.2, 255); --pxl-color-tag-9-shade-02: rgb(159.8, 141.4, 255); --pxl-color-tag-9-shade-03: rgb(171.7, 155.6, 255); --pxl-color-tag-9-shade-04: rgb(183.6, 169.8, 255); --pxl-color-tag-9-shade-05: rgb(195.5, 184, 255); --pxl-color-tag-9-shade-06: rgb(207.4, 198.2, 255); --pxl-color-tag-9-shade-07: rgb(219.3, 212.4, 255); --pxl-color-tag-9-shade-08: rgb(231.2, 226.6, 255); --pxl-color-tag-9-shade-09: rgb(243.1, 240.8, 255); --pxl-color-tag-9-shade-10: white; --pxl-color-tag-11: #bb597f; --pxl-color-tag-11-tint-00: #1f1f1f; --pxl-color-tag-11-tint-01: rgb(46.6, 36.8, 40.6); --pxl-color-tag-11-tint-02: rgb(62.2, 42.6, 50.2); --pxl-color-tag-11-tint-03: rgb(77.8, 48.4, 59.8); --pxl-color-tag-11-tint-04: rgb(93.4, 54.2, 69.4); --pxl-color-tag-11-tint-05: #6d3c4f; --pxl-color-tag-11-tint-06: rgb(124.6, 65.8, 88.6); --pxl-color-tag-11-tint-07: rgb(140.2, 71.6, 98.2); --pxl-color-tag-11-tint-08: rgb(155.8, 77.4, 107.8); --pxl-color-tag-11-tint-09: rgb(171.4, 83.2, 117.4); --pxl-color-tag-11-tint-10: #bb597f; --pxl-color-tag-11-shade-00: #bb597f; --pxl-color-tag-11-shade-01: rgb(193.8, 105.6, 139.8); --pxl-color-tag-11-shade-02: rgb(200.6, 122.2, 152.6); --pxl-color-tag-11-shade-03: rgb(207.4, 138.8, 165.4); --pxl-color-tag-11-shade-04: rgb(214.2, 155.4, 178.2); --pxl-color-tag-11-shade-05: #ddacbf; --pxl-color-tag-11-shade-06: rgb(227.8, 188.6, 203.8); --pxl-color-tag-11-shade-07: rgb(234.6, 205.2, 216.6); --pxl-color-tag-11-shade-08: rgb(241.4, 221.8, 229.4); --pxl-color-tag-11-shade-09: rgb(248.2, 238.4, 242.2); --pxl-color-tag-11-shade-10: white; --pxl-chart-1: #909090; --pxl-chart-1-tint-00: #1f1f1f; --pxl-chart-1-tint-01: rgb(42.3, 42.3, 42.3); --pxl-chart-1-tint-02: rgb(53.6, 53.6, 53.6); --pxl-chart-1-tint-03: rgb(64.9, 64.9, 64.9); --pxl-chart-1-tint-04: rgb(76.2, 76.2, 76.2); --pxl-chart-1-tint-05: rgb(87.5, 87.5, 87.5); --pxl-chart-1-tint-06: rgb(98.8, 98.8, 98.8); --pxl-chart-1-tint-07: rgb(110.1, 110.1, 110.1); --pxl-chart-1-tint-08: rgb(121.4, 121.4, 121.4); --pxl-chart-1-tint-09: rgb(132.7, 132.7, 132.7); --pxl-chart-1-tint-10: #909090; --pxl-chart-1-shade-00: #909090; --pxl-chart-1-shade-01: rgb(155.1, 155.1, 155.1); --pxl-chart-1-shade-02: rgb(166.2, 166.2, 166.2); --pxl-chart-1-shade-03: rgb(177.3, 177.3, 177.3); --pxl-chart-1-shade-04: rgb(188.4, 188.4, 188.4); --pxl-chart-1-shade-05: rgb(199.5, 199.5, 199.5); --pxl-chart-1-shade-06: rgb(210.6, 210.6, 210.6); --pxl-chart-1-shade-07: rgb(221.7, 221.7, 221.7); --pxl-chart-1-shade-08: rgb(232.8, 232.8, 232.8); --pxl-chart-1-shade-09: rgb(243.9, 243.9, 243.9); --pxl-chart-1-shade-10: white; --pxl-chart-2: #d9382e; --pxl-chart-2-tint-00: #1f1f1f; --pxl-chart-2-tint-01: rgb(49.6, 33.5, 32.5); --pxl-chart-2-tint-02: rgb(68.2, 36, 34); --pxl-chart-2-tint-03: rgb(86.8, 38.5, 35.5); --pxl-chart-2-tint-04: rgb(105.4, 41, 37); --pxl-chart-2-tint-05: rgb(124, 43.5, 38.5); --pxl-chart-2-tint-06: rgb(142.6, 46, 40); --pxl-chart-2-tint-07: rgb(161.2, 48.5, 41.5); --pxl-chart-2-tint-08: rgb(179.8, 51, 43); --pxl-chart-2-tint-09: rgb(198.4, 53.5, 44.5); --pxl-chart-2-tint-10: #d9382e; --pxl-chart-2-shade-00: #d9382e; --pxl-chart-2-shade-01: rgb(220.8, 75.9, 66.9); --pxl-chart-2-shade-02: rgb(224.6, 95.8, 87.8); --pxl-chart-2-shade-03: rgb(228.4, 115.7, 108.7); --pxl-chart-2-shade-04: rgb(232.2, 135.6, 129.6); --pxl-chart-2-shade-05: rgb(236, 155.5, 150.5); --pxl-chart-2-shade-06: rgb(239.8, 175.4, 171.4); --pxl-chart-2-shade-07: rgb(243.6, 195.3, 192.3); --pxl-chart-2-shade-08: rgb(247.4, 215.2, 213.2); --pxl-chart-2-shade-09: rgb(251.2, 235.1, 234.1); --pxl-chart-2-shade-10: white; --pxl-chart-3: #f3772b; --pxl-chart-3-tint-00: #1f1f1f; --pxl-chart-3-tint-01: rgb(52.2, 39.8, 32.2); --pxl-chart-3-tint-02: rgb(73.4, 48.6, 33.4); --pxl-chart-3-tint-03: rgb(94.6, 57.4, 34.6); --pxl-chart-3-tint-04: rgb(115.8, 66.2, 35.8); --pxl-chart-3-tint-05: #894b25; --pxl-chart-3-tint-06: rgb(158.2, 83.8, 38.2); --pxl-chart-3-tint-07: rgb(179.4, 92.6, 39.4); --pxl-chart-3-tint-08: rgb(200.6, 101.4, 40.6); --pxl-chart-3-tint-09: rgb(221.8, 110.2, 41.8); --pxl-chart-3-tint-10: #f3772b; --pxl-chart-3-shade-00: #f3772b; --pxl-chart-3-shade-01: rgb(244.2, 132.6, 64.2); --pxl-chart-3-shade-02: rgb(245.4, 146.2, 85.4); --pxl-chart-3-shade-03: rgb(246.6, 159.8, 106.6); --pxl-chart-3-shade-04: rgb(247.8, 173.4, 127.8); --pxl-chart-3-shade-05: #f9bb95; --pxl-chart-3-shade-06: rgb(250.2, 200.6, 170.2); --pxl-chart-3-shade-07: rgb(251.4, 214.2, 191.4); --pxl-chart-3-shade-08: rgb(252.6, 227.8, 212.6); --pxl-chart-3-shade-09: rgb(253.8, 241.4, 233.8); --pxl-chart-3-shade-10: white; --pxl-chart-4: #e4b667; --pxl-chart-4-tint-00: #1f1f1f; --pxl-chart-4-tint-01: rgb(50.7, 46.1, 38.2); --pxl-chart-4-tint-02: rgb(70.4, 61.2, 45.4); --pxl-chart-4-tint-03: rgb(90.1, 76.3, 52.6); --pxl-chart-4-tint-04: rgb(109.8, 91.4, 59.8); --pxl-chart-4-tint-05: rgb(129.5, 106.5, 67); --pxl-chart-4-tint-06: rgb(149.2, 121.6, 74.2); --pxl-chart-4-tint-07: rgb(168.9, 136.7, 81.4); --pxl-chart-4-tint-08: rgb(188.6, 151.8, 88.6); --pxl-chart-4-tint-09: rgb(208.3, 166.9, 95.8); --pxl-chart-4-tint-10: #e4b667; --pxl-chart-4-shade-00: #e4b667; --pxl-chart-4-shade-01: rgb(230.7, 189.3, 118.2); --pxl-chart-4-shade-02: rgb(233.4, 196.6, 133.4); --pxl-chart-4-shade-03: rgb(236.1, 203.9, 148.6); --pxl-chart-4-shade-04: rgb(238.8, 211.2, 163.8); --pxl-chart-4-shade-05: rgb(241.5, 218.5, 179); --pxl-chart-4-shade-06: rgb(244.2, 225.8, 194.2); --pxl-chart-4-shade-07: rgb(246.9, 233.1, 209.4); --pxl-chart-4-shade-08: rgb(249.6, 240.4, 224.6); --pxl-chart-4-shade-09: rgb(252.3, 247.7, 239.8); --pxl-chart-4-shade-10: white; --pxl-chart-5: #ffdd4b; --pxl-chart-5-tint-00: #1f1f1f; --pxl-chart-5-tint-01: rgb(53.4, 50, 35.4); --pxl-chart-5-tint-02: rgb(75.8, 69, 39.8); --pxl-chart-5-tint-03: rgb(98.2, 88, 44.2); --pxl-chart-5-tint-04: rgb(120.6, 107, 48.6); --pxl-chart-5-tint-05: #8f7e35; --pxl-chart-5-tint-06: rgb(165.4, 145, 57.4); --pxl-chart-5-tint-07: rgb(187.8, 164, 61.8); --pxl-chart-5-tint-08: rgb(210.2, 183, 66.2); --pxl-chart-5-tint-09: rgb(232.6, 202, 70.6); --pxl-chart-5-tint-10: #ffdd4b; --pxl-chart-5-shade-00: #ffdd4b; --pxl-chart-5-shade-01: rgb(255, 224.4, 93); --pxl-chart-5-shade-02: rgb(255, 227.8, 111); --pxl-chart-5-shade-03: rgb(255, 231.2, 129); --pxl-chart-5-shade-04: rgb(255, 234.6, 147); --pxl-chart-5-shade-05: #ffeea5; --pxl-chart-5-shade-06: rgb(255, 241.4, 183); --pxl-chart-5-shade-07: rgb(255, 244.8, 201); --pxl-chart-5-shade-08: rgb(255, 248.2, 219); --pxl-chart-5-shade-09: rgb(255, 251.6, 237); --pxl-chart-5-shade-10: white; --pxl-chart-6: #01b75c; --pxl-chart-6-tint-00: #1f1f1f; --pxl-chart-6-tint-01: rgb(28, 46.2, 37.1); --pxl-chart-6-tint-02: rgb(25, 61.4, 43.2); --pxl-chart-6-tint-03: rgb(22, 76.6, 49.3); --pxl-chart-6-tint-04: rgb(19, 91.8, 55.4); --pxl-chart-6-tint-05: rgb(16, 107, 61.5); --pxl-chart-6-tint-06: rgb(13, 122.2, 67.6); --pxl-chart-6-tint-07: rgb(10, 137.4, 73.7); --pxl-chart-6-tint-08: rgb(7, 152.6, 79.8); --pxl-chart-6-tint-09: rgb(4, 167.8, 85.9); --pxl-chart-6-tint-10: #01b75c; --pxl-chart-6-shade-00: #01b75c; --pxl-chart-6-shade-01: rgb(26.4, 190.2, 108.3); --pxl-chart-6-shade-02: rgb(51.8, 197.4, 124.6); --pxl-chart-6-shade-03: rgb(77.2, 204.6, 140.9); --pxl-chart-6-shade-04: rgb(102.6, 211.8, 157.2); --pxl-chart-6-shade-05: rgb(128, 219, 173.5); --pxl-chart-6-shade-06: rgb(153.4, 226.2, 189.8); --pxl-chart-6-shade-07: rgb(178.8, 233.4, 206.1); --pxl-chart-6-shade-08: rgb(204.2, 240.6, 222.4); --pxl-chart-6-shade-09: rgb(229.6, 247.8, 238.7); --pxl-chart-6-shade-10: white; --pxl-chart-7: #20ded3; --pxl-chart-7-tint-00: #1f1f1f; --pxl-chart-7-tint-01: rgb(31.1, 50.1, 49); --pxl-chart-7-tint-02: rgb(31.2, 69.2, 67); --pxl-chart-7-tint-03: rgb(31.3, 88.3, 85); --pxl-chart-7-tint-04: rgb(31.4, 107.4, 103); --pxl-chart-7-tint-05: rgb(31.5, 126.5, 121); --pxl-chart-7-tint-06: rgb(31.6, 145.6, 139); --pxl-chart-7-tint-07: rgb(31.7, 164.7, 157); --pxl-chart-7-tint-08: rgb(31.8, 183.8, 175); --pxl-chart-7-tint-09: rgb(31.9, 202.9, 193); --pxl-chart-7-tint-10: #20ded3; --pxl-chart-7-shade-00: #20ded3; --pxl-chart-7-shade-01: rgb(54.3, 225.3, 215.4); --pxl-chart-7-shade-02: rgb(76.6, 228.6, 219.8); --pxl-chart-7-shade-03: rgb(98.9, 231.9, 224.2); --pxl-chart-7-shade-04: rgb(121.2, 235.2, 228.6); --pxl-chart-7-shade-05: rgb(143.5, 238.5, 233); --pxl-chart-7-shade-06: rgb(165.8, 241.8, 237.4); --pxl-chart-7-shade-07: rgb(188.1, 245.1, 241.8); --pxl-chart-7-shade-08: rgb(210.4, 248.4, 246.2); --pxl-chart-7-shade-09: rgb(232.7, 251.7, 250.6); --pxl-chart-7-shade-10: white; --pxl-chart-8: #29b7d6; --pxl-chart-8-tint-00: #1f1f1f; --pxl-chart-8-tint-01: rgb(32, 46.2, 49.3); --pxl-chart-8-tint-02: rgb(33, 61.4, 67.6); --pxl-chart-8-tint-03: rgb(34, 76.6, 85.9); --pxl-chart-8-tint-04: rgb(35, 91.8, 104.2); --pxl-chart-8-tint-05: rgb(36, 107, 122.5); --pxl-chart-8-tint-06: rgb(37, 122.2, 140.8); --pxl-chart-8-tint-07: rgb(38, 137.4, 159.1); --pxl-chart-8-tint-08: rgb(39, 152.6, 177.4); --pxl-chart-8-tint-09: rgb(40, 167.8, 195.7); --pxl-chart-8-tint-10: #29b7d6; --pxl-chart-8-shade-00: #29b7d6; --pxl-chart-8-shade-01: rgb(62.4, 190.2, 218.1); --pxl-chart-8-shade-02: rgb(83.8, 197.4, 222.2); --pxl-chart-8-shade-03: rgb(105.2, 204.6, 226.3); --pxl-chart-8-shade-04: rgb(126.6, 211.8, 230.4); --pxl-chart-8-shade-05: rgb(148, 219, 234.5); --pxl-chart-8-shade-06: rgb(169.4, 226.2, 238.6); --pxl-chart-8-shade-07: rgb(190.8, 233.4, 242.7); --pxl-chart-8-shade-08: rgb(212.2, 240.6, 246.8); --pxl-chart-8-shade-09: rgb(233.6, 247.8, 250.9); --pxl-chart-8-shade-10: white; --pxl-chart-9: #1970de; --pxl-chart-9-tint-00: #1f1f1f; --pxl-chart-9-tint-01: rgb(30.4, 39.1, 50.1); --pxl-chart-9-tint-02: rgb(29.8, 47.2, 69.2); --pxl-chart-9-tint-03: rgb(29.2, 55.3, 88.3); --pxl-chart-9-tint-04: rgb(28.6, 63.4, 107.4); --pxl-chart-9-tint-05: rgb(28, 71.5, 126.5); --pxl-chart-9-tint-06: rgb(27.4, 79.6, 145.6); --pxl-chart-9-tint-07: rgb(26.8, 87.7, 164.7); --pxl-chart-9-tint-08: rgb(26.2, 95.8, 183.8); --pxl-chart-9-tint-09: rgb(25.6, 103.9, 202.9); --pxl-chart-9-tint-10: #1970de; --pxl-chart-9-shade-00: #1970de; --pxl-chart-9-shade-01: rgb(48, 126.3, 225.3); --pxl-chart-9-shade-02: rgb(71, 140.6, 228.6); --pxl-chart-9-shade-03: rgb(94, 154.9, 231.9); --pxl-chart-9-shade-04: rgb(117, 169.2, 235.2); --pxl-chart-9-shade-05: rgb(140, 183.5, 238.5); --pxl-chart-9-shade-06: rgb(163, 197.8, 241.8); --pxl-chart-9-shade-07: rgb(186, 212.1, 245.1); --pxl-chart-9-shade-08: rgb(209, 226.4, 248.4); --pxl-chart-9-shade-09: rgb(232, 240.7, 251.7); --pxl-chart-9-shade-10: white; --pxl-chart-10: #705af8; --pxl-chart-10-tint-00: #1f1f1f; --pxl-chart-10-tint-01: rgb(39.1, 36.9, 52.7); --pxl-chart-10-tint-02: rgb(47.2, 42.8, 74.4); --pxl-chart-10-tint-03: rgb(55.3, 48.7, 96.1); --pxl-chart-10-tint-04: rgb(63.4, 54.6, 117.8); --pxl-chart-10-tint-05: rgb(71.5, 60.5, 139.5); --pxl-chart-10-tint-06: rgb(79.6, 66.4, 161.2); --pxl-chart-10-tint-07: rgb(87.7, 72.3, 182.9); --pxl-chart-10-tint-08: rgb(95.8, 78.2, 204.6); --pxl-chart-10-tint-09: rgb(103.9, 84.1, 226.3); --pxl-chart-10-tint-10: #705af8; --pxl-chart-10-shade-00: #705af8; --pxl-chart-10-shade-01: rgb(126.3, 106.5, 248.7); --pxl-chart-10-shade-02: rgb(140.6, 123, 249.4); --pxl-chart-10-shade-03: rgb(154.9, 139.5, 250.1); --pxl-chart-10-shade-04: rgb(169.2, 156, 250.8); --pxl-chart-10-shade-05: rgb(183.5, 172.5, 251.5); --pxl-chart-10-shade-06: rgb(197.8, 189, 252.2); --pxl-chart-10-shade-07: rgb(212.1, 205.5, 252.9); --pxl-chart-10-shade-08: rgb(226.4, 222, 253.6); --pxl-chart-10-shade-09: rgb(240.7, 238.5, 254.3); --pxl-chart-10-shade-10: white; --pxl-chart-11: #a14ed9; --pxl-chart-11-tint-00: #1f1f1f; --pxl-chart-11-tint-01: rgb(44, 35.7, 49.6); --pxl-chart-11-tint-02: rgb(57, 40.4, 68.2); --pxl-chart-11-tint-03: rgb(70, 45.1, 86.8); --pxl-chart-11-tint-04: rgb(83, 49.8, 105.4); --pxl-chart-11-tint-05: rgb(96, 54.5, 124); --pxl-chart-11-tint-06: rgb(109, 59.2, 142.6); --pxl-chart-11-tint-07: rgb(122, 63.9, 161.2); --pxl-chart-11-tint-08: rgb(135, 68.6, 179.8); --pxl-chart-11-tint-09: rgb(148, 73.3, 198.4); --pxl-chart-11-tint-10: #a14ed9; --pxl-chart-11-shade-00: #a14ed9; --pxl-chart-11-shade-01: rgb(170.4, 95.7, 220.8); --pxl-chart-11-shade-02: rgb(179.8, 113.4, 224.6); --pxl-chart-11-shade-03: rgb(189.2, 131.1, 228.4); --pxl-chart-11-shade-04: rgb(198.6, 148.8, 232.2); --pxl-chart-11-shade-05: rgb(208, 166.5, 236); --pxl-chart-11-shade-06: rgb(217.4, 184.2, 239.8); --pxl-chart-11-shade-07: rgb(226.8, 201.9, 243.6); --pxl-chart-11-shade-08: rgb(236.2, 219.6, 247.4); --pxl-chart-11-shade-09: rgb(245.6, 237.3, 251.2); --pxl-chart-11-shade-10: white; --pxl-chart-12: #d92e94; --pxl-chart-12-tint-00: #1f1f1f; --pxl-chart-12-tint-01: rgb(49.6, 32.5, 42.7); --pxl-chart-12-tint-02: rgb(68.2, 34, 54.4); --pxl-chart-12-tint-03: rgb(86.8, 35.5, 66.1); --pxl-chart-12-tint-04: rgb(105.4, 37, 77.8); --pxl-chart-12-tint-05: rgb(124, 38.5, 89.5); --pxl-chart-12-tint-06: rgb(142.6, 40, 101.2); --pxl-chart-12-tint-07: rgb(161.2, 41.5, 112.9); --pxl-chart-12-tint-08: rgb(179.8, 43, 124.6); --pxl-chart-12-tint-09: rgb(198.4, 44.5, 136.3); --pxl-chart-12-tint-10: #d92e94; --pxl-chart-12-shade-00: #d92e94; --pxl-chart-12-shade-01: rgb(220.8, 66.9, 158.7); --pxl-chart-12-shade-02: rgb(224.6, 87.8, 169.4); --pxl-chart-12-shade-03: rgb(228.4, 108.7, 180.1); --pxl-chart-12-shade-04: rgb(232.2, 129.6, 190.8); --pxl-chart-12-shade-05: rgb(236, 150.5, 201.5); --pxl-chart-12-shade-06: rgb(239.8, 171.4, 212.2); --pxl-chart-12-shade-07: rgb(243.6, 192.3, 222.9); --pxl-chart-12-shade-08: rgb(247.4, 213.2, 233.6); --pxl-chart-12-shade-09: rgb(251.2, 234.1, 244.3); --pxl-chart-12-shade-10: white; --pxl-body-background: #1a1a1a; --pxl-focus: var(--pxl-primary-tint-08); --pxl-warning-contrast: var(--pxl-primary-tint-00); --pxl-color-font: var(--pxl-primary-tint-07); --pxl-border-color: var(--pxl-primary-tint-02); --pxl-nav-border-color: var(--pxl-primary-tint-02); --pxl-sensitivity-high: #3083cc; --pxl-sensitivity-medium: #82bce5; --pxl-sensitivity-non: #a8abb6; --pxl-sensitivity-indeterminate: #6a6281; --pxl-sensitivity-not-applicable: #444955; --pxl-panel-background: var(--pxl-primary-tint-01); --pxl-panel-shadow: 0 1px 4px black; --pxl-option-icon-color: var(--pxl-color-white); --pxl-option-background-hover: var(--pxl-primary-tint-02); --pxl-option-background-active: var(--pxl-primary-tint-03); --pxl-input-border-color: var(--pxl-primary-tint-02); --pxl-input-hover-background: var(--pxl-primary-tint-04); --pxl-input-focus-background: var(--pxl-primary-tint-03); --pxl-input-focus-border-color: var(--pxl-primary-tint-09); --pxl-font-family-primary: Inter, Arial, Helvetica, sans-serif; --pxl-font-family-secondary: Inter, Arial, Helvetica, sans-serif; --pxl-font-family-icon: pxl-icons; --pxl-animation-speed: 0.2s; --pxl-standard-spacing: 2.25rem; --pxl-color-main-background: var(--pxl-primary-tint-00); --pxl-color-inverse-background: var(--pxl-primary-tint-10); --pxl-color-default-border: var(--pxl-primary-tint-02); --pxl-color-selected: var(--pxl-secondary); --pxl-action: var(--pxl-action-tint-10); --pxl-action-hover: var(--pxl-action-tint-10); --pxl-color-white: #ffffff; --pxl-color-link-text: var(--pxl-action); --pxl-color-link-text-hover: var(--pxl-action-hover); --pxl-info-bg: var(--pxl-info-tint-03); --pxl-success-bg: var(--pxl-success-tint-03); --pxl-error-bg: var(--pxl-error-tint-03); --pxl-warning-bg: var(--pxl-warning-tint-03); --pxl-general-bg: var(--pxl-general-tint-03); --pxl-accent1-bg: var(--pxl-accent1-tint-03); --pxl-accent2-bg: var(--pxl-accent2-tint-03); --pxl-info-contrast: var(--pxl-info-tint-00); --pxl-success-contrast: var(--pxl-success-tint-00); --pxl-error-contrast: var(--pxl-error-tint-00); --pxl-general-contrast: var(--pxl-general-tint-00); --pxl-accent1-contrast: var(--pxl-accent1-tint-00); --pxl-accent2-contrast: var(--pxl-accent2-tint-00); --pxl-tooltip-color: var(--pxl-primary-tint-00); --pxl-tooltip-background-primary: var(--pxl-primary-tint-08); --pxl-tooltip-background-error: var(--pxl-error); --pxl-input-icon-color: var(--pxl-primary-tint-07); --pxl-input-focus-shadow: 0 0 6px rgba(var(--pxl-action), 0.5); --pxl-input-placeholder-color: var(--pxl-primary-tint-06); --pxl-input-hover-border-color: var(--pxl-primary-tint-05); --pxl-input-disabled-background: var(--pxl-primary-tint-01); --pxl-input-disabled-border-color: var(--pxl-primary-tint-01); --pxl-input-disabled-text-color: var(--pxl-primary-tint-06); --pxl-chart-marker-color: var(--pxl-primary-tint-00); --pxl-panel-radius: 0.25rem; --pxl-panel-border-color: var(--pxl-primary-tint-02); --pxl-panel-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --pxl-option-color: var(--pxl-color-font); --pxl-nav-background-color: #1f1f1f; --pxl-nav-font-color: #f8f8f8; --pxl-nav-active-background-color: #3e3e3e; --pxl-nav-active-font-color: #f8f8f8; --pxl-nav-inactive-font-color: #909090; --pxl-nav-disabled-font-color: #555555; --pxl-nav-subitem-active-color: #eaff00; --pxl-nav-divider-color: #3e3e3e; --pxl-nav-flyout-background-color: #282828; --pxl-nav-flyout-title-color: #909090; color-scheme: dark; } } @media (prefers-color-scheme: dark) { :root { --pxl-primary: #ffffff; --pxl-primary-tint-00: #1f1f1f; --pxl-primary-tint-01: #282828; --pxl-primary-tint-02: #3b3b3b; --pxl-primary-tint-03: #555555; --pxl-primary-tint-04: #707070; --pxl-primary-tint-05: #909090; --pxl-primary-tint-06: #bababa; --pxl-primary-tint-07: #dadada; --pxl-primary-tint-08: #ececec; --pxl-primary-tint-09: #f8f8f8; --pxl-primary-tint-10: #ffffff; --pxl-secondary: #bababa; --pxl-secondary-tint-00: #1f1f1f; --pxl-secondary-tint-01: rgb(46.5, 46.5, 46.5); --pxl-secondary-tint-02: #3e3e3e; --pxl-secondary-tint-03: rgb(77.5, 77.5, 77.5); --pxl-secondary-tint-04: #5d5d5d; --pxl-secondary-tint-05: rgb(108.5, 108.5, 108.5); --pxl-secondary-tint-06: #7c7c7c; --pxl-secondary-tint-07: rgb(139.5, 139.5, 139.5); --pxl-secondary-tint-08: #9b9b9b; --pxl-secondary-tint-09: rgb(170.5, 170.5, 170.5); --pxl-secondary-tint-10: #bababa; --pxl-secondary-shade-00: #bababa; --pxl-secondary-shade-01: rgb(192.9, 192.9, 192.9); --pxl-secondary-shade-02: rgb(199.8, 199.8, 199.8); --pxl-secondary-shade-03: rgb(206.7, 206.7, 206.7); --pxl-secondary-shade-04: rgb(213.6, 213.6, 213.6); --pxl-secondary-shade-05: rgb(220.5, 220.5, 220.5); --pxl-secondary-shade-06: rgb(227.4, 227.4, 227.4); --pxl-secondary-shade-07: rgb(234.3, 234.3, 234.3); --pxl-secondary-shade-08: rgb(241.2, 241.2, 241.2); --pxl-secondary-shade-09: rgb(248.1, 248.1, 248.1); --pxl-secondary-shade-10: white; --pxl-tertiary: #ff80a2; --pxl-tertiary-tint-00: #1f1f1f; --pxl-tertiary-tint-01: rgb(53.4, 40.7, 44.1); --pxl-tertiary-tint-02: rgb(75.8, 50.4, 57.2); --pxl-tertiary-tint-03: rgb(98.2, 60.1, 70.3); --pxl-tertiary-tint-04: rgb(120.6, 69.8, 83.4); --pxl-tertiary-tint-05: rgb(143, 79.5, 96.5); --pxl-tertiary-tint-06: rgb(165.4, 89.2, 109.6); --pxl-tertiary-tint-07: rgb(187.8, 98.9, 122.7); --pxl-tertiary-tint-08: rgb(210.2, 108.6, 135.8); --pxl-tertiary-tint-09: rgb(232.6, 118.3, 148.9); --pxl-tertiary-tint-10: #ff80a2; --pxl-tertiary-shade-00: #ff80a2; --pxl-tertiary-shade-01: rgb(255, 140.7, 171.3); --pxl-tertiary-shade-02: rgb(255, 153.4, 180.6); --pxl-tertiary-shade-03: rgb(255, 166.1, 189.9); --pxl-tertiary-shade-04: rgb(255, 178.8, 199.2); --pxl-tertiary-shade-05: rgb(255, 191.5, 208.5); --pxl-tertiary-shade-06: rgb(255, 204.2, 217.8); --pxl-tertiary-shade-07: rgb(255, 216.9, 227.1); --pxl-tertiary-shade-08: rgb(255, 229.6, 236.4); --pxl-tertiary-shade-09: rgb(255, 242.3, 245.7); --pxl-tertiary-shade-10: white; --pxl-action: #a6bbff; --pxl-action-tint-00: #1f1f1f; --pxl-action-tint-01: rgb(44.5, 46.6, 53.4); --pxl-action-tint-02: rgb(58, 62.2, 75.8); --pxl-action-tint-03: rgb(71.5, 77.8, 98.2); --pxl-action-tint-04: rgb(85, 93.4, 120.6); --pxl-action-tint-05: rgb(98.5, 109, 143); --pxl-action-tint-06: rgb(112, 124.6, 165.4); --pxl-action-tint-07: rgb(125.5, 140.2, 187.8); --pxl-action-tint-08: rgb(139, 155.8, 210.2); --pxl-action-tint-09: rgb(152.5, 171.4, 232.6); --pxl-action-tint-10: #a6bbff; --pxl-action-shade-00: #a6bbff; --pxl-action-shade-01: rgb(174.9, 193.8, 255); --pxl-action-shade-02: rgb(183.8, 200.6, 255); --pxl-action-shade-03: rgb(192.7, 207.4, 255); --pxl-action-shade-04: rgb(201.6, 214.2, 255); --pxl-action-shade-05: rgb(210.5, 221, 255); --pxl-action-shade-06: rgb(219.4, 227.8, 255); --pxl-action-shade-07: rgb(228.3, 234.6, 255); --pxl-action-shade-08: rgb(237.2, 241.4, 255); --pxl-action-shade-09: rgb(246.1, 248.2, 255); --pxl-action-shade-10: white; --pxl-warn: #fb8e76; --pxl-warn-tint-00: #1f1f1f; --pxl-warn-tint-01: rgb(53, 42.1, 39.7); --pxl-warn-tint-02: rgb(75, 53.2, 48.4); --pxl-warn-tint-03: rgb(97, 64.3, 57.1); --pxl-warn-tint-04: rgb(119, 75.4, 65.8); --pxl-warn-tint-05: rgb(141, 86.5, 74.5); --pxl-warn-tint-06: rgb(163, 97.6, 83.2); --pxl-warn-tint-07: rgb(185, 108.7, 91.9); --pxl-warn-tint-08: rgb(207, 119.8, 100.6); --pxl-warn-tint-09: rgb(229, 130.9, 109.3); --pxl-warn-tint-10: #fb8e76; --pxl-warn-shade-00: #fb8e76; --pxl-warn-shade-01: rgb(251.4, 153.3, 131.7); --pxl-warn-shade-02: rgb(251.8, 164.6, 145.4); --pxl-warn-shade-03: rgb(252.2, 175.9, 159.1); --pxl-warn-shade-04: rgb(252.6, 187.2, 172.8); --pxl-warn-shade-05: rgb(253, 198.5, 186.5); --pxl-warn-shade-06: rgb(253.4, 209.8, 200.2); --pxl-warn-shade-07: rgb(253.8, 221.1, 213.9); --pxl-warn-shade-08: rgb(254.2, 232.4, 227.6); --pxl-warn-shade-09: rgb(254.6, 243.7, 241.3); --pxl-warn-shade-10: white; --pxl-accent: #bababa; --pxl-accent-tint-00: #1f1f1f; --pxl-accent-tint-01: rgb(46.5, 46.5, 46.5); --pxl-accent-tint-02: #3e3e3e; --pxl-accent-tint-03: rgb(77.5, 77.5, 77.5); --pxl-accent-tint-04: #5d5d5d; --pxl-accent-tint-05: rgb(108.5, 108.5, 108.5); --pxl-accent-tint-06: #7c7c7c; --pxl-accent-tint-07: rgb(139.5, 139.5, 139.5); --pxl-accent-tint-08: #9b9b9b; --pxl-accent-tint-09: rgb(170.5, 170.5, 170.5); --pxl-accent-tint-10: #bababa; --pxl-accent-shade-00: #bababa; --pxl-accent-shade-01: rgb(192.9, 192.9, 192.9); --pxl-accent-shade-02: rgb(199.8, 199.8, 199.8); --pxl-accent-shade-03: rgb(206.7, 206.7, 206.7); --pxl-accent-shade-04: rgb(213.6, 213.6, 213.6); --pxl-accent-shade-05: rgb(220.5, 220.5, 220.5); --pxl-accent-shade-06: rgb(227.4, 227.4, 227.4); --pxl-accent-shade-07: rgb(234.3, 234.3, 234.3); --pxl-accent-shade-08: rgb(241.2, 241.2, 241.2); --pxl-accent-shade-09: rgb(248.1, 248.1, 248.1); --pxl-accent-shade-10: white; --pxl-general: #ce99ff; --pxl-general-tint-00: #1f1f1f; --pxl-general-tint-01: rgb(48.5, 43.2, 53.4); --pxl-general-tint-02: rgb(66, 55.4, 75.8); --pxl-general-tint-03: rgb(83.5, 67.6, 98.2); --pxl-general-tint-04: rgb(101, 79.8, 120.6); --pxl-general-tint-05: rgb(118.5, 92, 143); --pxl-general-tint-06: rgb(136, 104.2, 165.4); --pxl-general-tint-07: rgb(153.5, 116.4, 187.8); --pxl-general-tint-08: rgb(171, 128.6, 210.2); --pxl-general-tint-09: rgb(188.5, 140.8, 232.6); --pxl-general-tint-10: #ce99ff; --pxl-general-shade-00: #ce99ff; --pxl-general-shade-01: rgb(210.9, 163.2, 255); --pxl-general-shade-02: rgb(215.8, 173.4, 255); --pxl-general-shade-03: rgb(220.7, 183.6, 255); --pxl-general-shade-04: rgb(225.6, 193.8, 255); --pxl-general-shade-05: rgb(230.5, 204, 255); --pxl-general-shade-06: rgb(235.4, 214.2, 255); --pxl-general-shade-07: rgb(240.3, 224.4, 255); --pxl-general-shade-08: rgb(245.2, 234.6, 255); --pxl-general-shade-09: rgb(250.1, 244.8, 255); --pxl-general-shade-10: white; --pxl-info: #74d2d2; --pxl-info-tint-00: #1f1f1f; --pxl-info-tint-01: rgb(39.5, 48.9, 48.9); --pxl-info-tint-02: rgb(48, 66.8, 66.8); --pxl-info-tint-03: rgb(56.5, 84.7, 84.7); --pxl-info-tint-04: rgb(65, 102.6, 102.6); --pxl-info-tint-05: rgb(73.5, 120.5, 120.5); --pxl-info-tint-06: rgb(82, 138.4, 138.4); --pxl-info-tint-07: rgb(90.5, 156.3, 156.3); --pxl-info-tint-08: rgb(99, 174.2, 174.2); --pxl-info-tint-09: rgb(107.5, 192.1, 192.1); --pxl-info-tint-10: #74d2d2; --pxl-info-shade-00: #74d2d2; --pxl-info-shade-01: rgb(129.9, 214.5, 214.5); --pxl-info-shade-02: rgb(143.8, 219, 219); --pxl-info-shade-03: rgb(157.7, 223.5, 223.5); --pxl-info-shade-04: rgb(171.6, 228, 228); --pxl-info-shade-05: rgb(185.5, 232.5, 232.5); --pxl-info-shade-06: rgb(199.4, 237, 237); --pxl-info-shade-07: rgb(213.3, 241.5, 241.5); --pxl-info-shade-08: rgb(227.2, 246, 246); --pxl-info-shade-09: rgb(241.1, 250.5, 250.5); --pxl-info-shade-10: white; --pxl-success: #8ee05b; --pxl-success-tint-00: #1f1f1f; --pxl-success-tint-01: rgb(42.1, 50.3, 37); --pxl-success-tint-02: rgb(53.2, 69.6, 43); --pxl-success-tint-03: rgb(64.3, 88.9, 49); --pxl-success-tint-04: rgb(75.4, 108.2, 55); --pxl-success-tint-05: rgb(86.5, 127.5, 61); --pxl-success-tint-06: rgb(97.6, 146.8, 67); --pxl-success-tint-07: rgb(108.7, 166.1, 73); --pxl-success-tint-08: rgb(119.8, 185.4, 79); --pxl-success-tint-09: rgb(130.9, 204.7, 85); --pxl-success-tint-10: #8ee05b; --pxl-success-shade-00: #8ee05b; --pxl-success-shade-01: rgb(153.3, 227.1, 107.4); --pxl-success-shade-02: rgb(164.6, 230.2, 123.8); --pxl-success-shade-03: rgb(175.9, 233.3, 140.2); --pxl-success-shade-04: rgb(187.2, 236.4, 156.6); --pxl-success-shade-05: rgb(198.5, 239.5, 173); --pxl-success-shade-06: rgb(209.8, 242.6, 189.4); --pxl-success-shade-07: rgb(221.1, 245.7, 205.8); --pxl-success-shade-08: rgb(232.4, 248.8, 222.2); --pxl-success-shade-09: rgb(243.7, 251.9, 238.6); --pxl-success-shade-10: white; --pxl-warning: #faec00; --pxl-warning-tint-00: #1f1f1f; --pxl-warning-tint-01: rgb(52.9, 51.5, 27.9); --pxl-warning-tint-02: rgb(74.8, 72, 24.8); --pxl-warning-tint-03: rgb(96.7, 92.5, 21.7); --pxl-warning-tint-04: rgb(118.6, 113, 18.6); --pxl-warning-tint-05: rgb(140.5, 133.5, 15.5); --pxl-warning-tint-06: rgb(162.4, 154, 12.4); --pxl-warning-tint-07: rgb(184.3, 174.5, 9.3); --pxl-warning-tint-08: rgb(206.2, 195, 6.2); --pxl-warning-tint-09: rgb(228.1, 215.5, 3.1); --pxl-warning-tint-10: #faec00; --pxl-warning-shade-00: #faec00; --pxl-warning-shade-01: rgb(250.5, 237.9, 25.5); --pxl-warning-shade-02: rgb(251, 239.8, 51); --pxl-warning-shade-03: rgb(251.5, 241.7, 76.5); --pxl-warning-shade-04: rgb(252, 243.6, 102); --pxl-warning-shade-05: rgb(252.5, 245.5, 127.5); --pxl-warning-shade-06: rgb(253, 247.4, 153); --pxl-warning-shade-07: rgb(253.5, 249.3, 178.5); --pxl-warning-shade-08: rgb(254, 251.2, 204); --pxl-warning-shade-09: rgb(254.5, 253.1, 229.5); --pxl-warning-shade-10: white; --pxl-error: #fb8e76; --pxl-error-tint-00: #1f1f1f; --pxl-error-tint-01: rgb(53, 42.1, 39.7); --pxl-error-tint-02: rgb(75, 53.2, 48.4); --pxl-error-tint-03: rgb(97, 64.3, 57.1); --pxl-error-tint-04: rgb(119, 75.4, 65.8); --pxl-error-tint-05: rgb(141, 86.5, 74.5); --pxl-error-tint-06: rgb(163, 97.6, 83.2); --pxl-error-tint-07: rgb(185, 108.7, 91.9); --pxl-error-tint-08: rgb(207, 119.8, 100.6); --pxl-error-tint-09: rgb(229, 130.9, 109.3); --pxl-error-tint-10: #fb8e76; --pxl-error-shade-00: #fb8e76; --pxl-error-shade-01: rgb(251.4, 153.3, 131.7); --pxl-error-shade-02: rgb(251.8, 164.6, 145.4); --pxl-error-shade-03: rgb(252.2, 175.9, 159.1); --pxl-error-shade-04: rgb(252.6, 187.2, 172.8); --pxl-error-shade-05: rgb(253, 198.5, 186.5); --pxl-error-shade-06: rgb(253.4, 209.8, 200.2); --pxl-error-shade-07: rgb(253.8, 221.1, 213.9); --pxl-error-shade-08: rgb(254.2, 232.4, 227.6); --pxl-error-shade-09: rgb(254.6, 243.7, 241.3); --pxl-error-shade-10: white; --pxl-accent1: #bababa; --pxl-accent1-tint-00: #1f1f1f; --pxl-accent1-tint-01: rgb(46.5, 46.5, 46.5); --pxl-accent1-tint-02: #3e3e3e; --pxl-accent1-tint-03: rgb(77.5, 77.5, 77.5); --pxl-accent1-tint-04: #5d5d5d; --pxl-accent1-tint-05: rgb(108.5, 108.5, 108.5); --pxl-accent1-tint-06: #7c7c7c; --pxl-accent1-tint-07: rgb(139.5, 139.5, 139.5); --pxl-accent1-tint-08: #9b9b9b; --pxl-accent1-tint-09: rgb(170.5, 170.5, 170.5); --pxl-accent1-tint-10: #bababa; --pxl-accent1-shade-00: #bababa; --pxl-accent1-shade-01: rgb(192.9, 192.9, 192.9); --pxl-accent1-shade-02: rgb(199.8, 199.8, 199.8); --pxl-accent1-shade-03: rgb(206.7, 206.7, 206.7); --pxl-accent1-shade-04: rgb(213.6, 213.6, 213.6); --pxl-accent1-shade-05: rgb(220.5, 220.5, 220.5); --pxl-accent1-shade-06: rgb(227.4, 227.4, 227.4); --pxl-accent1-shade-07: rgb(234.3, 234.3, 234.3); --pxl-accent1-shade-08: rgb(241.2, 241.2, 241.2); --pxl-accent1-shade-09: rgb(248.1, 248.1, 248.1); --pxl-accent1-shade-10: white; --pxl-accent2: #f8f8f8; --pxl-accent2-tint-00: #1f1f1f; --pxl-accent2-tint-01: rgb(52.7, 52.7, 52.7); --pxl-accent2-tint-02: rgb(74.4, 74.4, 74.4); --pxl-accent2-tint-03: rgb(96.1, 96.1, 96.1); --pxl-accent2-tint-04: rgb(117.8, 117.8, 117.8); --pxl-accent2-tint-05: rgb(139.5, 139.5, 139.5); --pxl-accent2-tint-06: rgb(161.2, 161.2, 161.2); --pxl-accent2-tint-07: rgb(182.9, 182.9, 182.9); --pxl-accent2-tint-08: rgb(204.6, 204.6, 204.6); --pxl-accent2-tint-09: rgb(226.3, 226.3, 226.3); --pxl-accent2-tint-10: #f8f8f8; --pxl-accent2-shade-00: #f8f8f8; --pxl-accent2-shade-01: rgb(248.7, 248.7, 248.7); --pxl-accent2-shade-02: rgb(249.4, 249.4, 249.4); --pxl-accent2-shade-03: rgb(250.1, 250.1, 250.1); --pxl-accent2-shade-04: rgb(250.8, 250.8, 250.8); --pxl-accent2-shade-05: rgb(251.5, 251.5, 251.5); --pxl-accent2-shade-06: rgb(252.2, 252.2, 252.2); --pxl-accent2-shade-07: rgb(252.9, 252.9, 252.9); --pxl-accent2-shade-08: rgb(253.6, 253.6, 253.6); --pxl-accent2-shade-09: rgb(254.3, 254.3, 254.3); --pxl-accent2-shade-10: white; --pxl-color-tag-3: #ffb342; --pxl-color-tag-3-tint-00: #1f1f1f; --pxl-color-tag-3-tint-01: rgb(53.4, 45.8, 34.5); --pxl-color-tag-3-tint-02: rgb(75.8, 60.6, 38); --pxl-color-tag-3-tint-03: rgb(98.2, 75.4, 41.5); --pxl-color-tag-3-tint-04: rgb(120.6, 90.2, 45); --pxl-color-tag-3-tint-05: rgb(143, 105, 48.5); --pxl-color-tag-3-tint-06: rgb(165.4, 119.8, 52); --pxl-color-tag-3-tint-07: rgb(187.8, 134.6, 55.5); --pxl-color-tag-3-tint-08: rgb(210.2, 149.4, 59); --pxl-color-tag-3-tint-09: rgb(232.6, 164.2, 62.5); --pxl-color-tag-3-tint-10: #ffb342; --pxl-color-tag-3-shade-00: #ffb342; --pxl-color-tag-3-shade-01: rgb(255, 186.6, 84.9); --pxl-color-tag-3-shade-02: rgb(255, 194.2, 103.8); --pxl-color-tag-3-shade-03: rgb(255, 201.8, 122.7); --pxl-color-tag-3-shade-04: rgb(255, 209.4, 141.6); --pxl-color-tag-3-shade-05: rgb(255, 217, 160.5); --pxl-color-tag-3-shade-06: rgb(255, 224.6, 179.4); --pxl-color-tag-3-shade-07: rgb(255, 232.2, 198.3); --pxl-color-tag-3-shade-08: rgb(255, 239.8, 217.2); --pxl-color-tag-3-shade-09: rgb(255, 247.4, 236.1); --pxl-color-tag-3-shade-10: white; --pxl-color-tag-5: #889721; --pxl-color-tag-5-tint-00: #1f1f1f; --pxl-color-tag-5-tint-01: rgb(41.5, 43, 31.2); --pxl-color-tag-5-tint-02: rgb(52, 55, 31.4); --pxl-color-tag-5-tint-03: rgb(62.5, 67, 31.6); --pxl-color-tag-5-tint-04: rgb(73, 79, 31.8); --pxl-color-tag-5-tint-05: rgb(83.5, 91, 32); --pxl-color-tag-5-tint-06: rgb(94, 103, 32.2); --pxl-color-tag-5-tint-07: rgb(104.5, 115, 32.4); --pxl-color-tag-5-tint-08: rgb(115, 127, 32.6); --pxl-color-tag-5-tint-09: rgb(125.5, 139, 32.8); --pxl-color-tag-5-tint-10: #889721; --pxl-color-tag-5-shade-00: #889721; --pxl-color-tag-5-shade-01: rgb(147.9, 161.4, 55.2); --pxl-color-tag-5-shade-02: rgb(159.8, 171.8, 77.4); --pxl-color-tag-5-shade-03: rgb(171.7, 182.2, 99.6); --pxl-color-tag-5-shade-04: rgb(183.6, 192.6, 121.8); --pxl-color-tag-5-shade-05: rgb(195.5, 203, 144); --pxl-color-tag-5-shade-06: rgb(207.4, 213.4, 166.2); --pxl-color-tag-5-shade-07: rgb(219.3, 223.8, 188.4); --pxl-color-tag-5-shade-08: rgb(231.2, 234.2, 210.6); --pxl-color-tag-5-shade-09: rgb(243.1, 244.6, 232.8); --pxl-color-tag-5-shade-10: white; --pxl-color-tag-7: #47a9a5; --pxl-color-tag-7-tint-00: #1f1f1f; --pxl-color-tag-7-tint-01: rgb(35, 44.8, 44.4); --pxl-color-tag-7-tint-02: rgb(39, 58.6, 57.8); --pxl-color-tag-7-tint-03: rgb(43, 72.4, 71.2); --pxl-color-tag-7-tint-04: rgb(47, 86.2, 84.6); --pxl-color-tag-7-tint-05: #336462; --pxl-color-tag-7-tint-06: rgb(55, 113.8, 111.4); --pxl-color-tag-7-tint-07: rgb(59, 127.6, 124.8); --pxl-color-tag-7-tint-08: rgb(63, 141.4, 138.2); --pxl-color-tag-7-tint-09: rgb(67, 155.2, 151.6); --pxl-color-tag-7-tint-10: #47a9a5; --pxl-color-tag-7-shade-00: #47a9a5; --pxl-color-tag-7-shade-01: rgb(89.4, 177.6, 174); --pxl-color-tag-7-shade-02: rgb(107.8, 186.2, 183); --pxl-color-tag-7-shade-03: rgb(126.2, 194.8, 192); --pxl-color-tag-7-shade-04: rgb(144.6, 203.4, 201); --pxl-color-tag-7-shade-05: #a3d4d2; --pxl-color-tag-7-shade-06: rgb(181.4, 220.6, 219); --pxl-color-tag-7-shade-07: rgb(199.8, 229.2, 228); --pxl-color-tag-7-shade-08: rgb(218.2, 237.8, 237); --pxl-color-tag-7-shade-09: rgb(236.6, 246.4, 246); --pxl-color-tag-7-shade-10: white; --pxl-color-tag-9: #8871ff; --pxl-color-tag-9-tint-00: #1f1f1f; --pxl-color-tag-9-tint-01: rgb(41.5, 39.2, 53.4); --pxl-color-tag-9-tint-02: rgb(52, 47.4, 75.8); --pxl-color-tag-9-tint-03: rgb(62.5, 55.6, 98.2); --pxl-color-tag-9-tint-04: rgb(73, 63.8, 120.6); --pxl-color-tag-9-tint-05: rgb(83.5, 72, 143); --pxl-color-tag-9-tint-06: rgb(94, 80.2, 165.4); --pxl-color-tag-9-tint-07: rgb(104.5, 88.4, 187.8); --pxl-color-tag-9-tint-08: rgb(115, 96.6, 210.2); --pxl-color-tag-9-tint-09: rgb(125.5, 104.8, 232.6); --pxl-color-tag-9-tint-10: #8871ff; --pxl-color-tag-9-shade-00: #8871ff; --pxl-color-tag-9-shade-01: rgb(147.9, 127.2, 255); --pxl-color-tag-9-shade-02: rgb(159.8, 141.4, 255); --pxl-color-tag-9-shade-03: rgb(171.7, 155.6, 255); --pxl-color-tag-9-shade-04: rgb(183.6, 169.8, 255); --pxl-color-tag-9-shade-05: rgb(195.5, 184, 255); --pxl-color-tag-9-shade-06: rgb(207.4, 198.2, 255); --pxl-color-tag-9-shade-07: rgb(219.3, 212.4, 255); --pxl-color-tag-9-shade-08: rgb(231.2, 226.6, 255); --pxl-color-tag-9-shade-09: rgb(243.1, 240.8, 255); --pxl-color-tag-9-shade-10: white; --pxl-color-tag-11: #bb597f; --pxl-color-tag-11-tint-00: #1f1f1f; --pxl-color-tag-11-tint-01: rgb(46.6, 36.8, 40.6); --pxl-color-tag-11-tint-02: rgb(62.2, 42.6, 50.2); --pxl-color-tag-11-tint-03: rgb(77.8, 48.4, 59.8); --pxl-color-tag-11-tint-04: rgb(93.4, 54.2, 69.4); --pxl-color-tag-11-tint-05: #6d3c4f; --pxl-color-tag-11-tint-06: rgb(124.6, 65.8, 88.6); --pxl-color-tag-11-tint-07: rgb(140.2, 71.6, 98.2); --pxl-color-tag-11-tint-08: rgb(155.8, 77.4, 107.8); --pxl-color-tag-11-tint-09: rgb(171.4, 83.2, 117.4); --pxl-color-tag-11-tint-10: #bb597f; --pxl-color-tag-11-shade-00: #bb597f; --pxl-color-tag-11-shade-01: rgb(193.8, 105.6, 139.8); --pxl-color-tag-11-shade-02: rgb(200.6, 122.2, 152.6); --pxl-color-tag-11-shade-03: rgb(207.4, 138.8, 165.4); --pxl-color-tag-11-shade-04: rgb(214.2, 155.4, 178.2); --pxl-color-tag-11-shade-05: #ddacbf; --pxl-color-tag-11-shade-06: rgb(227.8, 188.6, 203.8); --pxl-color-tag-11-shade-07: rgb(234.6, 205.2, 216.6); --pxl-color-tag-11-shade-08: rgb(241.4, 221.8, 229.4); --pxl-color-tag-11-shade-09: rgb(248.2, 238.4, 242.2); --pxl-color-tag-11-shade-10: white; --pxl-chart-1: #909090; --pxl-chart-1-tint-00: #1f1f1f; --pxl-chart-1-tint-01: rgb(42.3, 42.3, 42.3); --pxl-chart-1-tint-02: rgb(53.6, 53.6, 53.6); --pxl-chart-1-tint-03: rgb(64.9, 64.9, 64.9); --pxl-chart-1-tint-04: rgb(76.2, 76.2, 76.2); --pxl-chart-1-tint-05: rgb(87.5, 87.5, 87.5); --pxl-chart-1-tint-06: rgb(98.8, 98.8, 98.8); --pxl-chart-1-tint-07: rgb(110.1, 110.1, 110.1); --pxl-chart-1-tint-08: rgb(121.4, 121.4, 121.4); --pxl-chart-1-tint-09: rgb(132.7, 132.7, 132.7); --pxl-chart-1-tint-10: #909090; --pxl-chart-1-shade-00: #909090; --pxl-chart-1-shade-01: rgb(155.1, 155.1, 155.1); --pxl-chart-1-shade-02: rgb(166.2, 166.2, 166.2); --pxl-chart-1-shade-03: rgb(177.3, 177.3, 177.3); --pxl-chart-1-shade-04: rgb(188.4, 188.4, 188.4); --pxl-chart-1-shade-05: rgb(199.5, 199.5, 199.5); --pxl-chart-1-shade-06: rgb(210.6, 210.6, 210.6); --pxl-chart-1-shade-07: rgb(221.7, 221.7, 221.7); --pxl-chart-1-shade-08: rgb(232.8, 232.8, 232.8); --pxl-chart-1-shade-09: rgb(243.9, 243.9, 243.9); --pxl-chart-1-shade-10: white; --pxl-chart-2: #d9382e; --pxl-chart-2-tint-00: #1f1f1f; --pxl-chart-2-tint-01: rgb(49.6, 33.5, 32.5); --pxl-chart-2-tint-02: rgb(68.2, 36, 34); --pxl-chart-2-tint-03: rgb(86.8, 38.5, 35.5); --pxl-chart-2-tint-04: rgb(105.4, 41, 37); --pxl-chart-2-tint-05: rgb(124, 43.5, 38.5); --pxl-chart-2-tint-06: rgb(142.6, 46, 40); --pxl-chart-2-tint-07: rgb(161.2, 48.5, 41.5); --pxl-chart-2-tint-08: rgb(179.8, 51, 43); --pxl-chart-2-tint-09: rgb(198.4, 53.5, 44.5); --pxl-chart-2-tint-10: #d9382e; --pxl-chart-2-shade-00: #d9382e; --pxl-chart-2-shade-01: rgb(220.8, 75.9, 66.9); --pxl-chart-2-shade-02: rgb(224.6, 95.8, 87.8); --pxl-chart-2-shade-03: rgb(228.4, 115.7, 108.7); --pxl-chart-2-shade-04: rgb(232.2, 135.6, 129.6); --pxl-chart-2-shade-05: rgb(236, 155.5, 150.5); --pxl-chart-2-shade-06: rgb(239.8, 175.4, 171.4); --pxl-chart-2-shade-07: rgb(243.6, 195.3, 192.3); --pxl-chart-2-shade-08: rgb(247.4, 215.2, 213.2); --pxl-chart-2-shade-09: rgb(251.2, 235.1, 234.1); --pxl-chart-2-shade-10: white; --pxl-chart-3: #f3772b; --pxl-chart-3-tint-00: #1f1f1f; --pxl-chart-3-tint-01: rgb(52.2, 39.8, 32.2); --pxl-chart-3-tint-02: rgb(73.4, 48.6, 33.4); --pxl-chart-3-tint-03: rgb(94.6, 57.4, 34.6); --pxl-chart-3-tint-04: rgb(115.8, 66.2, 35.8); --pxl-chart-3-tint-05: #894b25; --pxl-chart-3-tint-06: rgb(158.2, 83.8, 38.2); --pxl-chart-3-tint-07: rgb(179.4, 92.6, 39.4); --pxl-chart-3-tint-08: rgb(200.6, 101.4, 40.6); --pxl-chart-3-tint-09: rgb(221.8, 110.2, 41.8); --pxl-chart-3-tint-10: #f3772b; --pxl-chart-3-shade-00: #f3772b; --pxl-chart-3-shade-01: rgb(244.2, 132.6, 64.2); --pxl-chart-3-shade-02: rgb(245.4, 146.2, 85.4); --pxl-chart-3-shade-03: rgb(246.6, 159.8, 106.6); --pxl-chart-3-shade-04: rgb(247.8, 173.4, 127.8); --pxl-chart-3-shade-05: #f9bb95; --pxl-chart-3-shade-06: rgb(250.2, 200.6, 170.2); --pxl-chart-3-shade-07: rgb(251.4, 214.2, 191.4); --pxl-chart-3-shade-08: rgb(252.6, 227.8, 212.6); --pxl-chart-3-shade-09: rgb(253.8, 241.4, 233.8); --pxl-chart-3-shade-10: white; --pxl-chart-4: #e4b667; --pxl-chart-4-tint-00: #1f1f1f; --pxl-chart-4-tint-01: rgb(50.7, 46.1, 38.2); --pxl-chart-4-tint-02: rgb(70.4, 61.2, 45.4); --pxl-chart-4-tint-03: rgb(90.1, 76.3, 52.6); --pxl-chart-4-tint-04: rgb(109.8, 91.4, 59.8); --pxl-chart-4-tint-05: rgb(129.5, 106.5, 67); --pxl-chart-4-tint-06: rgb(149.2, 121.6, 74.2); --pxl-chart-4-tint-07: rgb(168.9, 136.7, 81.4); --pxl-chart-4-tint-08: rgb(188.6, 151.8, 88.6); --pxl-chart-4-tint-09: rgb(208.3, 166.9, 95.8); --pxl-chart-4-tint-10: #e4b667; --pxl-chart-4-shade-00: #e4b667; --pxl-chart-4-shade-01: rgb(230.7, 189.3, 118.2); --pxl-chart-4-shade-02: rgb(233.4, 196.6, 133.4); --pxl-chart-4-shade-03: rgb(236.1, 203.9, 148.6); --pxl-chart-4-shade-04: rgb(238.8, 211.2, 163.8); --pxl-chart-4-shade-05: rgb(241.5, 218.5, 179); --pxl-chart-4-shade-06: rgb(244.2, 225.8, 194.2); --pxl-chart-4-shade-07: rgb(246.9, 233.1, 209.4); --pxl-chart-4-shade-08: rgb(249.6, 240.4, 224.6); --pxl-chart-4-shade-09: rgb(252.3, 247.7, 239.8); --pxl-chart-4-shade-10: white; --pxl-chart-5: #ffdd4b; --pxl-chart-5-tint-00: #1f1f1f; --pxl-chart-5-tint-01: rgb(53.4, 50, 35.4); --pxl-chart-5-tint-02: rgb(75.8, 69, 39.8); --pxl-chart-5-tint-03: rgb(98.2, 88, 44.2); --pxl-chart-5-tint-04: rgb(120.6, 107, 48.6); --pxl-chart-5-tint-05: #8f7e35; --pxl-chart-5-tint-06: rgb(165.4, 145, 57.4); --pxl-chart-5-tint-07: rgb(187.8, 164, 61.8); --pxl-chart-5-tint-08: rgb(210.2, 183, 66.2); --pxl-chart-5-tint-09: rgb(232.6, 202, 70.6); --pxl-chart-5-tint-10: #ffdd4b; --pxl-chart-5-shade-00: #ffdd4b; --pxl-chart-5-shade-01: rgb(255, 224.4, 93); --pxl-chart-5-shade-02: rgb(255, 227.8, 111); --pxl-chart-5-shade-03: rgb(255, 231.2, 129); --pxl-chart-5-shade-04: rgb(255, 234.6, 147); --pxl-chart-5-shade-05: #ffeea5; --pxl-chart-5-shade-06: rgb(255, 241.4, 183); --pxl-chart-5-shade-07: rgb(255, 244.8, 201); --pxl-chart-5-shade-08: rgb(255, 248.2, 219); --pxl-chart-5-shade-09: rgb(255, 251.6, 237); --pxl-chart-5-shade-10: white; --pxl-chart-6: #01b75c; --pxl-chart-6-tint-00: #1f1f1f; --pxl-chart-6-tint-01: rgb(28, 46.2, 37.1); --pxl-chart-6-tint-02: rgb(25, 61.4, 43.2); --pxl-chart-6-tint-03: rgb(22, 76.6, 49.3); --pxl-chart-6-tint-04: rgb(19, 91.8, 55.4); --pxl-chart-6-tint-05: rgb(16, 107, 61.5); --pxl-chart-6-tint-06: rgb(13, 122.2, 67.6); --pxl-chart-6-tint-07: rgb(10, 137.4, 73.7); --pxl-chart-6-tint-08: rgb(7, 152.6, 79.8); --pxl-chart-6-tint-09: rgb(4, 167.8, 85.9); --pxl-chart-6-tint-10: #01b75c; --pxl-chart-6-shade-00: #01b75c; --pxl-chart-6-shade-01: rgb(26.4, 190.2, 108.3); --pxl-chart-6-shade-02: rgb(51.8, 197.4, 124.6); --pxl-chart-6-shade-03: rgb(77.2, 204.6, 140.9); --pxl-chart-6-shade-04: rgb(102.6, 211.8, 157.2); --pxl-chart-6-shade-05: rgb(128, 219, 173.5); --pxl-chart-6-shade-06: rgb(153.4, 226.2, 189.8); --pxl-chart-6-shade-07: rgb(178.8, 233.4, 206.1); --pxl-chart-6-shade-08: rgb(204.2, 240.6, 222.4); --pxl-chart-6-shade-09: rgb(229.6, 247.8, 238.7); --pxl-chart-6-shade-10: white; --pxl-chart-7: #20ded3; --pxl-chart-7-tint-00: #1f1f1f; --pxl-chart-7-tint-01: rgb(31.1, 50.1, 49); --pxl-chart-7-tint-02: rgb(31.2, 69.2, 67); --pxl-chart-7-tint-03: rgb(31.3, 88.3, 85); --pxl-chart-7-tint-04: rgb(31.4, 107.4, 103); --pxl-chart-7-tint-05: rgb(31.5, 126.5, 121); --pxl-chart-7-tint-06: rgb(31.6, 145.6, 139); --pxl-chart-7-tint-07: rgb(31.7, 164.7, 157); --pxl-chart-7-tint-08: rgb(31.8, 183.8, 175); --pxl-chart-7-tint-09: rgb(31.9, 202.9, 193); --pxl-chart-7-tint-10: #20ded3; --pxl-chart-7-shade-00: #20ded3; --pxl-chart-7-shade-01: rgb(54.3, 225.3, 215.4); --pxl-chart-7-shade-02: rgb(76.6, 228.6, 219.8); --pxl-chart-7-shade-03: rgb(98.9, 231.9, 224.2); --pxl-chart-7-shade-04: rgb(121.2, 235.2, 228.6); --pxl-chart-7-shade-05: rgb(143.5, 238.5, 233); --pxl-chart-7-shade-06: rgb(165.8, 241.8, 237.4); --pxl-chart-7-shade-07: rgb(188.1, 245.1, 241.8); --pxl-chart-7-shade-08: rgb(210.4, 248.4, 246.2); --pxl-chart-7-shade-09: rgb(232.7, 251.7, 250.6); --pxl-chart-7-shade-10: white; --pxl-chart-8: #29b7d6; --pxl-chart-8-tint-00: #1f1f1f; --pxl-chart-8-tint-01: rgb(32, 46.2, 49.3); --pxl-chart-8-tint-02: rgb(33, 61.4, 67.6); --pxl-chart-8-tint-03: rgb(34, 76.6, 85.9); --pxl-chart-8-tint-04: rgb(35, 91.8, 104.2); --pxl-chart-8-tint-05: rgb(36, 107, 122.5); --pxl-chart-8-tint-06: rgb(37, 122.2, 140.8); --pxl-chart-8-tint-07: rgb(38, 137.4, 159.1); --pxl-chart-8-tint-08: rgb(39, 152.6, 177.4); --pxl-chart-8-tint-09: rgb(40, 167.8, 195.7); --pxl-chart-8-tint-10: #29b7d6; --pxl-chart-8-shade-00: #29b7d6; --pxl-chart-8-shade-01: rgb(62.4, 190.2, 218.1); --pxl-chart-8-shade-02: rgb(83.8, 197.4, 222.2); --pxl-chart-8-shade-03: rgb(105.2, 204.6, 226.3); --pxl-chart-8-shade-04: rgb(126.6, 211.8, 230.4); --pxl-chart-8-shade-05: rgb(148, 219, 234.5); --pxl-chart-8-shade-06: rgb(169.4, 226.2, 238.6); --pxl-chart-8-shade-07: rgb(190.8, 233.4, 242.7); --pxl-chart-8-shade-08: rgb(212.2, 240.6, 246.8); --pxl-chart-8-shade-09: rgb(233.6, 247.8, 250.9); --pxl-chart-8-shade-10: white; --pxl-chart-9: #1970de; --pxl-chart-9-tint-00: #1f1f1f; --pxl-chart-9-tint-01: rgb(30.4, 39.1, 50.1); --pxl-chart-9-tint-02: rgb(29.8, 47.2, 69.2); --pxl-chart-9-tint-03: rgb(29.2, 55.3, 88.3); --pxl-chart-9-tint-04: rgb(28.6, 63.4, 107.4); --pxl-chart-9-tint-05: rgb(28, 71.5, 126.5); --pxl-chart-9-tint-06: rgb(27.4, 79.6, 145.6); --pxl-chart-9-tint-07: rgb(26.8, 87.7, 164.7); --pxl-chart-9-tint-08: rgb(26.2, 95.8, 183.8); --pxl-chart-9-tint-09: rgb(25.6, 103.9, 202.9); --pxl-chart-9-tint-10: #1970de; --pxl-chart-9-shade-00: #1970de; --pxl-chart-9-shade-01: rgb(48, 126.3, 225.3); --pxl-chart-9-shade-02: rgb(71, 140.6, 228.6); --pxl-chart-9-shade-03: rgb(94, 154.9, 231.9); --pxl-chart-9-shade-04: rgb(117, 169.2, 235.2); --pxl-chart-9-shade-05: rgb(140, 183.5, 238.5); --pxl-chart-9-shade-06: rgb(163, 197.8, 241.8); --pxl-chart-9-shade-07: rgb(186, 212.1, 245.1); --pxl-chart-9-shade-08: rgb(209, 226.4, 248.4); --pxl-chart-9-shade-09: rgb(232, 240.7, 251.7); --pxl-chart-9-shade-10: white; --pxl-chart-10: #705af8; --pxl-chart-10-tint-00: #1f1f1f; --pxl-chart-10-tint-01: rgb(39.1, 36.9, 52.7); --pxl-chart-10-tint-02: rgb(47.2, 42.8, 74.4); --pxl-chart-10-tint-03: rgb(55.3, 48.7, 96.1); --pxl-chart-10-tint-04: rgb(63.4, 54.6, 117.8); --pxl-chart-10-tint-05: rgb(71.5, 60.5, 139.5); --pxl-chart-10-tint-06: rgb(79.6, 66.4, 161.2); --pxl-chart-10-tint-07: rgb(87.7, 72.3, 182.9); --pxl-chart-10-tint-08: rgb(95.8, 78.2, 204.6); --pxl-chart-10-tint-09: rgb(103.9, 84.1, 226.3); --pxl-chart-10-tint-10: #705af8; --pxl-chart-10-shade-00: #705af8; --pxl-chart-10-shade-01: rgb(126.3, 106.5, 248.7); --pxl-chart-10-shade-02: rgb(140.6, 123, 249.4); --pxl-chart-10-shade-03: rgb(154.9, 139.5, 250.1); --pxl-chart-10-shade-04: rgb(169.2, 156, 250.8); --pxl-chart-10-shade-05: rgb(183.5, 172.5, 251.5); --pxl-chart-10-shade-06: rgb(197.8, 189, 252.2); --pxl-chart-10-shade-07: rgb(212.1, 205.5, 252.9); --pxl-chart-10-shade-08: rgb(226.4, 222, 253.6); --pxl-chart-10-shade-09: rgb(240.7, 238.5, 254.3); --pxl-chart-10-shade-10: white; --pxl-chart-11: #a14ed9; --pxl-chart-11-tint-00: #1f1f1f; --pxl-chart-11-tint-01: rgb(44, 35.7, 49.6); --pxl-chart-11-tint-02: rgb(57, 40.4, 68.2); --pxl-chart-11-tint-03: rgb(70, 45.1, 86.8); --pxl-chart-11-tint-04: rgb(83, 49.8, 105.4); --pxl-chart-11-tint-05: rgb(96, 54.5, 124); --pxl-chart-11-tint-06: rgb(109, 59.2, 142.6); --pxl-chart-11-tint-07: rgb(122, 63.9, 161.2); --pxl-chart-11-tint-08: rgb(135, 68.6, 179.8); --pxl-chart-11-tint-09: rgb(148, 73.3, 198.4); --pxl-chart-11-tint-10: #a14ed9; --pxl-chart-11-shade-00: #a14ed9; --pxl-chart-11-shade-01: rgb(170.4, 95.7, 220.8); --pxl-chart-11-shade-02: rgb(179.8, 113.4, 224.6); --pxl-chart-11-shade-03: rgb(189.2, 131.1, 228.4); --pxl-chart-11-shade-04: rgb(198.6, 148.8, 232.2); --pxl-chart-11-shade-05: rgb(208, 166.5, 236); --pxl-chart-11-shade-06: rgb(217.4, 184.2, 239.8); --pxl-chart-11-shade-07: rgb(226.8, 201.9, 243.6); --pxl-chart-11-shade-08: rgb(236.2, 219.6, 247.4); --pxl-chart-11-shade-09: rgb(245.6, 237.3, 251.2); --pxl-chart-11-shade-10: white; --pxl-chart-12: #d92e94; --pxl-chart-12-tint-00: #1f1f1f; --pxl-chart-12-tint-01: rgb(49.6, 32.5, 42.7); --pxl-chart-12-tint-02: rgb(68.2, 34, 54.4); --pxl-chart-12-tint-03: rgb(86.8, 35.5, 66.1); --pxl-chart-12-tint-04: rgb(105.4, 37, 77.8); --pxl-chart-12-tint-05: rgb(124, 38.5, 89.5); --pxl-chart-12-tint-06: rgb(142.6, 40, 101.2); --pxl-chart-12-tint-07: rgb(161.2, 41.5, 112.9); --pxl-chart-12-tint-08: rgb(179.8, 43, 124.6); --pxl-chart-12-tint-09: rgb(198.4, 44.5, 136.3); --pxl-chart-12-tint-10: #d92e94; --pxl-chart-12-shade-00: #d92e94; --pxl-chart-12-shade-01: rgb(220.8, 66.9, 158.7); --pxl-chart-12-shade-02: rgb(224.6, 87.8, 169.4); --pxl-chart-12-shade-03: rgb(228.4, 108.7, 180.1); --pxl-chart-12-shade-04: rgb(232.2, 129.6, 190.8); --pxl-chart-12-shade-05: rgb(236, 150.5, 201.5); --pxl-chart-12-shade-06: rgb(239.8, 171.4, 212.2); --pxl-chart-12-shade-07: rgb(243.6, 192.3, 222.9); --pxl-chart-12-shade-08: rgb(247.4, 213.2, 233.6); --pxl-chart-12-shade-09: rgb(251.2, 234.1, 244.3); --pxl-chart-12-shade-10: white; --pxl-body-background: #1a1a1a; --pxl-focus: var(--pxl-primary-tint-08); --pxl-warning-contrast: var(--pxl-primary-tint-00); --pxl-color-font: var(--pxl-primary-tint-07); --pxl-border-color: var(--pxl-primary-tint-02); --pxl-nav-border-color: var(--pxl-primary-tint-02); --pxl-sensitivity-high: #3083cc; --pxl-sensitivity-medium: #82bce5; --pxl-sensitivity-non: #a8abb6; --pxl-sensitivity-indeterminate: #6a6281; --pxl-sensitivity-not-applicable: #444955; --pxl-panel-background: var(--pxl-primary-tint-01); --pxl-panel-shadow: 0 1px 4px black; --pxl-option-icon-color: var(--pxl-color-white); --pxl-option-background-hover: var(--pxl-primary-tint-02); --pxl-option-background-active: var(--pxl-primary-tint-03); --pxl-input-border-color: var(--pxl-primary-tint-02); --pxl-input-hover-background: var(--pxl-primary-tint-04); --pxl-input-focus-background: var(--pxl-primary-tint-03); --pxl-input-focus-border-color: var(--pxl-primary-tint-09); --pxl-font-family-primary: Inter, Arial, Helvetica, sans-serif; --pxl-font-family-secondary: Inter, Arial, Helvetica, sans-serif; --pxl-font-family-icon: pxl-icons; --pxl-animation-speed: 0.2s; --pxl-standard-spacing: 2.25rem; --pxl-color-main-background: var(--pxl-primary-tint-00); --pxl-color-inverse-background: var(--pxl-primary-tint-10); --pxl-color-default-border: var(--pxl-primary-tint-02); --pxl-color-selected: var(--pxl-secondary); --pxl-action: var(--pxl-action-tint-10); --pxl-action-hover: var(--pxl-action-tint-10); --pxl-color-white: #ffffff; --pxl-color-link-text: var(--pxl-action); --pxl-color-link-text-hover: var(--pxl-action-hover); --pxl-info-bg: var(--pxl-info-tint-03); --pxl-success-bg: var(--pxl-success-tint-03); --pxl-error-bg: var(--pxl-error-tint-03); --pxl-warning-bg: var(--pxl-warning-tint-03); --pxl-general-bg: var(--pxl-general-tint-03); --pxl-accent1-bg: var(--pxl-accent1-tint-03); --pxl-accent2-bg: var(--pxl-accent2-tint-03); --pxl-info-contrast: var(--pxl-info-tint-00); --pxl-success-contrast: var(--pxl-success-tint-00); --pxl-error-contrast: var(--pxl-error-tint-00); --pxl-general-contrast: var(--pxl-general-tint-00); --pxl-accent1-contrast: var(--pxl-accent1-tint-00); --pxl-accent2-contrast: var(--pxl-accent2-tint-00); --pxl-tooltip-color: var(--pxl-primary-tint-00); --pxl-tooltip-background-primary: var(--pxl-primary-tint-08); --pxl-tooltip-background-error: var(--pxl-error); --pxl-input-icon-color: var(--pxl-primary-tint-07); --pxl-input-focus-shadow: 0 0 6px rgba(var(--pxl-action), 0.5); --pxl-input-placeholder-color: var(--pxl-primary-tint-06); --pxl-input-hover-border-color: var(--pxl-primary-tint-05); --pxl-input-disabled-background: var(--pxl-primary-tint-01); --pxl-input-disabled-border-color: var(--pxl-primary-tint-01); --pxl-input-disabled-text-color: var(--pxl-primary-tint-06); --pxl-chart-marker-color: var(--pxl-primary-tint-00); --pxl-panel-radius: 0.25rem; --pxl-panel-border-color: var(--pxl-primary-tint-02); --pxl-panel-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --pxl-option-color: var(--pxl-color-font); --pxl-nav-background-color: #1f1f1f; --pxl-nav-font-color: #f8f8f8; --pxl-nav-active-background-color: #3e3e3e; --pxl-nav-active-font-color: #f8f8f8; --pxl-nav-inactive-font-color: #909090; --pxl-nav-disabled-font-color: #555555; --pxl-nav-subitem-active-color: #eaff00; --pxl-nav-divider-color: #3e3e3e; --pxl-nav-flyout-background-color: #282828; --pxl-nav-flyout-title-color: #909090; color-scheme: dark; } [data-theme=light] { --pxl-primary: #1f1f1f; --pxl-primary-tint-00: #ffffff; --pxl-primary-tint-01: #f8f8f8; --pxl-primary-tint-02: #ececec; --pxl-primary-tint-03: #dadada; --pxl-primary-tint-04: #bababa; --pxl-primary-tint-05: #909090; --pxl-primary-tint-06: #707070; --pxl-primary-tint-07: #555555; --pxl-primary-tint-08: #3b3b3b; --pxl-primary-tint-09: #282828; --pxl-primary-tint-10: #1f1f1f; --pxl-secondary: #555555; --pxl-secondary-tint-00: white; --pxl-secondary-tint-01: #eeeeee; --pxl-secondary-tint-02: #dddddd; --pxl-secondary-tint-03: #cccccc; --pxl-secondary-tint-04: #bbbbbb; --pxl-secondary-tint-05: #aaaaaa; --pxl-secondary-tint-06: #999999; --pxl-secondary-tint-07: #888888; --pxl-secondary-tint-08: #777777; --pxl-secondary-tint-09: #666666; --pxl-secondary-tint-10: #555555; --pxl-secondary-shade-00: #555555; --pxl-secondary-shade-01: rgb(79.6, 79.6, 79.6); --pxl-secondary-shade-02: rgb(74.2, 74.2, 74.2); --pxl-secondary-shade-03: rgb(68.8, 68.8, 68.8); --pxl-secondary-shade-04: rgb(63.4, 63.4, 63.4); --pxl-secondary-shade-05: #3a3a3a; --pxl-secondary-shade-06: rgb(52.6, 52.6, 52.6); --pxl-secondary-shade-07: rgb(47.2, 47.2, 47.2); --pxl-secondary-shade-08: rgb(41.8, 41.8, 41.8); --pxl-secondary-shade-09: rgb(36.4, 36.4, 36.4); --pxl-secondary-shade-10: #1f1f1f; --pxl-tertiary: #bf164e; --pxl-tertiary-tint-00: white; --pxl-tertiary-tint-01: rgb(248.6, 231.7, 237.3); --pxl-tertiary-tint-02: rgb(242.2, 208.4, 219.6); --pxl-tertiary-tint-03: rgb(235.8, 185.1, 201.9); --pxl-tertiary-tint-04: rgb(229.4, 161.8, 184.2); --pxl-tertiary-tint-05: rgb(223, 138.5, 166.5); --pxl-tertiary-tint-06: rgb(216.6, 115.2, 148.8); --pxl-tertiary-tint-07: rgb(210.2, 91.9, 131.1); --pxl-tertiary-tint-08: rgb(203.8, 68.6, 113.4); --pxl-tertiary-tint-09: rgb(197.4, 45.3, 95.7); --pxl-tertiary-tint-10: #bf164e; --pxl-tertiary-shade-00: #bf164e; --pxl-tertiary-shade-01: rgb(175, 22.9, 73.3); --pxl-tertiary-shade-02: rgb(159, 23.8, 68.6); --pxl-tertiary-shade-03: rgb(143, 24.7, 63.9); --pxl-tertiary-shade-04: rgb(127, 25.6, 59.2); --pxl-tertiary-shade-05: rgb(111, 26.5, 54.5); --pxl-tertiary-shade-06: rgb(95, 27.4, 49.8); --pxl-tertiary-shade-07: rgb(79, 28.3, 45.1); --pxl-tertiary-shade-08: rgb(63, 29.2, 40.4); --pxl-tertiary-shade-09: rgb(47, 30.1, 35.7); --pxl-tertiary-shade-10: #1f1f1f; --pxl-action: #1e2cae; --pxl-action-tint-00: white; --pxl-action-tint-01: rgb(232.5, 233.9, 246.9); --pxl-action-tint-02: rgb(210, 212.8, 238.8); --pxl-action-tint-03: rgb(187.5, 191.7, 230.7); --pxl-action-tint-04: rgb(165, 170.6, 222.6); --pxl-action-tint-05: rgb(142.5, 149.5, 214.5); --pxl-action-tint-06: rgb(120, 128.4, 206.4); --pxl-action-tint-07: rgb(97.5, 107.3, 198.3); --pxl-action-tint-08: rgb(75, 86.2, 190.2); --pxl-action-tint-09: rgb(52.5, 65.1, 182.1); --pxl-action-tint-10: #1e2cae; --pxl-action-shade-00: #1e2cae; --pxl-action-shade-01: rgb(30.1, 42.7, 159.7); --pxl-action-shade-02: rgb(30.2, 41.4, 145.4); --pxl-action-shade-03: rgb(30.3, 40.1, 131.1); --pxl-action-shade-04: rgb(30.4, 38.8, 116.8); --pxl-action-shade-05: rgb(30.5, 37.5, 102.5); --pxl-action-shade-06: rgb(30.6, 36.2, 88.2); --pxl-action-shade-07: rgb(30.7, 34.9, 73.9); --pxl-action-shade-08: rgb(30.8, 33.6, 59.6); --pxl-action-shade-09: rgb(30.9, 32.3, 45.3); --pxl-action-shade-10: #1f1f1f; --pxl-warn: #8d1a0f; --pxl-warn-tint-00: white; --pxl-warn-tint-01: rgb(243.6, 232.1, 231); --pxl-warn-tint-02: rgb(232.2, 209.2, 207); --pxl-warn-tint-03: rgb(220.8, 186.3, 183); --pxl-warn-tint-04: rgb(209.4, 163.4, 159); --pxl-warn-tint-05: rgb(198, 140.5, 135); --pxl-warn-tint-06: rgb(186.6, 117.6, 111); --pxl-warn-tint-07: rgb(175.2, 94.7, 87); --pxl-warn-tint-08: rgb(163.8, 71.8, 63); --pxl-warn-tint-09: rgb(152.4, 48.9, 39); --pxl-warn-tint-10: #8d1a0f; --pxl-warn-shade-00: #8d1a0f; --pxl-warn-shade-01: rgb(130, 26.5, 16.6); --pxl-warn-shade-02: rgb(119, 27, 18.2); --pxl-warn-shade-03: rgb(108, 27.5, 19.8); --pxl-warn-shade-04: rgb(97, 28, 21.4); --pxl-warn-shade-05: rgb(86, 28.5, 23); --pxl-warn-shade-06: rgb(75, 29, 24.6); --pxl-warn-shade-07: rgb(64, 29.5, 26.2); --pxl-warn-shade-08: rgb(53, 30, 27.8); --pxl-warn-shade-09: rgb(42, 30.5, 29.4); --pxl-warn-shade-10: #1f1f1f; --pxl-accent: #707070; --pxl-accent-tint-00: white; --pxl-accent-tint-01: rgb(240.7, 240.7, 240.7); --pxl-accent-tint-02: rgb(226.4, 226.4, 226.4); --pxl-accent-tint-03: rgb(212.1, 212.1, 212.1); --pxl-accent-tint-04: rgb(197.8, 197.8, 197.8); --pxl-accent-tint-05: rgb(183.5, 183.5, 183.5); --pxl-accent-tint-06: rgb(169.2, 169.2, 169.2); --pxl-accent-tint-07: rgb(154.9, 154.9, 154.9); --pxl-accent-tint-08: rgb(140.6, 140.6, 140.6); --pxl-accent-tint-09: rgb(126.3, 126.3, 126.3); --pxl-accent-tint-10: #707070; --pxl-accent-shade-00: #707070; --pxl-accent-shade-01: rgb(103.9, 103.9, 103.9); --pxl-accent-shade-02: rgb(95.8, 95.8, 95.8); --pxl-accent-shade-03: rgb(87.7, 87.7, 87.7); --pxl-accent-shade-04: rgb(79.6, 79.6, 79.6); --pxl-accent-shade-05: rgb(71.5, 71.5, 71.5); --pxl-accent-shade-06: rgb(63.4, 63.4, 63.4); --pxl-accent-shade-07: rgb(55.3, 55.3, 55.3); --pxl-accent-shade-08: rgb(47.2, 47.2, 47.2); --pxl-accent-shade-09: rgb(39.1, 39.1, 39.1); --pxl-accent-shade-10: #1f1f1f; --pxl-general: #5b21ad; --pxl-general-tint-00: white; --pxl-general-tint-01: rgb(238.6, 232.8, 246.8); --pxl-general-tint-02: rgb(222.2, 210.6, 238.6); --pxl-general-tint-03: rgb(205.8, 188.4, 230.4); --pxl-general-tint-04: rgb(189.4, 166.2, 222.2); --pxl-general-tint-05: #ad90d6; --pxl-general-tint-06: rgb(156.6, 121.8, 205.8); --pxl-general-tint-07: rgb(140.2, 99.6, 197.6); --pxl-general-tint-08: rgb(123.8, 77.4, 189.4); --pxl-general-tint-09: rgb(107.4, 55.2, 181.2); --pxl-general-tint-10: #5b21ad; --pxl-general-shade-00: #5b21ad; --pxl-general-shade-01: rgb(85, 32.8, 158.8); --pxl-general-shade-02: rgb(79, 32.6, 144.6); --pxl-general-shade-03: rgb(73, 32.4, 130.4); --pxl-general-shade-04: rgb(67, 32.2, 116.2); --pxl-general-shade-05: #3d2066; --pxl-general-shade-06: rgb(55, 31.8, 87.8); --pxl-general-shade-07: rgb(49, 31.6, 73.6); --pxl-general-shade-08: rgb(43, 31.4, 59.4); --pxl-general-shade-09: rgb(37, 31.2, 45.2); --pxl-general-shade-10: #1f1f1f; --pxl-info: #0b7c88; --pxl-info-tint-00: white; --pxl-info-tint-01: rgb(230.6, 241.9, 243.1); --pxl-info-tint-02: rgb(206.2, 228.8, 231.2); --pxl-info-tint-03: rgb(181.8, 215.7, 219.3); --pxl-info-tint-04: rgb(157.4, 202.6, 207.4); --pxl-info-tint-05: rgb(133, 189.5, 195.5); --pxl-info-tint-06: rgb(108.6, 176.4, 183.6); --pxl-info-tint-07: rgb(84.2, 163.3, 171.7); --pxl-info-tint-08: rgb(59.8, 150.2, 159.8); --pxl-info-tint-09: rgb(35.4, 137.1, 147.9); --pxl-info-tint-10: #0b7c88; --pxl-info-shade-00: #0b7c88; --pxl-info-shade-01: rgb(13, 114.7, 125.5); --pxl-info-shade-02: rgb(15, 105.4, 115); --pxl-info-shade-03: rgb(17, 96.1, 104.5); --pxl-info-shade-04: rgb(19, 86.8, 94); --pxl-info-shade-05: rgb(21, 77.5, 83.5); --pxl-info-shade-06: rgb(23, 68.2, 73); --pxl-info-shade-07: rgb(25, 58.9, 62.5); --pxl-info-shade-08: rgb(27, 49.6, 52); --pxl-info-shade-09: rgb(29, 40.3, 41.5); --pxl-info-shade-10: #1f1f1f; --pxl-success: #148708; --pxl-success-tint-00: white; --pxl-success-tint-01: rgb(231.5, 243, 230.3); --pxl-success-tint-02: rgb(208, 231, 205.6); --pxl-success-tint-03: rgb(184.5, 219, 180.9); --pxl-success-tint-04: rgb(161, 207, 156.2); --pxl-success-tint-05: rgb(137.5, 195, 131.5); --pxl-success-tint-06: rgb(114, 183, 106.8); --pxl-success-tint-07: rgb(90.5, 171, 82.1); --pxl-success-tint-08: rgb(67, 159, 57.4); --pxl-success-tint-09: rgb(43.5, 147, 32.7); --pxl-success-tint-10: #148708; --pxl-success-shade-00: #148708; --pxl-success-shade-01: rgb(21.1, 124.6, 10.3); --pxl-success-shade-02: rgb(22.2, 114.2, 12.6); --pxl-success-shade-03: rgb(23.3, 103.8, 14.9); --pxl-success-shade-04: rgb(24.4, 93.4, 17.2); --pxl-success-shade-05: rgb(25.5, 83, 19.5); --pxl-success-shade-06: rgb(26.6, 72.6, 21.8); --pxl-success-shade-07: rgb(27.7, 62.2, 24.1); --pxl-success-shade-08: rgb(28.8, 51.8, 26.4); --pxl-success-shade-09: rgb(29.9, 41.4, 28.7); --pxl-success-shade-10: #1f1f1f; --pxl-warning: #886d00; --pxl-warning-tint-00: white; --pxl-warning-tint-01: rgb(243.1, 240.4, 229.5); --pxl-warning-tint-02: rgb(231.2, 225.8, 204); --pxl-warning-tint-03: rgb(219.3, 211.2, 178.5); --pxl-warning-tint-04: rgb(207.4, 196.6, 153); --pxl-warning-tint-05: rgb(195.5, 182, 127.5); --pxl-warning-tint-06: rgb(183.6, 167.4, 102); --pxl-warning-tint-07: rgb(171.7, 152.8, 76.5); --pxl-warning-tint-08: rgb(159.8, 138.2, 51); --pxl-warning-tint-09: rgb(147.9, 123.6, 25.5); --pxl-warning-tint-10: #886d00; --pxl-warning-shade-00: #886d00; --pxl-warning-shade-01: rgb(125.5, 101.2, 3.1); --pxl-warning-shade-02: rgb(115, 93.4, 6.2); --pxl-warning-shade-03: rgb(104.5, 85.6, 9.3); --pxl-warning-shade-04: rgb(94, 77.8, 12.4); --pxl-warning-shade-05: rgb(83.5, 70, 15.5); --pxl-warning-shade-06: rgb(73, 62.2, 18.6); --pxl-warning-shade-07: rgb(62.5, 54.4, 21.7); --pxl-warning-shade-08: rgb(52, 46.6, 24.8); --pxl-warning-shade-09: rgb(41.5, 38.8, 27.9); --pxl-warning-shade-10: #1f1f1f; --pxl-error: #8d1a0f; --pxl-error-tint-00: white; --pxl-error-tint-01: rgb(243.6, 232.1, 231); --pxl-error-tint-02: rgb(232.2, 209.2, 207); --pxl-error-tint-03: rgb(220.8, 186.3, 183); --pxl-error-tint-04: rgb(209.4, 163.4, 159); --pxl-error-tint-05: rgb(198, 140.5, 135); --pxl-error-tint-06: rgb(186.6, 117.6, 111); --pxl-error-tint-07: rgb(175.2, 94.7, 87); --pxl-error-tint-08: rgb(163.8, 71.8, 63); --pxl-error-tint-09: rgb(152.4, 48.9, 39); --pxl-error-tint-10: #8d1a0f; --pxl-error-shade-00: #8d1a0f; --pxl-error-shade-01: rgb(130, 26.5, 16.6); --pxl-error-shade-02: rgb(119, 27, 18.2); --pxl-error-shade-03: rgb(108, 27.5, 19.8); --pxl-error-shade-04: rgb(97, 28, 21.4); --pxl-error-shade-05: rgb(86, 28.5, 23); --pxl-error-shade-06: rgb(75, 29, 24.6); --pxl-error-shade-07: rgb(64, 29.5, 26.2); --pxl-error-shade-08: rgb(53, 30, 27.8); --pxl-error-shade-09: rgb(42, 30.5, 29.4); --pxl-error-shade-10: #1f1f1f; --pxl-accent1: #555555; --pxl-accent1-tint-00: white; --pxl-accent1-tint-01: #eeeeee; --pxl-accent1-tint-02: #dddddd; --pxl-accent1-tint-03: #cccccc; --pxl-accent1-tint-04: #bbbbbb; --pxl-accent1-tint-05: #aaaaaa; --pxl-accent1-tint-06: #999999; --pxl-accent1-tint-07: #888888; --pxl-accent1-tint-08: #777777; --pxl-accent1-tint-09: #666666; --pxl-accent1-tint-10: #555555; --pxl-accent1-shade-00: #555555; --pxl-accent1-shade-01: rgb(79.6, 79.6, 79.6); --pxl-accent1-shade-02: rgb(74.2, 74.2, 74.2); --pxl-accent1-shade-03: rgb(68.8, 68.8, 68.8); --pxl-accent1-shade-04: rgb(63.4, 63.4, 63.4); --pxl-accent1-shade-05: #3a3a3a; --pxl-accent1-shade-06: rgb(52.6, 52.6, 52.6); --pxl-accent1-shade-07: rgb(47.2, 47.2, 47.2); --pxl-accent1-shade-08: rgb(41.8, 41.8, 41.8); --pxl-accent1-shade-09: rgb(36.4, 36.4, 36.4); --pxl-accent1-shade-10: #1f1f1f; --pxl-accent2: #3b3b3b; --pxl-accent2-tint-00: white; --pxl-accent2-tint-01: rgb(235.4, 235.4, 235.4); --pxl-accent2-tint-02: rgb(215.8, 215.8, 215.8); --pxl-accent2-tint-03: rgb(196.2, 196.2, 196.2); --pxl-accent2-tint-04: rgb(176.6, 176.6, 176.6); --pxl-accent2-tint-05: #9d9d9d; --pxl-accent2-tint-06: rgb(137.4, 137.4, 137.4); --pxl-accent2-tint-07: rgb(117.8, 117.8, 117.8); --pxl-accent2-tint-08: rgb(98.2, 98.2, 98.2); --pxl-accent2-tint-09: rgb(78.6, 78.6, 78.6); --pxl-accent2-tint-10: #3b3b3b; --pxl-accent2-shade-00: #3b3b3b; --pxl-accent2-shade-01: rgb(56.2, 56.2, 56.2); --pxl-accent2-shade-02: rgb(53.4, 53.4, 53.4); --pxl-accent2-shade-03: rgb(50.6, 50.6, 50.6); --pxl-accent2-shade-04: rgb(47.8, 47.8, 47.8); --pxl-accent2-shade-05: #2d2d2d; --pxl-accent2-shade-06: rgb(42.2, 42.2, 42.2); --pxl-accent2-shade-07: rgb(39.4, 39.4, 39.4); --pxl-accent2-shade-08: rgb(36.6, 36.6, 36.6); --pxl-accent2-shade-09: rgb(33.8, 33.8, 33.8); --pxl-accent2-shade-10: #1f1f1f; --pxl-color-tag-3: #914e00; --pxl-color-tag-3-tint-00: white; --pxl-color-tag-3-tint-01: rgb(244, 237.3, 229.5); --pxl-color-tag-3-tint-02: rgb(233, 219.6, 204); --pxl-color-tag-3-tint-03: rgb(222, 201.9, 178.5); --pxl-color-tag-3-tint-04: rgb(211, 184.2, 153); --pxl-color-tag-3-tint-05: rgb(200, 166.5, 127.5); --pxl-color-tag-3-tint-06: rgb(189, 148.8, 102); --pxl-color-tag-3-tint-07: rgb(178, 131.1, 76.5); --pxl-color-tag-3-tint-08: rgb(167, 113.4, 51); --pxl-color-tag-3-tint-09: rgb(156, 95.7, 25.5); --pxl-color-tag-3-tint-10: #914e00; --pxl-color-tag-3-shade-00: #914e00; --pxl-color-tag-3-shade-01: rgb(133.6, 73.3, 3.1); --pxl-color-tag-3-shade-02: rgb(122.2, 68.6, 6.2); --pxl-color-tag-3-shade-03: rgb(110.8, 63.9, 9.3); --pxl-color-tag-3-shade-04: rgb(99.4, 59.2, 12.4); --pxl-color-tag-3-shade-05: rgb(88, 54.5, 15.5); --pxl-color-tag-3-shade-06: rgb(76.6, 49.8, 18.6); --pxl-color-tag-3-shade-07: rgb(65.2, 45.1, 21.7); --pxl-color-tag-3-shade-08: rgb(53.8, 40.4, 24.8); --pxl-color-tag-3-shade-09: rgb(42.4, 35.7, 27.9); --pxl-color-tag-3-shade-10: #1f1f1f; --pxl-color-tag-5: #7b8c08; --pxl-color-tag-5-tint-00: white; --pxl-color-tag-5-tint-01: rgb(241.8, 243.5, 230.3); --pxl-color-tag-5-tint-02: rgb(228.6, 232, 205.6); --pxl-color-tag-5-tint-03: rgb(215.4, 220.5, 180.9); --pxl-color-tag-5-tint-04: rgb(202.2, 209, 156.2); --pxl-color-tag-5-tint-05: rgb(189, 197.5, 131.5); --pxl-color-tag-5-tint-06: rgb(175.8, 186, 106.8); --pxl-color-tag-5-tint-07: rgb(162.6, 174.5, 82.1); --pxl-color-tag-5-tint-08: rgb(149.4, 163, 57.4); --pxl-color-tag-5-tint-09: rgb(136.2, 151.5, 32.7); --pxl-color-tag-5-tint-10: #7b8c08; --pxl-color-tag-5-shade-00: #7b8c08; --pxl-color-tag-5-shade-01: rgb(113.8, 129.1, 10.3); --pxl-color-tag-5-shade-02: rgb(104.6, 118.2, 12.6); --pxl-color-tag-5-shade-03: rgb(95.4, 107.3, 14.9); --pxl-color-tag-5-shade-04: rgb(86.2, 96.4, 17.2); --pxl-color-tag-5-shade-05: rgb(77, 85.5, 19.5); --pxl-color-tag-5-shade-06: rgb(67.8, 74.6, 21.8); --pxl-color-tag-5-shade-07: rgb(58.6, 63.7, 24.1); --pxl-color-tag-5-shade-08: rgb(49.4, 52.8, 26.4); --pxl-color-tag-5-shade-09: rgb(40.2, 41.9, 28.7); --pxl-color-tag-5-shade-10: #1f1f1f; --pxl-color-tag-7: #33a09b; --pxl-color-tag-7-tint-00: white; --pxl-color-tag-7-tint-01: rgb(234.6, 245.5, 245); --pxl-color-tag-7-tint-02: rgb(214.2, 236, 235); --pxl-color-tag-7-tint-03: rgb(193.8, 226.5, 225); --pxl-color-tag-7-tint-04: rgb(173.4, 217, 215); --pxl-color-tag-7-tint-05: rgb(153, 207.5, 205); --pxl-color-tag-7-tint-06: rgb(132.6, 198, 195); --pxl-color-tag-7-tint-07: rgb(112.2, 188.5, 185); --pxl-color-tag-7-tint-08: rgb(91.8, 179, 175); --pxl-color-tag-7-tint-09: rgb(71.4, 169.5, 165); --pxl-color-tag-7-tint-10: #33a09b; --pxl-color-tag-7-shade-00: #33a09b; --pxl-color-tag-7-shade-01: rgb(49, 147.1, 142.6); --pxl-color-tag-7-shade-02: rgb(47, 134.2, 130.2); --pxl-color-tag-7-shade-03: rgb(45, 121.3, 117.8); --pxl-color-tag-7-shade-04: rgb(43, 108.4, 105.4); --pxl-color-tag-7-shade-05: rgb(41, 95.5, 93); --pxl-color-tag-7-shade-06: rgb(39, 82.6, 80.6); --pxl-color-tag-7-shade-07: rgb(37, 69.7, 68.2); --pxl-color-tag-7-shade-08: rgb(35, 56.8, 55.8); --pxl-color-tag-7-shade-09: rgb(33, 43.9, 43.4); --pxl-color-tag-7-shade-10: #1f1f1f; --pxl-color-tag-9: #7b61ff; --pxl-color-tag-9-tint-00: white; --pxl-color-tag-9-tint-01: rgb(241.8, 239.2, 255); --pxl-color-tag-9-tint-02: rgb(228.6, 223.4, 255); --pxl-color-tag-9-tint-03: rgb(215.4, 207.6, 255); --pxl-color-tag-9-tint-04: rgb(202.2, 191.8, 255); --pxl-color-tag-9-tint-05: #bdb0ff; --pxl-color-tag-9-tint-06: rgb(175.8, 160.2, 255); --pxl-color-tag-9-tint-07: rgb(162.6, 144.4, 255); --pxl-color-tag-9-tint-08: rgb(149.4, 128.6, 255); --pxl-color-tag-9-tint-09: rgb(136.2, 112.8, 255); --pxl-color-tag-9-tint-10: #7b61ff; --pxl-color-tag-9-shade-00: #7b61ff; --pxl-color-tag-9-shade-01: rgb(113.8, 90.4, 232.6); --pxl-color-tag-9-shade-02: rgb(104.6, 83.8, 210.2); --pxl-color-tag-9-shade-03: rgb(95.4, 77.2, 187.8); --pxl-color-tag-9-shade-04: rgb(86.2, 70.6, 165.4); --pxl-color-tag-9-shade-05: #4d408f; --pxl-color-tag-9-shade-06: rgb(67.8, 57.4, 120.6); --pxl-color-tag-9-shade-07: rgb(58.6, 50.8, 98.2); --pxl-color-tag-9-shade-08: rgb(49.4, 44.2, 75.8); --pxl-color-tag-9-shade-09: rgb(40.2, 37.6, 53.4); --pxl-color-tag-9-shade-10: #1f1f1f; --pxl-color-tag-11: #7e2c4c; --pxl-color-tag-11-tint-00: white; --pxl-color-tag-11-tint-01: rgb(242.1, 233.9, 237.1); --pxl-color-tag-11-tint-02: rgb(229.2, 212.8, 219.2); --pxl-color-tag-11-tint-03: rgb(216.3, 191.7, 201.3); --pxl-color-tag-11-tint-04: rgb(203.4, 170.6, 183.4); --pxl-color-tag-11-tint-05: rgb(190.5, 149.5, 165.5); --pxl-color-tag-11-tint-06: rgb(177.6, 128.4, 147.6); --pxl-color-tag-11-tint-07: rgb(164.7, 107.3, 129.7); --pxl-color-tag-11-tint-08: rgb(151.8, 86.2, 111.8); --pxl-color-tag-11-tint-09: rgb(138.9, 65.1, 93.9); --pxl-color-tag-11-tint-10: #7e2c4c; --pxl-color-tag-11-shade-00: #7e2c4c; --pxl-color-tag-11-shade-01: rgb(116.5, 42.7, 71.5); --pxl-color-tag-11-shade-02: rgb(107, 41.4, 67); --pxl-color-tag-11-shade-03: rgb(97.5, 40.1, 62.5); --pxl-color-tag-11-shade-04: rgb(88, 38.8, 58); --pxl-color-tag-11-shade-05: rgb(78.5, 37.5, 53.5); --pxl-color-tag-11-shade-06: rgb(69, 36.2, 49); --pxl-color-tag-11-shade-07: rgb(59.5, 34.9, 44.5); --pxl-color-tag-11-shade-08: rgb(50, 33.6, 40); --pxl-color-tag-11-shade-09: rgb(40.5, 32.3, 35.5); --pxl-color-tag-11-shade-10: #1f1f1f; --pxl-chart-1: #1f1f1f; --pxl-chart-1-tint-00: white; --pxl-chart-1-tint-01: rgb(232.6, 232.6, 232.6); --pxl-chart-1-tint-02: rgb(210.2, 210.2, 210.2); --pxl-chart-1-tint-03: rgb(187.8, 187.8, 187.8); --pxl-chart-1-tint-04: rgb(165.4, 165.4, 165.4); --pxl-chart-1-tint-05: #8f8f8f; --pxl-chart-1-tint-06: rgb(120.6, 120.6, 120.6); --pxl-chart-1-tint-07: rgb(98.2, 98.2, 98.2); --pxl-chart-1-tint-08: rgb(75.8, 75.8, 75.8); --pxl-chart-1-tint-09: rgb(53.4, 53.4, 53.4); --pxl-chart-1-tint-10: #1f1f1f; --pxl-chart-1-shade-00: #1f1f1f; --pxl-chart-1-shade-01: #1f1f1f; --pxl-chart-1-shade-02: #1f1f1f; --pxl-chart-1-shade-03: #1f1f1f; --pxl-chart-1-shade-04: #1f1f1f; --pxl-chart-1-shade-05: #1f1f1f; --pxl-chart-1-shade-06: #1f1f1f; --pxl-chart-1-shade-07: #1f1f1f; --pxl-chart-1-shade-08: #1f1f1f; --pxl-chart-1-shade-09: #1f1f1f; --pxl-chart-1-shade-10: #1f1f1f; --pxl-chart-2: #d9382e; --pxl-chart-2-tint-00: white; --pxl-chart-2-tint-01: rgb(251.2, 235.1, 234.1); --pxl-chart-2-tint-02: rgb(247.4, 215.2, 213.2); --pxl-chart-2-tint-03: rgb(243.6, 195.3, 192.3); --pxl-chart-2-tint-04: rgb(239.8, 175.4, 171.4); --pxl-chart-2-tint-05: rgb(236, 155.5, 150.5); --pxl-chart-2-tint-06: rgb(232.2, 135.6, 129.6); --pxl-chart-2-tint-07: rgb(228.4, 115.7, 108.7); --pxl-chart-2-tint-08: rgb(224.6, 95.8, 87.8); --pxl-chart-2-tint-09: rgb(220.8, 75.9, 66.9); --pxl-chart-2-tint-10: #d9382e; --pxl-chart-2-shade-00: #d9382e; --pxl-chart-2-shade-01: rgb(198.4, 53.5, 44.5); --pxl-chart-2-shade-02: rgb(179.8, 51, 43); --pxl-chart-2-shade-03: rgb(161.2, 48.5, 41.5); --pxl-chart-2-shade-04: rgb(142.6, 46, 40); --pxl-chart-2-shade-05: rgb(124, 43.5, 38.5); --pxl-chart-2-shade-06: rgb(105.4, 41, 37); --pxl-chart-2-shade-07: rgb(86.8, 38.5, 35.5); --pxl-chart-2-shade-08: rgb(68.2, 36, 34); --pxl-chart-2-shade-09: rgb(49.6, 33.5, 32.5); --pxl-chart-2-shade-10: #1f1f1f; --pxl-chart-3: #f3772b; --pxl-chart-3-tint-00: white; --pxl-chart-3-tint-01: rgb(253.8, 241.4, 233.8); --pxl-chart-3-tint-02: rgb(252.6, 227.8, 212.6); --pxl-chart-3-tint-03: rgb(251.4, 214.2, 191.4); --pxl-chart-3-tint-04: rgb(250.2, 200.6, 170.2); --pxl-chart-3-tint-05: #f9bb95; --pxl-chart-3-tint-06: rgb(247.8, 173.4, 127.8); --pxl-chart-3-tint-07: rgb(246.6, 159.8, 106.6); --pxl-chart-3-tint-08: rgb(245.4, 146.2, 85.4); --pxl-chart-3-tint-09: rgb(244.2, 132.6, 64.2); --pxl-chart-3-tint-10: #f3772b; --pxl-chart-3-shade-00: #f3772b; --pxl-chart-3-shade-01: rgb(221.8, 110.2, 41.8); --pxl-chart-3-shade-02: rgb(200.6, 101.4, 40.6); --pxl-chart-3-shade-03: rgb(179.4, 92.6, 39.4); --pxl-chart-3-shade-04: rgb(158.2, 83.8, 38.2); --pxl-chart-3-shade-05: #894b25; --pxl-chart-3-shade-06: rgb(115.8, 66.2, 35.8); --pxl-chart-3-shade-07: rgb(94.6, 57.4, 34.6); --pxl-chart-3-shade-08: rgb(73.4, 48.6, 33.4); --pxl-chart-3-shade-09: rgb(52.2, 39.8, 32.2); --pxl-chart-3-shade-10: #1f1f1f; --pxl-chart-4: #e4b667; --pxl-chart-4-tint-00: white; --pxl-chart-4-tint-01: rgb(252.3, 247.7, 239.8); --pxl-chart-4-tint-02: rgb(249.6, 240.4, 224.6); --pxl-chart-4-tint-03: rgb(246.9, 233.1, 209.4); --pxl-chart-4-tint-04: rgb(244.2, 225.8, 194.2); --pxl-chart-4-tint-05: rgb(241.5, 218.5, 179); --pxl-chart-4-tint-06: rgb(238.8, 211.2, 163.8); --pxl-chart-4-tint-07: rgb(236.1, 203.9, 148.6); --pxl-chart-4-tint-08: rgb(233.4, 196.6, 133.4); --pxl-chart-4-tint-09: rgb(230.7, 189.3, 118.2); --pxl-chart-4-tint-10: #e4b667; --pxl-chart-4-shade-00: #e4b667; --pxl-chart-4-shade-01: rgb(208.3, 166.9, 95.8); --pxl-chart-4-shade-02: rgb(188.6, 151.8, 88.6); --pxl-chart-4-shade-03: rgb(168.9, 136.7, 81.4); --pxl-chart-4-shade-04: rgb(149.2, 121.6, 74.2); --pxl-chart-4-shade-05: rgb(129.5, 106.5, 67); --pxl-chart-4-shade-06: rgb(109.8, 91.4, 59.8); --pxl-chart-4-shade-07: rgb(90.1, 76.3, 52.6); --pxl-chart-4-shade-08: rgb(70.4, 61.2, 45.4); --pxl-chart-4-shade-09: rgb(50.7, 46.1, 38.2); --pxl-chart-4-shade-10: #1f1f1f; --pxl-chart-5: #ffdd4b; --pxl-chart-5-tint-00: white; --pxl-chart-5-tint-01: rgb(255, 251.6, 237); --pxl-chart-5-tint-02: rgb(255, 248.2, 219); --pxl-chart-5-tint-03: rgb(255, 244.8, 201); --pxl-chart-5-tint-04: rgb(255, 241.4, 183); --pxl-chart-5-tint-05: #ffeea5; --pxl-chart-5-tint-06: rgb(255, 234.6, 147); --pxl-chart-5-tint-07: rgb(255, 231.2, 129); --pxl-chart-5-tint-08: rgb(255, 227.8, 111); --pxl-chart-5-tint-09: rgb(255, 224.4, 93); --pxl-chart-5-tint-10: #ffdd4b; --pxl-chart-5-shade-00: #ffdd4b; --pxl-chart-5-shade-01: rgb(232.6, 202, 70.6); --pxl-chart-5-shade-02: rgb(210.2, 183, 66.2); --pxl-chart-5-shade-03: rgb(187.8, 164, 61.8); --pxl-chart-5-shade-04: rgb(165.4, 145, 57.4); --pxl-chart-5-shade-05: #8f7e35; --pxl-chart-5-shade-06: rgb(120.6, 107, 48.6); --pxl-chart-5-shade-07: rgb(98.2, 88, 44.2); --pxl-chart-5-shade-08: rgb(75.8, 69, 39.8); --pxl-chart-5-shade-09: rgb(53.4, 50, 35.4); --pxl-chart-5-shade-10: #1f1f1f; --pxl-chart-6: #01b75c; --pxl-chart-6-tint-00: white; --pxl-chart-6-tint-01: rgb(229.6, 247.8, 238.7); --pxl-chart-6-tint-02: rgb(204.2, 240.6, 222.4); --pxl-chart-6-tint-03: rgb(178.8, 233.4, 206.1); --pxl-chart-6-tint-04: rgb(153.4, 226.2, 189.8); --pxl-chart-6-tint-05: rgb(128, 219, 173.5); --pxl-chart-6-tint-06: rgb(102.6, 211.8, 157.2); --pxl-chart-6-tint-07: rgb(77.2, 204.6, 140.9); --pxl-chart-6-tint-08: rgb(51.8, 197.4, 124.6); --pxl-chart-6-tint-09: rgb(26.4, 190.2, 108.3); --pxl-chart-6-tint-10: #01b75c; --pxl-chart-6-shade-00: #01b75c; --pxl-chart-6-shade-01: rgb(4, 167.8, 85.9); --pxl-chart-6-shade-02: rgb(7, 152.6, 79.8); --pxl-chart-6-shade-03: rgb(10, 137.4, 73.7); --pxl-chart-6-shade-04: rgb(13, 122.2, 67.6); --pxl-chart-6-shade-05: rgb(16, 107, 61.5); --pxl-chart-6-shade-06: rgb(19, 91.8, 55.4); --pxl-chart-6-shade-07: rgb(22, 76.6, 49.3); --pxl-chart-6-shade-08: rgb(25, 61.4, 43.2); --pxl-chart-6-shade-09: rgb(28, 46.2, 37.1); --pxl-chart-6-shade-10: #1f1f1f; --pxl-chart-7: #20ded3; --pxl-chart-7-tint-00: white; --pxl-chart-7-tint-01: rgb(232.7, 251.7, 250.6); --pxl-chart-7-tint-02: rgb(210.4, 248.4, 246.2); --pxl-chart-7-tint-03: rgb(188.1, 245.1, 241.8); --pxl-chart-7-tint-04: rgb(165.8, 241.8, 237.4); --pxl-chart-7-tint-05: rgb(143.5, 238.5, 233); --pxl-chart-7-tint-06: rgb(121.2, 235.2, 228.6); --pxl-chart-7-tint-07: rgb(98.9, 231.9, 224.2); --pxl-chart-7-tint-08: rgb(76.6, 228.6, 219.8); --pxl-chart-7-tint-09: rgb(54.3, 225.3, 215.4); --pxl-chart-7-tint-10: #20ded3; --pxl-chart-7-shade-00: #20ded3; --pxl-chart-7-shade-01: rgb(31.9, 202.9, 193); --pxl-chart-7-shade-02: rgb(31.8, 183.8, 175); --pxl-chart-7-shade-03: rgb(31.7, 164.7, 157); --pxl-chart-7-shade-04: rgb(31.6, 145.6, 139); --pxl-chart-7-shade-05: rgb(31.5, 126.5, 121); --pxl-chart-7-shade-06: rgb(31.4, 107.4, 103); --pxl-chart-7-shade-07: rgb(31.3, 88.3, 85); --pxl-chart-7-shade-08: rgb(31.2, 69.2, 67); --pxl-chart-7-shade-09: rgb(31.1, 50.1, 49); --pxl-chart-7-shade-10: #1f1f1f; --pxl-chart-8: #29b7d6; --pxl-chart-8-tint-00: white; --pxl-chart-8-tint-01: rgb(233.6, 247.8, 250.9); --pxl-chart-8-tint-02: rgb(212.2, 240.6, 246.8); --pxl-chart-8-tint-03: rgb(190.8, 233.4, 242.7); --pxl-chart-8-tint-04: rgb(169.4, 226.2, 238.6); --pxl-chart-8-tint-05: rgb(148, 219, 234.5); --pxl-chart-8-tint-06: rgb(126.6, 211.8, 230.4); --pxl-chart-8-tint-07: rgb(105.2, 204.6, 226.3); --pxl-chart-8-tint-08: rgb(83.8, 197.4, 222.2); --pxl-chart-8-tint-09: rgb(62.4, 190.2, 218.1); --pxl-chart-8-tint-10: #29b7d6; --pxl-chart-8-shade-00: #29b7d6; --pxl-chart-8-shade-01: rgb(40, 167.8, 195.7); --pxl-chart-8-shade-02: rgb(39, 152.6, 177.4); --pxl-chart-8-shade-03: rgb(38, 137.4, 159.1); --pxl-chart-8-shade-04: rgb(37, 122.2, 140.8); --pxl-chart-8-shade-05: rgb(36, 107, 122.5); --pxl-chart-8-shade-06: rgb(35, 91.8, 104.2); --pxl-chart-8-shade-07: rgb(34, 76.6, 85.9); --pxl-chart-8-shade-08: rgb(33, 61.4, 67.6); --pxl-chart-8-shade-09: rgb(32, 46.2, 49.3); --pxl-chart-8-shade-10: #1f1f1f; --pxl-chart-9: #1970de; --pxl-chart-9-tint-00: white; --pxl-chart-9-tint-01: rgb(232, 240.7, 251.7); --pxl-chart-9-tint-02: rgb(209, 226.4, 248.4); --pxl-chart-9-tint-03: rgb(186, 212.1, 245.1); --pxl-chart-9-tint-04: rgb(163, 197.8, 241.8); --pxl-chart-9-tint-05: rgb(140, 183.5, 238.5); --pxl-chart-9-tint-06: rgb(117, 169.2, 235.2); --pxl-chart-9-tint-07: rgb(94, 154.9, 231.9); --pxl-chart-9-tint-08: rgb(71, 140.6, 228.6); --pxl-chart-9-tint-09: rgb(48, 126.3, 225.3); --pxl-chart-9-tint-10: #1970de; --pxl-chart-9-shade-00: #1970de; --pxl-chart-9-shade-01: rgb(25.6, 103.9, 202.9); --pxl-chart-9-shade-02: rgb(26.2, 95.8, 183.8); --pxl-chart-9-shade-03: rgb(26.8, 87.7, 164.7); --pxl-chart-9-shade-04: rgb(27.4, 79.6, 145.6); --pxl-chart-9-shade-05: rgb(28, 71.5, 126.5); --pxl-chart-9-shade-06: rgb(28.6, 63.4, 107.4); --pxl-chart-9-shade-07: rgb(29.2, 55.3, 88.3); --pxl-chart-9-shade-08: rgb(29.8, 47.2, 69.2); --pxl-chart-9-shade-09: rgb(30.4, 39.1, 50.1); --pxl-chart-9-shade-10: #1f1f1f; --pxl-chart-10: #705af8; --pxl-chart-10-tint-00: white; --pxl-chart-10-tint-01: rgb(240.7, 238.5, 254.3); --pxl-chart-10-tint-02: rgb(226.4, 222, 253.6); --pxl-chart-10-tint-03: rgb(212.1, 205.5, 252.9); --pxl-chart-10-tint-04: rgb(197.8, 189, 252.2); --pxl-chart-10-tint-05: rgb(183.5, 172.5, 251.5); --pxl-chart-10-tint-06: rgb(169.2, 156, 250.8); --pxl-chart-10-tint-07: rgb(154.9, 139.5, 250.1); --pxl-chart-10-tint-08: rgb(140.6, 123, 249.4); --pxl-chart-10-tint-09: rgb(126.3, 106.5, 248.7); --pxl-chart-10-tint-10: #705af8; --pxl-chart-10-shade-00: #705af8; --pxl-chart-10-shade-01: rgb(103.9, 84.1, 226.3); --pxl-chart-10-shade-02: rgb(95.8, 78.2, 204.6); --pxl-chart-10-shade-03: rgb(87.7, 72.3, 182.9); --pxl-chart-10-shade-04: rgb(79.6, 66.4, 161.2); --pxl-chart-10-shade-05: rgb(71.5, 60.5, 139.5); --pxl-chart-10-shade-06: rgb(63.4, 54.6, 117.8); --pxl-chart-10-shade-07: rgb(55.3, 48.7, 96.1); --pxl-chart-10-shade-08: rgb(47.2, 42.8, 74.4); --pxl-chart-10-shade-09: rgb(39.1, 36.9, 52.7); --pxl-chart-10-shade-10: #1f1f1f; --pxl-chart-11: #a14ed9; --pxl-chart-11-tint-00: white; --pxl-chart-11-tint-01: rgb(245.6, 237.3, 251.2); --pxl-chart-11-tint-02: rgb(236.2, 219.6, 247.4); --pxl-chart-11-tint-03: rgb(226.8, 201.9, 243.6); --pxl-chart-11-tint-04: rgb(217.4, 184.2, 239.8); --pxl-chart-11-tint-05: rgb(208, 166.5, 236); --pxl-chart-11-tint-06: rgb(198.6, 148.8, 232.2); --pxl-chart-11-tint-07: rgb(189.2, 131.1, 228.4); --pxl-chart-11-tint-08: rgb(179.8, 113.4, 224.6); --pxl-chart-11-tint-09: rgb(170.4, 95.7, 220.8); --pxl-chart-11-tint-10: #a14ed9; --pxl-chart-11-shade-00: #a14ed9; --pxl-chart-11-shade-01: rgb(148, 73.3, 198.4); --pxl-chart-11-shade-02: rgb(135, 68.6, 179.8); --pxl-chart-11-shade-03: rgb(122, 63.9, 161.2); --pxl-chart-11-shade-04: rgb(109, 59.2, 142.6); --pxl-chart-11-shade-05: rgb(96, 54.5, 124); --pxl-chart-11-shade-06: rgb(83, 49.8, 105.4); --pxl-chart-11-shade-07: rgb(70, 45.1, 86.8); --pxl-chart-11-shade-08: rgb(57, 40.4, 68.2); --pxl-chart-11-shade-09: rgb(44, 35.7, 49.6); --pxl-chart-11-shade-10: #1f1f1f; --pxl-chart-12: #d92e94; --pxl-chart-12-tint-00: white; --pxl-chart-12-tint-01: rgb(251.2, 234.1, 244.3); --pxl-chart-12-tint-02: rgb(247.4, 213.2, 233.6); --pxl-chart-12-tint-03: rgb(243.6, 192.3, 222.9); --pxl-chart-12-tint-04: rgb(239.8, 171.4, 212.2); --pxl-chart-12-tint-05: rgb(236, 150.5, 201.5); --pxl-chart-12-tint-06: rgb(232.2, 129.6, 190.8); --pxl-chart-12-tint-07: rgb(228.4, 108.7, 180.1); --pxl-chart-12-tint-08: rgb(224.6, 87.8, 169.4); --pxl-chart-12-tint-09: rgb(220.8, 66.9, 158.7); --pxl-chart-12-tint-10: #d92e94; --pxl-chart-12-shade-00: #d92e94; --pxl-chart-12-shade-01: rgb(198.4, 44.5, 136.3); --pxl-chart-12-shade-02: rgb(179.8, 43, 124.6); --pxl-chart-12-shade-03: rgb(161.2, 41.5, 112.9); --pxl-chart-12-shade-04: rgb(142.6, 40, 101.2); --pxl-chart-12-shade-05: rgb(124, 38.5, 89.5); --pxl-chart-12-shade-06: rgb(105.4, 37, 77.8); --pxl-chart-12-shade-07: rgb(86.8, 35.5, 66.1); --pxl-chart-12-shade-08: rgb(68.2, 34, 54.4); --pxl-chart-12-shade-09: rgb(49.6, 32.5, 42.7); --pxl-chart-12-shade-10: #1f1f1f; --pxl-body-background: var(--pxl-primary-tint-01); --pxl-focus: var(--pxl-action-tint-07); --pxl-warning-contrast: var(--pxl-warning-shade-06); --pxl-color-font: var(--pxl-primary-tint-10); --pxl-border-color: var(--pxl-primary-tint-02); --pxl-sensitivity-high: #003a6d; --pxl-sensitivity-medium: #0072c3; --pxl-sensitivity-non: #a8abb6; --pxl-sensitivity-indeterminate: #ddd1e5; --pxl-sensitivity-not-applicable: #e2e2e2; --pxl-panel-background: var(--pxl-primary-tint-00); --pxl-panel-shadow: 0 1px 4px black; --pxl-option-icon-color: var(--pxl-primary-tint-05); --pxl-option-background-hover: var(--pxl-primary-tint-01); --pxl-option-background-active: var(--pxl-primary-tint-02); --pxl-input-border-color: var(--pxl-primary-tint-02); --pxl-input-hover-background: var(--pxl-primary-tint-01); --pxl-input-focus-background: var(--pxl-primary-tint-02); --pxl-input-focus-border-color: var(--pxl-primary-tint-10); --pxl-nav-border-color: #1f1f1f; --pxl-font-family-primary: Inter, Arial, Helvetica, sans-serif; --pxl-font-family-secondary: Inter, Arial, Helvetica, sans-serif; --pxl-font-family-icon: pxl-icons; --pxl-animation-speed: 0.2s; --pxl-standard-spacing: 2.25rem; --pxl-color-main-background: var(--pxl-primary-tint-00); --pxl-color-inverse-background: var(--pxl-primary-tint-10); --pxl-color-default-border: var(--pxl-primary-tint-02); --pxl-color-selected: var(--pxl-secondary); --pxl-action: var(--pxl-action-tint-10); --pxl-action-hover: var(--pxl-action-tint-10); --pxl-color-white: #ffffff; --pxl-color-link-text: var(--pxl-action); --pxl-color-link-text-hover: var(--pxl-action-hover); --pxl-info-bg: var(--pxl-info-tint-03); --pxl-success-bg: var(--pxl-success-tint-03); --pxl-error-bg: var(--pxl-error-tint-03); --pxl-warning-bg: var(--pxl-warning-tint-03); --pxl-general-bg: var(--pxl-general-tint-03); --pxl-accent1-bg: var(--pxl-accent1-tint-03); --pxl-accent2-bg: var(--pxl-accent2-tint-03); --pxl-info-contrast: var(--pxl-info-tint-00); --pxl-success-contrast: var(--pxl-success-tint-00); --pxl-error-contrast: var(--pxl-error-tint-00); --pxl-general-contrast: var(--pxl-general-tint-00); --pxl-accent1-contrast: var(--pxl-accent1-tint-00); --pxl-accent2-contrast: var(--pxl-accent2-tint-00); --pxl-tooltip-color: var(--pxl-primary-tint-00); --pxl-tooltip-background-primary: var(--pxl-primary-tint-08); --pxl-tooltip-background-error: var(--pxl-error); --pxl-input-icon-color: var(--pxl-primary-tint-07); --pxl-input-focus-shadow: 0 0 6px rgba(var(--pxl-action), 0.5); --pxl-input-placeholder-color: var(--pxl-primary-tint-06); --pxl-input-hover-border-color: var(--pxl-primary-tint-05); --pxl-input-disabled-background: var(--pxl-primary-tint-01); --pxl-input-disabled-border-color: var(--pxl-primary-tint-01); --pxl-input-disabled-text-color: var(--pxl-primary-tint-06); --pxl-chart-marker-color: var(--pxl-primary-tint-00); --pxl-panel-radius: 0.25rem; --pxl-panel-border-color: var(--pxl-primary-tint-02); --pxl-panel-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --pxl-option-color: var(--pxl-color-font); --pxl-nav-background-color: #1f1f1f; --pxl-nav-font-color: #f8f8f8; --pxl-nav-active-background-color: #3e3e3e; --pxl-nav-active-font-color: #f8f8f8; --pxl-nav-inactive-font-color: #909090; --pxl-nav-disabled-font-color: #555555; --pxl-nav-subitem-active-color: #eaff00; --pxl-nav-divider-color: #3e3e3e; --pxl-nav-flyout-background-color: #282828; --pxl-nav-flyout-title-color: #909090; color-scheme: light; } } @keyframes highlight { 0% { width: calc(100% + 0rem); height: calc(100% + 0rem); opacity: 0.6; } 50% { opacity: 0.3; } 100% { width: calc(100% + 1.5rem); height: calc(100% + 1.5rem); opacity: 0; } } :root .mat-badge-content { --mat-badge-container-shape: 2rem; --mat-badge-container-size: 2.75rem; --mat-badge-container-padding: 0 1rem; --mat-badge-small-size-container-size: 1.25rem; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-size: 2.5rem; --mat-badge-large-size-container-padding: 0 1rem; --mat-badge-large-size-container-overlap-offset: 0; --mat-badge-legacy-container-size: 2.75rem; --mat-badge-legacy-small-size-container-size: 1rem; --mat-badge-legacy-large-size-container-size: 2.75rem; --mat-badge-text-font: var(--pxl-font-family-primary); --mat-badge-text-size: 1.5rem; --mat-badge-text-weight: 400; --mat-badge-line-height: 2.5rem; --mat-badge-small-size-text-size: 0; --mat-badge-small-size-line-height: 1.25rem; --mat-badge-large-size-text-size: 1.5rem; --mat-badge-large-size-line-height: 2.5rem; --mat-badge-background-color: var(--pxl-general-tint-10); --mat-badge-text-color: var(--pxl-general-tint-00); --mat-badge-disabled-state-background-color: var(--pxl-primary-tint-04); --mat-badge-disabled-state-text-color: var(--pxl-color-font); } :root .mat-badge-primary .mat-badge-content { --mat-badge-background-color: var(--pxl-primary-tint-10) !important; --mat-badge-text-color: var(--pxl-primary-tint-00) !important; } :root .mat-badge-accent .mat-badge-content { --mat-badge-background-color: var(--pxl-accent-tint-10) !important; --mat-badge-text-color: var(--pxl-accent-tint-00) !important; } :root .mat-badge-warn .mat-badge-content { --mat-badge-background-color: var(--pxl-error-tint-10) !important; --mat-badge-text-color: var(--pxl-error-tint-00) !important; } :root .mat-badge-error .mat-badge-content { --mat-badge-background-color: var(--pxl-error-tint-10) !important; --mat-badge-text-color: var(--pxl-error-tint-00) !important; } :root .mat-badge-secondary .mat-badge-content { --mat-badge-background-color: var(--pxl-secondary-tint-10) !important; --mat-badge-text-color: var(--pxl-secondary-tint-00) !important; } :root .mat-badge-success .mat-badge-content { --mat-badge-background-color: var(--pxl-success-tint-10) !important; --mat-badge-text-color: var(--pxl-success-tint-00) !important; } :root .mat-badge-action .mat-badge-content { --mat-badge-background-color: var(--pxl-action-tint-10) !important; --mat-badge-text-color: var(--pxl-action-tint-00) !important; } :root .mat-badge-general .mat-badge-content { --mat-badge-background-color: var(--pxl-general-tint-10) !important; --mat-badge-text-color: var(--pxl-general-tint-00) !important; } :root .mat-badge-tertiary .mat-badge-content { --mat-badge-background-color: var(--pxl-tertiary-tint-10) !important; --mat-badge-text-color: var(--pxl-tertiary-tint-00) !important; } :root .mat-badge-info .mat-badge-content { --mat-badge-background-color: var(--pxl-info-tint-10) !important; --mat-badge-text-color: var(--pxl-info-tint-00) !important; } :root .mat-badge-warning .mat-badge-content { --mat-badge-background-color: var(--pxl-warning-shade-03) !important; --mat-badge-text-color: var(--pxl-warning-tint-00) !important; } :root .mat-badge-brand .mat-badge-content { --mat-badge-background-color: var(--pxl-secondary-tint-10) !important; --mat-badge-text-color: var(--pxl-secondary-tint-00) !important; } :root .mat-badge-brand-accent .mat-badge-content { --mat-badge-background-color: var(--pxl-secondary-tint-10) !important; --mat-badge-text-color: var(--pxl-secondary-tint-00) !important; } :root .mat-badge-tag-1 .mat-badge-content { --mat-badge-background-color: var(--pxl-primary-tint-10) !important; --mat-badge-text-color: var(--pxl-primary-tint-00) !important; } :root .mat-badge-tag-2 .mat-badge-content { --mat-badge-background-color: var(--pxl-error-tint-10) !important; --mat-badge-text-color: var(--pxl-error-tint-00) !important; } :root .mat-badge-tag-3 .mat-badge-content { --mat-badge-background-color: var(--pxl-color-tag-3-tint-10) !important; --mat-badge-text-color: var(--pxl-color-tag-3-tint-00) !important; } :root .mat-badge-tag-4 .mat-badge-content { --mat-badge-background-color: var(--pxl-secondary-tint-10) !important; --mat-badge-text-color: var(--pxl-secondary-tint-00) !important; } :root .mat-badge-tag-5 .mat-badge-content { --mat-badge-background-color: var(--pxl-color-tag-5-tint-10) !important; --mat-badge-text-color: var(--pxl-color-tag-5-tint-00) !important; } :root .mat-badge-tag-6 .mat-badge-content { --mat-badge-background-color: var(--pxl-success-tint-10) !important; --mat-badge-text-color: var(--pxl-success-tint-00) !important; } :root .mat-badge-tag-7 .mat-badge-content { --mat-badge-background-color: var(--pxl-color-tag-7-tint-10) !important; --mat-badge-text-color: var(--pxl-color-tag-7-tint-00) !important; } :root .mat-badge-tag-8 .mat-badge-content { --mat-badge-background-color: var(--pxl-action-tint-10) !important; --mat-badge-text-color: var(--pxl-action-tint-00) !important; } :root .mat-badge-tag-9 .mat-badge-content { --mat-badge-background-color: var(--pxl-color-tag-9-tint-10) !important; --mat-badge-text-color: var(--pxl-color-tag-9-tint-00) !important; } :root .mat-badge-tag-10 .mat-badge-content { --mat-badge-background-color: var(--pxl-general-tint-10) !important; --mat-badge-text-color: var(--pxl-general-tint-00) !important; } :root .mat-badge-tag-11 .mat-badge-content { --mat-badge-background-color: var(--pxl-color-tag-11-tint-10) !important; --mat-badge-text-color: var(--pxl-color-tag-11-tint-00) !important; } :root .mat-badge-tag-12 .mat-badge-content { --mat-badge-background-color: var(--pxl-tertiary-tint-10) !important; --mat-badge-text-color: var(--pxl-tertiary-tint-00) !important; } :root .mat-badge-primary .mat-badge-content { --mat-badge-background-color: var(--pxl-general-tint-10) !important; --mat-badge-text-color: var(--pxl-general-tint-00) !important; } .mat-badge-content { text-overflow: clip !important; } .mat-badge-small.mat-badge-above .mat-badge-content { top: 0.5rem !important; } .mat-badge-large.mat-badge-overlap .mat-badge-content { left: 0; margin-left: 1rem !important; } .mat-badge-small.mat-badge-after .mat-badge-content { right: 0 !important; transform: translateY(0.25rem); } .mat-badge-small.mat-badge-above .mat-badge-content { top: 0 !important; transform: translateX(0.25rem); } .mat-badge-small.mat-badge-after.mat-badge-above .mat-badge-content { transform: translate(0.25rem, 0.25rem); } .mat-badge-small .mat-badge-content { width: 1.25rem !important; text-indent: -9999px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: 0 !important; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: 0; } .mat-badge-medium .mat-badge-content, .mat-badge-large .mat-badge-content { height: 2.5rem !important; min-height: 2.5rem !important; width: auto; min-width: 0.5rem; } .mat-badge-large:not(.mat-badge-hidden) .mat-badge-content { display: inline-block; position: relative; top: 0 !important; } .mat-badge-large.mat-badge-after .mat-badge-content { right: 0 !important; margin-left: 1rem; } .mat-badge-large.mat-badge-before { flex-direction: row-reverse; } .mat-badge-large.mat-badge-before .mat-badge-content { left: 0 !important; margin-right: 1rem; } .mat-badge-large.mat-icon-button.mat-button, .mat-badge-large.mat-fab.mat-button, .mat-badge-large.mat-mini-fab.mat-button { width: auto; } .mat-badge-content { --mat-badge-background-color: var(--pxl-primary-tint-07) !important; --mat-badge-text-color: var(--pxl-primary-tint-00) !important; } button.mat-badge-large:not(.mat-badge-hidden) .mat-badge-content, span.mat-badge-large:not(.mat-badge-hidden) .mat-badge-content { height: 2rem !important; width: auto !important; min-width: 2.5rem !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; } span.mat-badge-large:not(.mat-badge-hidden) .mat-badge-content { top: 0.5rem !important; } .pxl-badge-highlight .mat-badge-content { overflow: visible; z-index: 2; } .pxl-badge-highlight .mat-badge-content:before { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 2rem; content: ""; background: var(--mat-badge-background-color); animation: highlight 1.2s ease 3; opacity: 0; z-index: -1; } :root .mat-mdc-button-base { --mat-button-filled-container-shape: 2rem; --mat-button-outlined-container-shape: 2rem; --mat-button-protected-container-shape: 2rem; --mat-button-text-container-shape: 6rem; --mat-button-tonal-container-shape: 2px; --mat-button-outlined-outline-width: 1px; --mat-button-filled-horizontal-padding: 2rem; --mat-button-outlined-horizontal-padding: 2rem; --mat-button-protected-horizontal-padding: 2rem; --mat-button-text-horizontal-padding: 2rem; --mat-button-tonal-horizontal-padding: 2rem; --mat-button-filled-icon-spacing: 1rem; --mat-button-outlined-icon-spacing: 1rem; --mat-button-protected-icon-spacing: 1rem; --mat-button-text-icon-spacing: 1rem; --mat-button-tonal-icon-spacing: 1rem; --mat-button-filled-label-text-font: var(--pxl-font-family-primary); --mat-button-filled-label-text-size: 1.75rem; --mat-button-filled-label-text-weight: 500; --mat-button-filled-label-text-tracking: 0; --mat-button-outlined-label-text-font: var(--pxl-font-family-primary); --mat-button-outlined-label-text-size: 1.75rem; --mat-button-outlined-label-text-weight: 500; --mat-button-outlined-label-text-tracking: 0; --mat-button-protected-label-text-font: var(--pxl-font-family-primary); --mat-button-protected-label-text-size: 1.75rem; --mat-button-protected-label-text-weight: 500; --mat-button-protected-label-text-tracking: 0; --mat-button-text-label-text-font: var(--pxl-font-family-primary); --mat-button-text-label-text-size: 1.75rem; --mat-button-text-label-text-weight: 500; --mat-button-text-label-text-tracking: 0; --mat-button-tonal-label-text-font: var(--pxl-font-family-primary); --mat-button-tonal-label-text-size: 1.75rem; --mat-button-tonal-label-text-weight: 500; --mat-button-tonal-label-text-tracking: 0; --mat-button-filled-container-color: var(--pxl-primary-tint-10); --mat-button-filled-label-text-color: var(--pxl-primary-tint-00); --mat-button-filled-state-layer-color: var(--pxl-primary-tint-00); --mat-button-filled-ripple-color: var(--pxl-primary-tint-00); --mat-button-text-label-text-color: var(--pxl-primary-tint-10); --mat-button-text-state-layer-color: var(--pxl-primary-tint-10); --mat-button-text-ripple-color: var(--pxl-primary-tint-10); --mat-button-outlined-label-text-color: var(--pxl-primary-tint-10); --mat-button-outlined-outline-color: var(--pxl-primary-tint-03); --mat-button-outlined-state-layer-color: var(--pxl-primary-tint-10); --mat-button-outlined-ripple-color: var(--pxl-primary-tint-10); --mat-button-protected-container-color: var(--pxl-primary-tint-10); --mat-button-protected-label-text-color: var(--pxl-primary-tint-00); --mat-button-protected-state-layer-color: var(--pxl-primary-tint-00); --mat-button-protected-ripple-color: var(--pxl-primary-tint-00); --mat-button-tonal-container-color: var(--pxl-primary-tint-02); --mat-button-tonal-label-text-color: var(--pxl-primary-tint-10); --mat-button-tonal-state-layer-color: var(--pxl-primary-tint-10); --mat-button-tonal-ripple-color: var(--pxl-primary-tint-10); --mat-button-filled-disabled-container-color: var(--pxl-primary-tint-02); --mat-button-filled-disabled-label-text-color: var(--pxl-primary-tint-04); --mat-button-filled-disabled-state-layer-color: var(--pxl-primary-tint-02); --mat-button-text-disabled-label-text-color: var(--pxl-primary-tint-04); --mat-button-text-disabled-state-layer-color: var(--pxl-primary-tint-02); --mat-button-outlined-disabled-label-text-color: var(--pxl-primary-tint-04); --mat-button-outlined-disabled-outline-color: var(--pxl-primary-tint-02); --mat-button-outlined-disabled-state-layer-color: var(--pxl-primary-tint-02); --mat-button-protected-disabled-container-color: var(--pxl-primary-tint-02); --mat-button-protected-disabled-label-text-color: var(--pxl-primary-tint-04); --mat-button-protected-disabled-state-layer-color: var(--pxl-primary-tint-02); --mat-button-protected-disabled-container-elevation-shadow: none; --mat-button-tonal-disabled-container-color: var(--pxl-primary-tint-02); --mat-button-tonal-disabled-label-text-color: var(--pxl-primary-tint-04); --mat-button-tonal-disabled-state-layer-color: var(--pxl-primary-tint-02); --mat-button-filled-hover-state-layer-opacity: 0.1; --mat-button-filled-focus-state-layer-opacity: 0.2; --mat-button-filled-pressed-state-layer-opacity: 0.1; --mat-button-outlined-hover-state-layer-opacity: 0.05; --mat-button-outlined-focus-state-layer-opacity: 0.1; --mat-button-outlined-pressed-state-layer-opacity: 0.05; --mat-button-protected-hover-state-layer-opacity: 0.1; --mat-button-protected-focus-state-layer-opacity: 0.2; --mat-button-protected-pressed-state-layer-opacity: 0.1; --mat-button-text-hover-state-layer-opacity: 0.05; --mat-button-text-focus-state-layer-opacity: 0.1; --mat-button-text-pressed-state-layer-opacity: 0.05; --mat-button-tonal-hover-state-layer-opacity: 0.1; --mat-button-tonal-focus-state-layer-opacity: 0.2; --mat-button-tonal-pressed-state-layer-opacity: 0.1; } :root .mat-mdc-icon-button.mat-mdc-button-base { --mat-icon-button-icon-size: 1.75rem; --mat-icon-button-container-shape: 0.675rem; --mat-icon-button-state-layer-size: 40px; --mat-icon-button-icon-color: var(--pxl-primary-tint-10); --mat-icon-button-state-layer-color: var(--pxl-primary-tint-10); --mat-icon-button-disabled-icon-color: var(--pxl-primary-tint-04); --mat-icon-button-disabled-state-layer-color: var(--pxl-primary-tint-02); --mat-icon-button-hover-state-layer-opacity: 0.05; --mat-icon-button-focus-state-layer-opacity: 0.1; --mat-icon-button-pressed-state-layer-opacity: 0.05; } .mat-mdc-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-raised-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-outlined-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-unelevated-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { height: 4.55rem; line-height: 4.55rem; min-width: 4.55rem; max-width: 100%; margin: 0 1rem; transition: ease background var(--pxl-animation-speed); box-shadow: none; } .mat-mdc-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) i, .mat-mdc-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) pxl-icon, .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) i, .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) pxl-icon, .mat-mdc-raised-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) i, .mat-mdc-raised-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) pxl-icon, .mat-mdc-outlined-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) i, .mat-mdc-outlined-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) pxl-icon, .mat-mdc-unelevated-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) i, .mat-mdc-unelevated-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-icon-button) pxl-icon { margin-right: 1rem; } .mat-mdc-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-button-disabled):hover .mat-mdc-focus-indicator, .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-button-disabled):hover .mat-mdc-focus-indicator, .mat-mdc-raised-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-button-disabled):hover .mat-mdc-focus-indicator, .mat-mdc-outlined-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-button-disabled):hover .mat-mdc-focus-indicator, .mat-mdc-unelevated-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):not(.mdc-button-disabled):hover .mat-mdc-focus-indicator { opacity: 0.1 !important; } .mat-mdc-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):focus, .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):focus, .mat-mdc-raised-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):focus, .mat-mdc-outlined-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):focus, .mat-mdc-unelevated-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link):focus { outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .mat-mdc-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__label, .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__label, .mat-mdc-raised-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__label, .mat-mdc-outlined-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__label, .mat-mdc-unelevated-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__label { display: block; z-index: 1; position: relative; } .mat-mdc-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__ripple:before, .mat-mdc-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-icon-button__ripple:before, .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__ripple:before, .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-icon-button__ripple:before, .mat-mdc-raised-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__ripple:before, .mat-mdc-raised-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-icon-button__ripple:before, .mat-mdc-outlined-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__ripple:before, .mat-mdc-outlined-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-icon-button__ripple:before, .mat-mdc-unelevated-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-button__ripple:before, .mat-mdc-unelevated-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-icon-button__ripple:before { transition: all 250ms ease-in-out; } .mdc-button { display: inline-flex !important; align-items: center; text-decoration: none !important; } .mdc-button--align-right { float: right; } .mdc-button--no-hover:hover { background: transparent !important; } .mdc-button.pxl-button-full { width: 100% !important; text-align: center; } .mdc-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { justify-content: center; } .mdc-button__label { display: inline-flex !important; position: static !important; align-items: center !important; } .mat-mdc-icon-button { cursor: pointer; } .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { padding: 0 1rem; line-height: 100% !important; } .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mat-mdc-button-persistent-ripple, .mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) .mdc-icon-button__ripple { border-radius: var(--mat-icon-button-container-shape, 0.675rem); } .mat-mdc-outlined-button:not(:disabled) { background: var(--pxl-color-main-background); } .mat-mdc-outlined-button:not(:disabled).mat-accent { --mdc-outlined-button-outline-color: var(--pxl-primary-tint-03); } .mat-mdc-outlined-button:not(:disabled).mat-accent:hover { --mdc-outlined-button-outline-color: var(--pxl-primary-tint-04); } .mat-mdc-outlined-button:not(:disabled).mat-warn { --mdc-outlined-button-outline-color: var(--pxl-error-tint-03); } .mat-mdc-outlined-button:not(:disabled).mat-warn:hover { --mdc-outlined-button-outline-color: var(--pxl-error-tint-04); } .mat-mdc-button-base.mat-primary { --mdc-text-button-label-text-color: var(--pxl-primary-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-primary-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-primary-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-primary-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-primary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-primary-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-primary-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-primary-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-primary-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-primary-tint-00) !important; --mat-button-filled-container-color: var(--pxl-primary-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-primary-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-primary-tint-00) !important; --mat-button-protected-container-color: var(--pxl-primary-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-primary-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-primary-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-primary-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-primary-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-primary-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-primary-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-primary-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-primary:hover { --mdc-outlined-button-outline-color: var(--pxl-primary-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-primary-tint-04) !important; } .mat-mdc-button-base.mat-primary { --mat-button-tonal-container-color: var(--pxl-primary-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-primary-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-primary.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-primary-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-primary-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-warning { --mdc-text-button-label-text-color: var(--pxl-warning-shade-03) !important; --mat-text-button-state-layer-color: var(--pxl-warning-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-warning-shade-03) !important; --mat-button-text-state-layer-color: var(--pxl-warning-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-warning-shade-03) !important; --mdc-protected-button-container-color: var(--pxl-warning-shade-03) !important; --mdc-filled-button-label-text-color: var(--pxl-warning-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-warning-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-warning-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-warning-tint-00) !important; --mat-button-filled-container-color: var(--pxl-warning-shade-03) !important; --mat-button-filled-label-text-color: var(--pxl-warning-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-warning-tint-00) !important; --mat-button-protected-container-color: var(--pxl-warning-shade-03) !important; --mat-button-protected-label-text-color: var(--pxl-warning-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-warning-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-warning-shade-03) !important; --mat-outlined-button-state-layer-color: var(--pxl-warning-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-warning-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-warning-shade-03) !important; --mat-button-outlined-outline-color: var(--pxl-warning-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-warning-tint-10) !important; } .mat-mdc-button-base.mat-warning:hover { --mdc-outlined-button-outline-color: var(--pxl-warning-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-warning-tint-04) !important; } .mat-mdc-button-base.mat-warning { --mat-button-tonal-container-color: var(--pxl-warning-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-warning-shade-03) !important; --mat-button-tonal-state-layer-color: var(--pxl-warning-tint-10) !important; } .mat-mdc-button-base.mat-warning.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-warning-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-warning-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-warning-tint-10) !important; } .mat-mdc-button-base.mat-mdc-raised-button.mat-warn, .mat-mdc-button-base.mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-label-text-color: var(--pxl-error-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-error-tint-00) !important; --mat-button-filled-label-text-color: var(--pxl-error-tint-00) !important; --mat-button-protected-label-text-color: var(--pxl-error-tint-00) !important; } .mat-mdc-button-base.mat-primary, .mat-mdc-button-base.pxl-primary, .mat-mdc-button-base[color=primary] { --mdc-text-button-label-text-color: var(--pxl-primary-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-primary-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-primary-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-primary-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-primary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-primary-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-primary-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-primary-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-primary-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-primary-tint-00) !important; --mat-button-filled-container-color: var(--pxl-primary-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-primary-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-primary-tint-00) !important; --mat-button-protected-container-color: var(--pxl-primary-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-primary-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-primary-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-primary-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-primary-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-primary-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-primary-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-primary-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-primary:hover, .mat-mdc-button-base.pxl-primary:hover, .mat-mdc-button-base[color=primary]:hover { --mdc-outlined-button-outline-color: var(--pxl-primary-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-primary-tint-04) !important; } .mat-mdc-button-base.mat-primary, .mat-mdc-button-base.pxl-primary, .mat-mdc-button-base[color=primary] { --mat-button-tonal-container-color: var(--pxl-primary-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-primary-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-primary.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-primary.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=primary].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-primary-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-primary-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-accent, .mat-mdc-button-base.pxl-accent, .mat-mdc-button-base[color=accent] { --mdc-text-button-label-text-color: var(--pxl-accent-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-accent-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-accent-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-accent-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-accent-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-accent-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-accent-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-accent-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-accent-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-accent-tint-00) !important; --mat-button-filled-container-color: var(--pxl-accent-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-accent-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-accent-tint-00) !important; --mat-button-protected-container-color: var(--pxl-accent-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-accent-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-accent-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-accent-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-accent-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-accent-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-accent-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-accent-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-accent-tint-10) !important; } .mat-mdc-button-base.mat-accent:hover, .mat-mdc-button-base.pxl-accent:hover, .mat-mdc-button-base[color=accent]:hover { --mdc-outlined-button-outline-color: var(--pxl-accent-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-accent-tint-04) !important; } .mat-mdc-button-base.mat-accent, .mat-mdc-button-base.pxl-accent, .mat-mdc-button-base[color=accent] { --mat-button-tonal-container-color: var(--pxl-accent-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-accent-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-accent-tint-10) !important; } .mat-mdc-button-base.mat-accent.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-accent.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=accent].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-accent-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-accent-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-accent-tint-10) !important; } .mat-mdc-button-base.mat-warn, .mat-mdc-button-base.pxl-warn, .mat-mdc-button-base[color=warn] { --mdc-text-button-label-text-color: var(--pxl-error-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-error-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-error-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-error-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-error-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-error-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-error-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-error-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-error-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-error-tint-00) !important; --mat-button-filled-container-color: var(--pxl-error-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-error-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-error-tint-00) !important; --mat-button-protected-container-color: var(--pxl-error-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-error-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-error-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-error-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-error-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-error-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-error-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-error-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-error-tint-10) !important; } .mat-mdc-button-base.mat-warn:hover, .mat-mdc-button-base.pxl-warn:hover, .mat-mdc-button-base[color=warn]:hover { --mdc-outlined-button-outline-color: var(--pxl-error-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-error-tint-04) !important; } .mat-mdc-button-base.mat-warn, .mat-mdc-button-base.pxl-warn, .mat-mdc-button-base[color=warn] { --mat-button-tonal-container-color: var(--pxl-error-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-error-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-error-tint-10) !important; } .mat-mdc-button-base.mat-warn.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-warn.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=warn].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-error-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-error-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-error-tint-10) !important; } .mat-mdc-button-base.mat-error, .mat-mdc-button-base.pxl-error, .mat-mdc-button-base[color=error] { --mdc-text-button-label-text-color: var(--pxl-error-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-error-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-error-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-error-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-error-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-error-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-error-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-error-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-error-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-error-tint-00) !important; --mat-button-filled-container-color: var(--pxl-error-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-error-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-error-tint-00) !important; --mat-button-protected-container-color: var(--pxl-error-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-error-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-error-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-error-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-error-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-error-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-error-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-error-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-error-tint-10) !important; } .mat-mdc-button-base.mat-error:hover, .mat-mdc-button-base.pxl-error:hover, .mat-mdc-button-base[color=error]:hover { --mdc-outlined-button-outline-color: var(--pxl-error-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-error-tint-04) !important; } .mat-mdc-button-base.mat-error, .mat-mdc-button-base.pxl-error, .mat-mdc-button-base[color=error] { --mat-button-tonal-container-color: var(--pxl-error-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-error-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-error-tint-10) !important; } .mat-mdc-button-base.mat-error.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-error.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=error].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-error-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-error-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-error-tint-10) !important; } .mat-mdc-button-base.mat-secondary, .mat-mdc-button-base.pxl-secondary, .mat-mdc-button-base[color=secondary] { --mdc-text-button-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-secondary-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-secondary-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-secondary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-secondary-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-secondary-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-button-filled-container-color: var(--pxl-secondary-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-button-protected-container-color: var(--pxl-secondary-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-secondary-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-secondary-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-secondary-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-secondary-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-secondary:hover, .mat-mdc-button-base.pxl-secondary:hover, .mat-mdc-button-base[color=secondary]:hover { --mdc-outlined-button-outline-color: var(--pxl-secondary-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-secondary-tint-04) !important; } .mat-mdc-button-base.mat-secondary, .mat-mdc-button-base.pxl-secondary, .mat-mdc-button-base[color=secondary] { --mat-button-tonal-container-color: var(--pxl-secondary-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-secondary.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-secondary.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=secondary].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-secondary-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-secondary-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-success, .mat-mdc-button-base.pxl-success, .mat-mdc-button-base[color=success] { --mdc-text-button-label-text-color: var(--pxl-success-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-success-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-success-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-success-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-success-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-success-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-success-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-success-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-success-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-success-tint-00) !important; --mat-button-filled-container-color: var(--pxl-success-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-success-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-success-tint-00) !important; --mat-button-protected-container-color: var(--pxl-success-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-success-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-success-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-success-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-success-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-success-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-success-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-success-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-success-tint-10) !important; } .mat-mdc-button-base.mat-success:hover, .mat-mdc-button-base.pxl-success:hover, .mat-mdc-button-base[color=success]:hover { --mdc-outlined-button-outline-color: var(--pxl-success-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-success-tint-04) !important; } .mat-mdc-button-base.mat-success, .mat-mdc-button-base.pxl-success, .mat-mdc-button-base[color=success] { --mat-button-tonal-container-color: var(--pxl-success-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-success-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-success-tint-10) !important; } .mat-mdc-button-base.mat-success.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-success.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=success].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-success-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-success-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-success-tint-10) !important; } .mat-mdc-button-base.mat-action, .mat-mdc-button-base.pxl-action, .mat-mdc-button-base[color=action] { --mdc-text-button-label-text-color: var(--pxl-action-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-action-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-action-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-action-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-action-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-action-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-action-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-action-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-action-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-action-tint-00) !important; --mat-button-filled-container-color: var(--pxl-action-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-action-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-action-tint-00) !important; --mat-button-protected-container-color: var(--pxl-action-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-action-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-action-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-action-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-action-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-action-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-action-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-action-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-action-tint-10) !important; } .mat-mdc-button-base.mat-action:hover, .mat-mdc-button-base.pxl-action:hover, .mat-mdc-button-base[color=action]:hover { --mdc-outlined-button-outline-color: var(--pxl-action-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-action-tint-04) !important; } .mat-mdc-button-base.mat-action, .mat-mdc-button-base.pxl-action, .mat-mdc-button-base[color=action] { --mat-button-tonal-container-color: var(--pxl-action-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-action-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-action-tint-10) !important; } .mat-mdc-button-base.mat-action.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-action.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=action].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-action-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-action-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-action-tint-10) !important; } .mat-mdc-button-base.mat-general, .mat-mdc-button-base.pxl-general, .mat-mdc-button-base[color=general] { --mdc-text-button-label-text-color: var(--pxl-general-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-general-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-general-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-general-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-general-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-general-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-general-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-general-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-general-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-general-tint-00) !important; --mat-button-filled-container-color: var(--pxl-general-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-general-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-general-tint-00) !important; --mat-button-protected-container-color: var(--pxl-general-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-general-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-general-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-general-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-general-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-general-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-general-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-general-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-general-tint-10) !important; } .mat-mdc-button-base.mat-general:hover, .mat-mdc-button-base.pxl-general:hover, .mat-mdc-button-base[color=general]:hover { --mdc-outlined-button-outline-color: var(--pxl-general-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-general-tint-04) !important; } .mat-mdc-button-base.mat-general, .mat-mdc-button-base.pxl-general, .mat-mdc-button-base[color=general] { --mat-button-tonal-container-color: var(--pxl-general-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-general-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-general-tint-10) !important; } .mat-mdc-button-base.mat-general.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-general.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=general].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-general-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-general-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-general-tint-10) !important; } .mat-mdc-button-base.mat-tertiary, .mat-mdc-button-base.pxl-tertiary, .mat-mdc-button-base[color=tertiary] { --mdc-text-button-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-tertiary-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-tertiary-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-tertiary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-tertiary-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-tertiary-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-tertiary-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-tertiary-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-tertiary-tint-00) !important; --mat-button-filled-container-color: var(--pxl-tertiary-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-tertiary-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-tertiary-tint-00) !important; --mat-button-protected-container-color: var(--pxl-tertiary-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-tertiary-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-tertiary-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-tertiary-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-tertiary-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-tertiary-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-tertiary-tint-10) !important; } .mat-mdc-button-base.mat-tertiary:hover, .mat-mdc-button-base.pxl-tertiary:hover, .mat-mdc-button-base[color=tertiary]:hover { --mdc-outlined-button-outline-color: var(--pxl-tertiary-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-tertiary-tint-04) !important; } .mat-mdc-button-base.mat-tertiary, .mat-mdc-button-base.pxl-tertiary, .mat-mdc-button-base[color=tertiary] { --mat-button-tonal-container-color: var(--pxl-tertiary-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-tertiary-tint-10) !important; } .mat-mdc-button-base.mat-tertiary.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tertiary.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tertiary].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-tertiary-tint-10) !important; } .mat-mdc-button-base.mat-info, .mat-mdc-button-base.pxl-info, .mat-mdc-button-base[color=info] { --mdc-text-button-label-text-color: var(--pxl-info-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-info-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-info-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-info-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-info-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-info-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-info-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-info-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-info-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-info-tint-00) !important; --mat-button-filled-container-color: var(--pxl-info-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-info-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-info-tint-00) !important; --mat-button-protected-container-color: var(--pxl-info-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-info-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-info-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-info-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-info-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-info-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-info-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-info-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-info-tint-10) !important; } .mat-mdc-button-base.mat-info:hover, .mat-mdc-button-base.pxl-info:hover, .mat-mdc-button-base[color=info]:hover { --mdc-outlined-button-outline-color: var(--pxl-info-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-info-tint-04) !important; } .mat-mdc-button-base.mat-info, .mat-mdc-button-base.pxl-info, .mat-mdc-button-base[color=info] { --mat-button-tonal-container-color: var(--pxl-info-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-info-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-info-tint-10) !important; } .mat-mdc-button-base.mat-info.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-info.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=info].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-info-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-info-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-info-tint-10) !important; } .mat-mdc-button-base.mat-warning, .mat-mdc-button-base.pxl-warning, .mat-mdc-button-base[color=warning] { --mdc-text-button-label-text-color: var(--pxl-warning-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-warning-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-warning-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-warning-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-warning-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-warning-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-warning-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-warning-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-warning-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-warning-tint-00) !important; --mat-button-filled-container-color: var(--pxl-warning-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-warning-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-warning-tint-00) !important; --mat-button-protected-container-color: var(--pxl-warning-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-warning-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-warning-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-warning-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-warning-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-warning-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-warning-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-warning-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-warning-tint-10) !important; } .mat-mdc-button-base.mat-warning:hover, .mat-mdc-button-base.pxl-warning:hover, .mat-mdc-button-base[color=warning]:hover { --mdc-outlined-button-outline-color: var(--pxl-warning-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-warning-tint-04) !important; } .mat-mdc-button-base.mat-warning, .mat-mdc-button-base.pxl-warning, .mat-mdc-button-base[color=warning] { --mat-button-tonal-container-color: var(--pxl-warning-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-warning-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-warning-tint-10) !important; } .mat-mdc-button-base.mat-warning.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-warning.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=warning].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-warning-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-warning-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-warning-tint-10) !important; } .mat-mdc-button-base.mat-brand, .mat-mdc-button-base.pxl-brand, .mat-mdc-button-base[color=brand] { --mdc-text-button-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-secondary-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-secondary-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-secondary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-secondary-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-secondary-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-button-filled-container-color: var(--pxl-secondary-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-button-protected-container-color: var(--pxl-secondary-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-secondary-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-secondary-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-secondary-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-secondary-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-brand:hover, .mat-mdc-button-base.pxl-brand:hover, .mat-mdc-button-base[color=brand]:hover { --mdc-outlined-button-outline-color: var(--pxl-secondary-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-secondary-tint-04) !important; } .mat-mdc-button-base.mat-brand, .mat-mdc-button-base.pxl-brand, .mat-mdc-button-base[color=brand] { --mat-button-tonal-container-color: var(--pxl-secondary-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-brand.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-brand.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=brand].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-secondary-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-secondary-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-brand-accent, .mat-mdc-button-base.pxl-brand-accent, .mat-mdc-button-base[color=brand-accent] { --mdc-text-button-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-secondary-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-secondary-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-secondary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-secondary-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-secondary-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-button-filled-container-color: var(--pxl-secondary-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-button-protected-container-color: var(--pxl-secondary-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-secondary-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-secondary-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-secondary-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-secondary-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-brand-accent:hover, .mat-mdc-button-base.pxl-brand-accent:hover, .mat-mdc-button-base[color=brand-accent]:hover { --mdc-outlined-button-outline-color: var(--pxl-secondary-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-secondary-tint-04) !important; } .mat-mdc-button-base.mat-brand-accent, .mat-mdc-button-base.pxl-brand-accent, .mat-mdc-button-base[color=brand-accent] { --mat-button-tonal-container-color: var(--pxl-secondary-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-brand-accent.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-brand-accent.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=brand-accent].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-secondary-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-secondary-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-tag-1, .mat-mdc-button-base.pxl-tag-1, .mat-mdc-button-base[color=tag-1] { --mdc-text-button-label-text-color: var(--pxl-primary-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-primary-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-primary-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-primary-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-primary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-primary-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-primary-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-primary-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-primary-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-primary-tint-00) !important; --mat-button-filled-container-color: var(--pxl-primary-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-primary-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-primary-tint-00) !important; --mat-button-protected-container-color: var(--pxl-primary-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-primary-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-primary-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-primary-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-primary-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-primary-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-primary-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-primary-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-tag-1:hover, .mat-mdc-button-base.pxl-tag-1:hover, .mat-mdc-button-base[color=tag-1]:hover { --mdc-outlined-button-outline-color: var(--pxl-primary-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-primary-tint-04) !important; } .mat-mdc-button-base.mat-tag-1, .mat-mdc-button-base.pxl-tag-1, .mat-mdc-button-base[color=tag-1] { --mat-button-tonal-container-color: var(--pxl-primary-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-primary-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-tag-1.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-1.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-1].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-primary-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-primary-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-tag-2, .mat-mdc-button-base.pxl-tag-2, .mat-mdc-button-base[color=tag-2] { --mdc-text-button-label-text-color: var(--pxl-error-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-error-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-error-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-error-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-error-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-error-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-error-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-error-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-error-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-error-tint-00) !important; --mat-button-filled-container-color: var(--pxl-error-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-error-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-error-tint-00) !important; --mat-button-protected-container-color: var(--pxl-error-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-error-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-error-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-error-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-error-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-error-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-error-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-error-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-error-tint-10) !important; } .mat-mdc-button-base.mat-tag-2:hover, .mat-mdc-button-base.pxl-tag-2:hover, .mat-mdc-button-base[color=tag-2]:hover { --mdc-outlined-button-outline-color: var(--pxl-error-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-error-tint-04) !important; } .mat-mdc-button-base.mat-tag-2, .mat-mdc-button-base.pxl-tag-2, .mat-mdc-button-base[color=tag-2] { --mat-button-tonal-container-color: var(--pxl-error-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-error-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-error-tint-10) !important; } .mat-mdc-button-base.mat-tag-2.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-2.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-2].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-error-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-error-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-error-tint-10) !important; } .mat-mdc-button-base.mat-tag-3, .mat-mdc-button-base.pxl-tag-3, .mat-mdc-button-base[color=tag-3] { --mdc-text-button-label-text-color: var(--pxl-color-tag-3-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-color-tag-3-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-color-tag-3-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-color-tag-3-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-color-tag-3-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-color-tag-3-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-color-tag-3-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-color-tag-3-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-color-tag-3-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-color-tag-3-tint-00) !important; --mat-button-filled-container-color: var(--pxl-color-tag-3-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-color-tag-3-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-color-tag-3-tint-00) !important; --mat-button-protected-container-color: var(--pxl-color-tag-3-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-color-tag-3-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-color-tag-3-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-color-tag-3-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-color-tag-3-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-color-tag-3-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-color-tag-3-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-3-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-color-tag-3-tint-10) !important; } .mat-mdc-button-base.mat-tag-3:hover, .mat-mdc-button-base.pxl-tag-3:hover, .mat-mdc-button-base[color=tag-3]:hover { --mdc-outlined-button-outline-color: var(--pxl-color-tag-3-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-3-tint-04) !important; } .mat-mdc-button-base.mat-tag-3, .mat-mdc-button-base.pxl-tag-3, .mat-mdc-button-base[color=tag-3] { --mat-button-tonal-container-color: var(--pxl-color-tag-3-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-color-tag-3-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-color-tag-3-tint-10) !important; } .mat-mdc-button-base.mat-tag-3.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-3.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-3].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-color-tag-3-tint-10) !important; } .mat-mdc-button-base.mat-tag-4, .mat-mdc-button-base.pxl-tag-4, .mat-mdc-button-base[color=tag-4] { --mdc-text-button-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-secondary-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-secondary-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-secondary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-secondary-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-secondary-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-button-filled-container-color: var(--pxl-secondary-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-secondary-tint-00) !important; --mat-button-protected-container-color: var(--pxl-secondary-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-secondary-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-secondary-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-secondary-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-secondary-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-secondary-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-tag-4:hover, .mat-mdc-button-base.pxl-tag-4:hover, .mat-mdc-button-base[color=tag-4]:hover { --mdc-outlined-button-outline-color: var(--pxl-secondary-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-secondary-tint-04) !important; } .mat-mdc-button-base.mat-tag-4, .mat-mdc-button-base.pxl-tag-4, .mat-mdc-button-base[color=tag-4] { --mat-button-tonal-container-color: var(--pxl-secondary-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-secondary-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-tag-4.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-4.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-4].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-secondary-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-secondary-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-secondary-tint-10) !important; } .mat-mdc-button-base.mat-tag-5, .mat-mdc-button-base.pxl-tag-5, .mat-mdc-button-base[color=tag-5] { --mdc-text-button-label-text-color: var(--pxl-color-tag-5-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-color-tag-5-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-color-tag-5-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-color-tag-5-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-color-tag-5-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-color-tag-5-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-color-tag-5-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-color-tag-5-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-color-tag-5-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-color-tag-5-tint-00) !important; --mat-button-filled-container-color: var(--pxl-color-tag-5-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-color-tag-5-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-color-tag-5-tint-00) !important; --mat-button-protected-container-color: var(--pxl-color-tag-5-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-color-tag-5-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-color-tag-5-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-color-tag-5-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-color-tag-5-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-color-tag-5-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-color-tag-5-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-5-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-color-tag-5-tint-10) !important; } .mat-mdc-button-base.mat-tag-5:hover, .mat-mdc-button-base.pxl-tag-5:hover, .mat-mdc-button-base[color=tag-5]:hover { --mdc-outlined-button-outline-color: var(--pxl-color-tag-5-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-5-tint-04) !important; } .mat-mdc-button-base.mat-tag-5, .mat-mdc-button-base.pxl-tag-5, .mat-mdc-button-base[color=tag-5] { --mat-button-tonal-container-color: var(--pxl-color-tag-5-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-color-tag-5-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-color-tag-5-tint-10) !important; } .mat-mdc-button-base.mat-tag-5.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-5.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-5].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-color-tag-5-tint-10) !important; } .mat-mdc-button-base.mat-tag-6, .mat-mdc-button-base.pxl-tag-6, .mat-mdc-button-base[color=tag-6] { --mdc-text-button-label-text-color: var(--pxl-success-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-success-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-success-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-success-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-success-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-success-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-success-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-success-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-success-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-success-tint-00) !important; --mat-button-filled-container-color: var(--pxl-success-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-success-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-success-tint-00) !important; --mat-button-protected-container-color: var(--pxl-success-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-success-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-success-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-success-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-success-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-success-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-success-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-success-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-success-tint-10) !important; } .mat-mdc-button-base.mat-tag-6:hover, .mat-mdc-button-base.pxl-tag-6:hover, .mat-mdc-button-base[color=tag-6]:hover { --mdc-outlined-button-outline-color: var(--pxl-success-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-success-tint-04) !important; } .mat-mdc-button-base.mat-tag-6, .mat-mdc-button-base.pxl-tag-6, .mat-mdc-button-base[color=tag-6] { --mat-button-tonal-container-color: var(--pxl-success-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-success-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-success-tint-10) !important; } .mat-mdc-button-base.mat-tag-6.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-6.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-6].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-success-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-success-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-success-tint-10) !important; } .mat-mdc-button-base.mat-tag-7, .mat-mdc-button-base.pxl-tag-7, .mat-mdc-button-base[color=tag-7] { --mdc-text-button-label-text-color: var(--pxl-color-tag-7-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-color-tag-7-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-color-tag-7-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-color-tag-7-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-color-tag-7-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-color-tag-7-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-color-tag-7-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-color-tag-7-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-color-tag-7-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-color-tag-7-tint-00) !important; --mat-button-filled-container-color: var(--pxl-color-tag-7-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-color-tag-7-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-color-tag-7-tint-00) !important; --mat-button-protected-container-color: var(--pxl-color-tag-7-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-color-tag-7-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-color-tag-7-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-color-tag-7-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-color-tag-7-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-color-tag-7-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-color-tag-7-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-7-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-color-tag-7-tint-10) !important; } .mat-mdc-button-base.mat-tag-7:hover, .mat-mdc-button-base.pxl-tag-7:hover, .mat-mdc-button-base[color=tag-7]:hover { --mdc-outlined-button-outline-color: var(--pxl-color-tag-7-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-7-tint-04) !important; } .mat-mdc-button-base.mat-tag-7, .mat-mdc-button-base.pxl-tag-7, .mat-mdc-button-base[color=tag-7] { --mat-button-tonal-container-color: var(--pxl-color-tag-7-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-color-tag-7-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-color-tag-7-tint-10) !important; } .mat-mdc-button-base.mat-tag-7.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-7.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-7].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-color-tag-7-tint-10) !important; } .mat-mdc-button-base.mat-tag-8, .mat-mdc-button-base.pxl-tag-8, .mat-mdc-button-base[color=tag-8] { --mdc-text-button-label-text-color: var(--pxl-action-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-action-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-action-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-action-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-action-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-action-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-action-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-action-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-action-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-action-tint-00) !important; --mat-button-filled-container-color: var(--pxl-action-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-action-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-action-tint-00) !important; --mat-button-protected-container-color: var(--pxl-action-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-action-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-action-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-action-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-action-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-action-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-action-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-action-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-action-tint-10) !important; } .mat-mdc-button-base.mat-tag-8:hover, .mat-mdc-button-base.pxl-tag-8:hover, .mat-mdc-button-base[color=tag-8]:hover { --mdc-outlined-button-outline-color: var(--pxl-action-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-action-tint-04) !important; } .mat-mdc-button-base.mat-tag-8, .mat-mdc-button-base.pxl-tag-8, .mat-mdc-button-base[color=tag-8] { --mat-button-tonal-container-color: var(--pxl-action-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-action-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-action-tint-10) !important; } .mat-mdc-button-base.mat-tag-8.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-8.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-8].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-action-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-action-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-action-tint-10) !important; } .mat-mdc-button-base.mat-tag-9, .mat-mdc-button-base.pxl-tag-9, .mat-mdc-button-base[color=tag-9] { --mdc-text-button-label-text-color: var(--pxl-color-tag-9-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-color-tag-9-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-color-tag-9-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-color-tag-9-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-color-tag-9-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-color-tag-9-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-color-tag-9-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-color-tag-9-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-color-tag-9-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-color-tag-9-tint-00) !important; --mat-button-filled-container-color: var(--pxl-color-tag-9-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-color-tag-9-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-color-tag-9-tint-00) !important; --mat-button-protected-container-color: var(--pxl-color-tag-9-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-color-tag-9-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-color-tag-9-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-color-tag-9-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-color-tag-9-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-color-tag-9-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-color-tag-9-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-9-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-color-tag-9-tint-10) !important; } .mat-mdc-button-base.mat-tag-9:hover, .mat-mdc-button-base.pxl-tag-9:hover, .mat-mdc-button-base[color=tag-9]:hover { --mdc-outlined-button-outline-color: var(--pxl-color-tag-9-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-9-tint-04) !important; } .mat-mdc-button-base.mat-tag-9, .mat-mdc-button-base.pxl-tag-9, .mat-mdc-button-base[color=tag-9] { --mat-button-tonal-container-color: var(--pxl-color-tag-9-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-color-tag-9-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-color-tag-9-tint-10) !important; } .mat-mdc-button-base.mat-tag-9.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-9.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-9].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-color-tag-9-tint-10) !important; } .mat-mdc-button-base.mat-tag-10, .mat-mdc-button-base.pxl-tag-10, .mat-mdc-button-base[color=tag-10] { --mdc-text-button-label-text-color: var(--pxl-general-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-general-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-general-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-general-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-general-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-general-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-general-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-general-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-general-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-general-tint-00) !important; --mat-button-filled-container-color: var(--pxl-general-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-general-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-general-tint-00) !important; --mat-button-protected-container-color: var(--pxl-general-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-general-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-general-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-general-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-general-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-general-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-general-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-general-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-general-tint-10) !important; } .mat-mdc-button-base.mat-tag-10:hover, .mat-mdc-button-base.pxl-tag-10:hover, .mat-mdc-button-base[color=tag-10]:hover { --mdc-outlined-button-outline-color: var(--pxl-general-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-general-tint-04) !important; } .mat-mdc-button-base.mat-tag-10, .mat-mdc-button-base.pxl-tag-10, .mat-mdc-button-base[color=tag-10] { --mat-button-tonal-container-color: var(--pxl-general-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-general-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-general-tint-10) !important; } .mat-mdc-button-base.mat-tag-10.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-10.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-10].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-general-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-general-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-general-tint-10) !important; } .mat-mdc-button-base.mat-tag-11, .mat-mdc-button-base.pxl-tag-11, .mat-mdc-button-base[color=tag-11] { --mdc-text-button-label-text-color: var(--pxl-color-tag-11-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-color-tag-11-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-color-tag-11-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-color-tag-11-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-color-tag-11-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-color-tag-11-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-color-tag-11-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-color-tag-11-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-color-tag-11-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-color-tag-11-tint-00) !important; --mat-button-filled-container-color: var(--pxl-color-tag-11-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-color-tag-11-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-color-tag-11-tint-00) !important; --mat-button-protected-container-color: var(--pxl-color-tag-11-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-color-tag-11-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-color-tag-11-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-color-tag-11-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-color-tag-11-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-color-tag-11-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-color-tag-11-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-11-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-color-tag-11-tint-10) !important; } .mat-mdc-button-base.mat-tag-11:hover, .mat-mdc-button-base.pxl-tag-11:hover, .mat-mdc-button-base[color=tag-11]:hover { --mdc-outlined-button-outline-color: var(--pxl-color-tag-11-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-color-tag-11-tint-04) !important; } .mat-mdc-button-base.mat-tag-11, .mat-mdc-button-base.pxl-tag-11, .mat-mdc-button-base[color=tag-11] { --mat-button-tonal-container-color: var(--pxl-color-tag-11-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-color-tag-11-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-color-tag-11-tint-10) !important; } .mat-mdc-button-base.mat-tag-11.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-11.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-11].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-color-tag-11-tint-10) !important; } .mat-mdc-button-base.mat-tag-12, .mat-mdc-button-base.pxl-tag-12, .mat-mdc-button-base[color=tag-12] { --mdc-text-button-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-text-button-state-layer-color: var(--pxl-tertiary-tint-10) !important; --mat-button-text-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-button-text-state-layer-color: var(--pxl-tertiary-tint-10) !important; --mdc-filled-button-container-color: var(--pxl-tertiary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-tertiary-tint-10) !important; --mdc-filled-button-label-text-color: var(--pxl-tertiary-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-tertiary-tint-00) !important; --mat-filled-button-state-layer-color: var(--pxl-tertiary-tint-00) !important; --mat-protected-button-state-layer-color: var(--pxl-tertiary-tint-00) !important; --mat-button-filled-container-color: var(--pxl-tertiary-tint-10) !important; --mat-button-filled-label-text-color: var(--pxl-tertiary-tint-00) !important; --mat-button-filled-state-layer-color: var(--pxl-tertiary-tint-00) !important; --mat-button-protected-container-color: var(--pxl-tertiary-tint-10) !important; --mat-button-protected-label-text-color: var(--pxl-tertiary-tint-00) !important; --mat-button-protected-state-layer-color: var(--pxl-tertiary-tint-00) !important; --mdc-outlined-button-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-outlined-button-state-layer-color: var(--pxl-tertiary-tint-10) !important; --mdc-outlined-button-outline-color: var(--pxl-tertiary-tint-03) !important; --mat-button-outlined-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-button-outlined-outline-color: var(--pxl-tertiary-tint-03) !important; --mat-button-outlined-state-layer-color: var(--pxl-tertiary-tint-10) !important; } .mat-mdc-button-base.mat-tag-12:hover, .mat-mdc-button-base.pxl-tag-12:hover, .mat-mdc-button-base[color=tag-12]:hover { --mdc-outlined-button-outline-color: var(--pxl-tertiary-tint-04) !important; --mat-button-outlined-outline-color: var(--pxl-tertiary-tint-04) !important; } .mat-mdc-button-base.mat-tag-12, .mat-mdc-button-base.pxl-tag-12, .mat-mdc-button-base[color=tag-12] { --mat-button-tonal-container-color: var(--pxl-tertiary-tint-02) !important; --mat-button-tonal-label-text-color: var(--pxl-tertiary-tint-10) !important; --mat-button-tonal-state-layer-color: var(--pxl-tertiary-tint-10) !important; } .mat-mdc-button-base.mat-tag-12.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base.pxl-tag-12.mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link), .mat-mdc-button-base[color=tag-12].mat-mdc-icon-button:not(.pxl__nav-link):not(.pxl__logo):not(.pxl__skip-link) { --mdc-icon-button-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-icon-button-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-icon-button-state-layer-color: var(--pxl-tertiary-tint-10) !important; } .mat-mdc-button-base.mat-unthemed, .mat-mdc-button-base.mat-primary { --mdc-outlined-button-label-text-color: var(--pxl-primary-tint-08) !important; --mdc-outlined-button-outline-color: var(--pxl-primary-tint-02) !important; --mdc-filled-button-container-color: var(--pxl-primary-tint-10) !important; --mdc-protected-button-container-color: var(--pxl-primary-tint-10) !important; } .mat-mdc-button-base.mat-unthemed .mdc-button__ripple, .mat-mdc-button-base.mat-unthemed .mdc-icon-button__ripple, .mat-mdc-button-base.mat-primary .mdc-button__ripple, .mat-mdc-button-base.mat-primary .mdc-icon-button__ripple { opacity: 0.5; } .pxl-popover-panel .mat-mdc-icon-button:hover, .pxl-popover-panel .mat-icon-button:hover { color: var(--pxl-primary-tint-10) !important; } [mat-anchor-button] { position: relative; border-radius: none; font-size: inherit; font-weight: 500; padding: 0; height: 100%; min-width: 1rem; margin: 0; transition: ease all var(--pxl-animation-speed); box-shadow: none; text-decoration: none; color: var(--pxl-action); } [mat-anchor-button]:after { content: ""; height: 1px; width: 100%; position: absolute; left: 0; bottom: -0.25rem; background-color: currentColor; transition: ease opacity var(--pxl-animation-speed); opacity: 0; } [mat-anchor-button]:hover { background: transparent !important; } [mat-anchor-button]:hover:after { opacity: 0.5; } [mat-anchor-button] i { line-height: 0; margin-right: 1rem; } [mat-anchor-button]:focus, [mat-anchor-button][aria-expanded=true] { outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } [mat-anchor-button][color=accent] { color: var(--pxl-primary-tint-06); } [mat-anchor-button][color=warn] { color: var(--pxl-error-shade-01); } [mat-anchor-button].mat-primary, [mat-anchor-button].pxl-primary, [mat-anchor-button][color=primary] { color: var(--pxl-primary-tint-10); } [mat-anchor-button].mat-accent, [mat-anchor-button].pxl-accent, [mat-anchor-button][color=accent] { color: var(--pxl-accent-shade-01); } [mat-anchor-button].mat-warn, [mat-anchor-button].pxl-warn, [mat-anchor-button][color=warn] { color: var(--pxl-error-shade-01); } [mat-anchor-button].mat-error, [mat-anchor-button].pxl-error, [mat-anchor-button][color=error] { color: var(--pxl-error-shade-01); } [mat-anchor-button].mat-secondary, [mat-anchor-button].pxl-secondary, [mat-anchor-button][color=secondary] { color: var(--pxl-secondary-shade-01); } [mat-anchor-button].mat-success, [mat-anchor-button].pxl-success, [mat-anchor-button][color=success] { color: var(--pxl-success-shade-01); } [mat-anchor-button].mat-action, [mat-anchor-button].pxl-action, [mat-anchor-button][color=action] { color: var(--pxl-action-shade-01); } [mat-anchor-button].mat-general, [mat-anchor-button].pxl-general, [mat-anchor-button][color=general] { color: var(--pxl-general-shade-01); } [mat-anchor-button].mat-tertiary, [mat-anchor-button].pxl-tertiary, [mat-anchor-button][color=tertiary] { color: var(--pxl-tertiary-shade-01); } [mat-anchor-button].mat-info, [mat-anchor-button].pxl-info, [mat-anchor-button][color=info] { color: var(--pxl-info-shade-01); } [mat-anchor-button].mat-warning, [mat-anchor-button].pxl-warning, [mat-anchor-button][color=warning] { color: var(--pxl-warning-shade-04); } [mat-anchor-button].mat-brand, [mat-anchor-button].pxl-brand, [mat-anchor-button][color=brand] { color: var(--pxl-secondary-shade-01); } [mat-anchor-button].mat-brand-accent, [mat-anchor-button].pxl-brand-accent, [mat-anchor-button][color=brand-accent] { color: var(--pxl-secondary-shade-01); } [mat-anchor-button].mat-tag-1, [mat-anchor-button].pxl-tag-1, [mat-anchor-button][color=tag-1] { color: var(--pxl-primary-shade-01); } [mat-anchor-button].mat-tag-2, [mat-anchor-button].pxl-tag-2, [mat-anchor-button][color=tag-2] { color: var(--pxl-error-shade-01); } [mat-anchor-button].mat-tag-3, [mat-anchor-button].pxl-tag-3, [mat-anchor-button][color=tag-3] { color: var(--pxl-color-tag-3-shade-01); } [mat-anchor-button].mat-tag-4, [mat-anchor-button].pxl-tag-4, [mat-anchor-button][color=tag-4] { color: var(--pxl-secondary-shade-01); } [mat-anchor-button].mat-tag-5, [mat-anchor-button].pxl-tag-5, [mat-anchor-button][color=tag-5] { color: var(--pxl-color-tag-5-shade-01); } [mat-anchor-button].mat-tag-6, [mat-anchor-button].pxl-tag-6, [mat-anchor-button][color=tag-6] { color: var(--pxl-success-shade-01); } [mat-anchor-button].mat-tag-7, [mat-anchor-button].pxl-tag-7, [mat-anchor-button][color=tag-7] { color: var(--pxl-color-tag-7-shade-01); } [mat-anchor-button].mat-tag-8, [mat-anchor-button].pxl-tag-8, [mat-anchor-button][color=tag-8] { color: var(--pxl-action-shade-01); } [mat-anchor-button].mat-tag-9, [mat-anchor-button].pxl-tag-9, [mat-anchor-button][color=tag-9] { color: var(--pxl-color-tag-9-shade-01); } [mat-anchor-button].mat-tag-10, [mat-anchor-button].pxl-tag-10, [mat-anchor-button][color=tag-10] { color: var(--pxl-general-shade-01); } [mat-anchor-button].mat-tag-11, [mat-anchor-button].pxl-tag-11, [mat-anchor-button][color=tag-11] { color: var(--pxl-color-tag-11-shade-01); } [mat-anchor-button].mat-tag-12, [mat-anchor-button].pxl-tag-12, [mat-anchor-button][color=tag-12] { color: var(--pxl-tertiary-shade-01); } button span.pxl-highlight { margin-left: 0 !important; } :root .mat-button-toggle-appearance-standard { --mat-button-toggle-shape: 1rem; --mat-button-toggle-legacy-shape: 0.625rem; --mat-button-toggle-legacy-height: 3.25rem; --mat-button-toggle-height: 3.25rem; --mat-button-toggle-focus-state-layer-opacity: 0.2; --mat-button-toggle-hover-state-layer-opacity: 0.1; --mat-button-toggle-legacy-focus-state-layer-opacity: 0.2; --mat-button-toggle-label-text-font: var(--pxl-font-family-primary); --mat-button-toggle-label-text-line-height: 1.125rem; --mat-button-toggle-label-text-size: 1.625rem; --mat-button-toggle-label-text-tracking: 0; --mat-button-toggle-label-text-weight: 400; --mat-button-toggle-legacy-label-text-font: var(--pxl-font-family-primary); --mat-button-toggle-legacy-label-text-line-height: 1.125rem; --mat-button-toggle-legacy-label-text-size: 1.625rem; --mat-button-toggle-legacy-label-text-tracking: 0; --mat-button-toggle-legacy-label-text-weight: 500; --mat-button-toggle-background-color: var(--pxl-primary-tint-00); --mat-button-toggle-text-color: var(--pxl-primary-tint-06); --mat-button-toggle-state-layer-color: var(--pxl-primary-tint-10); --mat-button-toggle-selected-state-background-color: var(--pxl-action-tint-01); --mat-button-toggle-selected-state-text-color: var(--pxl-action-tint-10); --mat-button-toggle-disabled-state-background-color: var(--pxl-primary-tint-01); --mat-button-toggle-disabled-state-text-color: var(--pxl-primary-tint-05); --mat-button-toggle-disabled-selected-state-background-color: var(--pxl-primary-tint-03); --mat-button-toggle-disabled-selected-state-text-color: var(--pxl-primary-tint-05); --mat-button-toggle-divider-color: var(--pxl-primary-tint-02); --mat-button-toggle-legacy-text-color: var(--pxl-primary-tint-06); --mat-button-toggle-legacy-state-layer-color: var(--pxl-primary-tint-10); --mat-button-toggle-legacy-selected-state-background-color: var(--pxl-action-tint-01); --mat-button-toggle-legacy-selected-state-text-color: var(--pxl-action-tint-10); --mat-button-toggle-legacy-disabled-state-background-color: var(--pxl-primary-tint-01); --mat-button-toggle-legacy-disabled-state-text-color: var(--pxl-primary-tint-05); --mat-button-toggle-legacy-disabled-selected-state-background-color: var(--pxl-primary-tint-03); } .mat-button-toggle-appearance-standard { --mat-button-toggle-background-color: var(--pxl-primary-tint-00) !important; --mat-button-toggle-text-color: var(--pxl-primary-tint-06) !important; --mat-button-toggle-state-layer-color: var(--pxl-primary-tint-10) !important; --mat-button-toggle-hover-state-layer-opacity: 0.1 !important; --mat-button-toggle-focus-state-layer-opacity: 0.2 !important; --mat-button-toggle-selected-state-background-color: var(--pxl-action-tint-01) !important; --mat-button-toggle-selected-state-text-color: var(--pxl-action-tint-10) !important; --mat-button-toggle-disabled-state-text-color: var(--pxl-primary-tint-05) !important; --mat-button-toggle-disabled-state-background-color: var(--pxl-primary-tint-01) !important; --mat-button-toggle-disabled-selected-state-text-color: var(--pxl-primary-tint-05) !important; --mat-button-toggle-disabled-selected-state-background-color: var(--pxl-primary-tint-03) !important; --mat-button-toggle-label-text-weight: 400 !important; } .mat-button-toggle-group-appearance-standard { --mat-button-toggle-divider-color: var(--pxl-primary-tint-02) !important; } .mat-button-toggle { height: 3.25rem; white-space: nowrap !important; position: relative !important; border: 1px solid transparent !important; border-radius: 1rem !important; } .mat-button-toggle .pxl-icon svg { vertical-align: top !important; } .mat-button-toggle .mat-button-toggle-label-content { padding: 0 !important; } .mat-button-toggle-vertical { flex-direction: column !important; } .mat-button-toggle-vertical .mat-button-toggle-label-content { display: block !important; } .mat-button-toggle-standalone { position: relative !important; display: inline-flex !important; flex-direction: row !important; white-space: nowrap !important; overflow: hidden !important; -webkit-tap-highlight-color: transparent !important; transform: translateZ(0) !important; border-radius: 10px !important; } @media (forced-colors: active) { .mat-button-toggle-standalone { outline: 0 !important; } } .mat-button-toggle-label-icon { line-height: 18px !important; } .mat-button-toggle-label-icon > pxl-icon { line-height: 18px !important; } .mat-button-toggle-label-content { -webkit-user-select: none; user-select: none; display: inline-block !important; line-height: 18px !important; font-weight: 500 !important; position: relative !important; } .mat-button-toggle-label-content > * { vertical-align: middle !important; } .mat-button-toggle:hover, .mat-button-toggle:focus { color: var(--pxl-action); } .mat-button-toggle-group { height: auto !important; position: relative !important; display: inline-flex !important; flex-direction: row !important; white-space: nowrap !important; overflow: hidden !important; -webkit-tap-highlight-color: transparent !important; background: var(--pxl-primary-tint-00); padding: 4px !important; gap: 4px !important; transform: translateZ(0) !important; border-radius: 10px !important; } @media (forced-colors: active) { .mat-button-toggle-group { outline: 0 !important; } } .mat-button-toggle-group[aria-disabled=true], .mat-button-toggle-group[ng-reflect-is-disabled=true], .mat-button-toggle-group[ng-reflect-disabled=true] { background: var(--pxl-primary-tint-01); } .mat-button-toggle .mat-button-toggle-ripple { top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none !important; } .mat-button-toggle-button { border: 0 !important; display: flex !important; line-height: 18px !important; padding: 0.375rem 1.5rem !important; margin: 0 !important; outline: none !important; width: 100% !important; cursor: pointer !important; } .mat-button-toggle-disabled .mat-button-toggle-button { cursor: default !important; } .mat-button-toggle-button::-moz-focus-inner { border: 0 !important; } .mat-button-toggle .mat-pseudo-checkbox { display: none !important; } :root .mat-mdc-form-field { --mat-form-field-filled-active-indicator-height: 1px; --mat-form-field-filled-focus-active-indicator-height: 1px; --mat-form-field-filled-container-shape: 0.25rem; --mat-form-field-outlined-outline-width: 1px; --mat-form-field-outlined-focus-outline-width: 1px; --mat-form-field-outlined-container-shape: 0.25rem; --mat-form-field-container-text-font: var(--pxl-font-family-primary); --mat-form-field-container-text-line-height: 1.5; --mat-form-field-container-text-size: 1.75rem; --mat-form-field-container-text-tracking: 0; --mat-form-field-container-text-weight: 500; --mat-form-field-subscript-text-font: var(--pxl-font-family-primary); --mat-form-field-subscript-text-line-height: 1.5; --mat-form-field-subscript-text-size: 1.3125rem; --mat-form-field-subscript-text-tracking: 0; --mat-form-field-subscript-text-weight: 400; --mat-form-field-outlined-label-text-font: var(--pxl-font-family-primary); --mat-form-field-outlined-label-text-size: 1.75rem; --mat-form-field-outlined-label-text-tracking: 0; --mat-form-field-outlined-label-text-weight: 500; --mat-form-field-outlined-label-text-populated-size: 1.75rem; --mat-form-field-filled-label-text-font: var(--pxl-font-family-primary); --mat-form-field-filled-label-text-size: 1.75rem; --mat-form-field-filled-label-text-tracking: 0; --mat-form-field-filled-label-text-weight: 500; --mat-form-field-filled-container-color: var(--pxl-primary-tint-00); --mat-form-field-filled-active-indicator-color: var(--pxl-input-border-color); --mat-form-field-filled-caret-color: var(--pxl-color-font); --mat-form-field-filled-input-text-color: var(--pxl-color-font); --mat-form-field-filled-input-text-placeholder-color: var(--pxl-primary-tint-05); --mat-form-field-filled-label-text-color: var(--pxl-color-font); --mat-form-field-filled-focus-active-indicator-color: var(--pxl-input-focus-border-color); --mat-form-field-filled-focus-label-text-color: var(--pxl-color-font); --mat-form-field-filled-hover-active-indicator-color: var(--pxl-input-hover-border-color); --mat-form-field-filled-hover-label-text-color: var(--pxl-color-font); --mat-form-field-outlined-outline-color: var(--pxl-input-border-color); --mat-form-field-outlined-caret-color: var(--pxl-color-font); --mat-form-field-outlined-input-text-color: var(--pxl-color-font); --mat-form-field-outlined-input-text-placeholder-color: var(--pxl-primary-tint-05); --mat-form-field-outlined-label-text-color: var(--pxl-color-font); --mat-form-field-outlined-focus-outline-color: var(--pxl-input-focus-border-color); --mat-form-field-outlined-focus-label-text-color: var(--pxl-color-font); --mat-form-field-outlined-hover-outline-color: var(--pxl-input-hover-border-color); --mat-form-field-outlined-hover-label-text-color: var(--pxl-color-font); --mat-form-field-disabled-input-text-placeholder-color: var(--pxl-input-disabled-text-color); --mat-form-field-disabled-leading-icon-color: var(--pxl-input-disabled-text-color); --mat-form-field-disabled-select-arrow-color: var(--pxl-input-disabled-text-color); --mat-form-field-disabled-trailing-icon-color: var(--pxl-input-disabled-text-color); --mat-form-field-filled-disabled-container-color: var(--pxl-input-disabled-background); --mat-form-field-filled-disabled-active-indicator-color: var(--pxl-input-disabled-border-color); --mat-form-field-filled-disabled-input-text-color: var(--pxl-input-disabled-text-color); --mat-form-field-filled-disabled-label-text-color: var(--pxl-input-disabled-text-color); --mat-form-field-outlined-disabled-input-text-color: var(--pxl-input-disabled-text-color); --mat-form-field-outlined-disabled-label-text-color: var(--pxl-input-disabled-text-color); --mat-form-field-outlined-disabled-outline-color: var(--pxl-input-disabled-border-color); --mat-form-field-error-text-color: var(--pxl-error); --mat-form-field-error-trailing-icon-color: var(--pxl-error); --mat-form-field-error-focus-trailing-icon-color: var(--pxl-error); --mat-form-field-error-hover-trailing-icon-color: var(--pxl-error); --mat-form-field-filled-error-active-indicator-color: var(--pxl-error); --mat-form-field-filled-error-caret-color: var(--pxl-color-font); --mat-form-field-filled-error-focus-active-indicator-color: var(--pxl-error); --mat-form-field-filled-error-focus-label-text-color: var(--pxl-color-font); --mat-form-field-filled-error-hover-active-indicator-color: var(--pxl-error); --mat-form-field-filled-error-hover-label-text-color: var(--pxl-color-font); --mat-form-field-filled-error-label-text-color: var(--pxl-color-font); --mat-form-field-outlined-error-caret-color: var(--pxl-color-font); --mat-form-field-outlined-error-focus-label-text-color: var(--pxl-color-font); --mat-form-field-outlined-error-focus-outline-color: var(--pxl-error); --mat-form-field-outlined-error-hover-label-text-color: var(--pxl-color-font); --mat-form-field-outlined-error-hover-outline-color: var(--pxl-error); --mat-form-field-outlined-error-label-text-color: var(--pxl-color-font); --mat-form-field-outlined-error-outline-color: var(--pxl-error); --mat-form-field-enabled-select-arrow-color: var(--pxl-primary-tint-06); --mat-form-field-focus-select-arrow-color: var(--pxl-color-font); --mat-form-field-leading-icon-color: var(--pxl-input-icon-color); --mat-form-field-trailing-icon-color: var(--pxl-input-icon-color); --mat-form-field-state-layer-color: var(--pxl-color-font); --mat-form-field-focus-state-layer-opacity: 0.1; --mat-form-field-hover-state-layer-opacity: 0.05; --mat-form-field-select-option-text-color: var(--pxl-color-font); --mat-form-field-select-disabled-option-text-color: var(--pxl-input-disabled-text-color); --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 16px; --mat-form-field-filled-with-label-container-padding-bottom: 16px; } .mat-mdc-form-field { display: block !important; } .mat-mdc-form-field-icon-prefix, [dir=rtl] .mat-mdc-form-field-icon-suffix { margin-left: 1.5rem; width: 2.5rem; } .mat-mdc-form-field-icon-suffix, [dir=rtl] .mat-mdc-form-field-icon-prefix { margin-right: 1.5rem; } .mat-mdc-form-field-subscript-wrapper { font-size: 75% !important; } .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper { --mat-mdc-form-field-label-offset-x: -4rem !important; } .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper .mdc-floating-label { left: 4rem; } .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper .mdc-floating-label--float-above { left: 3rem; } .mat-mdc-text-field-wrapper.mdc-text-field--focused { border-radius: 0.25rem; outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .mat-mdc-text-field-wrapper .mdc-floating-label--float-above { --mat-mdc-form-field-label-transform: translateY(-20.75px) scale(0.75) !important; } .mdc-text-field--disabled { background: var(--pxl-input-disabled-background) !important; } .mdc-text-field--outlined .mat-mdc-form-field-infix { padding-top: 24px !important; padding-bottom: 0 !important; } .mdc-notched-outline--notched .mdc-notched-outline__notch { border-top-width: 1px !important; border-top-style: solid !important; } .mdc-notched-outline__notch { border-right: none; } .mat-mdc-form-field[size=small] .mat-mdc-text-field-wrapper, .mat-form-field--small .mat-mdc-text-field-wrapper { height: 4.75rem; } .mat-mdc-form-field[size=small] .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label, .mat-form-field--small .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { top: 2.125rem; } .mat-mdc-form-field[size=small] .mat-mdc-form-field-infix, .mat-form-field--small .mat-mdc-form-field-infix { padding-top: 1.125rem !important; padding-bottom: 0 !important; } .mat-mdc-form-field[size=small] .mat-mdc-form-field-icon-prefix, .mat-mdc-form-field[size=small] [dir=rtl] .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field[size=small] .mat-mdc-form-field-icon-suffix, .mat-mdc-form-field[size=small] [dir=rtl] .mat-mdc-form-field-icon-prefix, .mat-form-field--small .mat-mdc-form-field-icon-prefix, .mat-form-field--small [dir=rtl] .mat-mdc-form-field-icon-suffix, .mat-form-field--small .mat-mdc-form-field-icon-suffix, .mat-form-field--small [dir=rtl] .mat-mdc-form-field-icon-prefix { top: -1.125rem; } .mat-mdc-form-field[size=small] .mdc-text-field--outlined .mdc-floating-label--float-above, .mat-form-field--small .mdc-text-field--outlined .mdc-floating-label--float-above { --mat-mdc-form-field-label-transform: translateY(-14.75px) scale(0.75) !important; } .mat-mdc-form-field[size=small] .mdc-text-field--filled .mdc-floating-label--float-above, .mat-form-field--small .mdc-text-field--filled .mdc-floating-label--float-above { transform: translateY(-12.75px) scale(0.75) !important; } .mat-mdc-form-field[size=small] .mat-mdc-form-field-flex:has(.mdc-floating-label--float-above) .mat-mdc-form-field-infix .mat-mdc-input-element, .mat-form-field--small .mat-mdc-form-field-flex:has(.mdc-floating-label--float-above) .mat-mdc-form-field-infix .mat-mdc-input-element { margin-top: 0.5rem !important; } .pxl-inline-form { display: flex; flex-wrap: wrap; } .pxl-inline-form-text { padding: 1rem; margin: 0 1rem 3.5rem 0; } .pxl-inline-form .mat-mdc-form-field { margin-right: 1rem; } .pxl-inline-form .mat-mdc-form-field .mat-mdc-form-field-infix { width: auto !important; min-width: 120px; } mat-form-field:not([size=small]) .mdc-text-field--no-label .mat-mdc-form-field-infix { padding-top: 18px !important; } .mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-flex .mat-mdc-input-element, .mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-flex .mat-mdc-form-field-label { cursor: not-allowed; color: var(--pxl-input-disabled-text-color) !important; } .mat-mdc-form-field-flex .mdc-evolution-chip-set .mdc-evolution-chip { margin: -0.375rem 0.5rem 0 0 !important; } .remove-form-field-subscript .mat-mdc-form-field-subscript-wrapper { display: none; } mat-form-field.no-min-width .mat-mdc-form-field-infix { width: fit-content !important; } mat-form-field.no-min-width .mat-mdc-form-field-subscript-wrapper { display: none; } .mdc-notched-outline { z-index: -1 !important; } .mdc-notched-outline .mdc-notched-outline__leading, .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-notched-outline .mdc-notched-outline__notch { background-color: var(--pxl-color-main-background); } .mat-form-field-disabled .mdc-notched-outline .mdc-notched-outline__leading, .mat-form-field-disabled .mdc-notched-outline .mdc-notched-outline__trailing, .mat-form-field-disabled .mdc-notched-outline .mdc-notched-outline__notch { background-color: var(--pxl-primary-tint-02) !important; } .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate, .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate, .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate, .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: transparent !important; } :root { --mat-card-elevated-container-shape: 0.25rem; --mat-card-filled-container-shape: 0.25rem; --mat-card-outlined-container-shape: 0.25rem; --mat-card-outlined-outline-width: 1px; --mat-card-elevated-container-color: var(--pxl-body-background); --mat-card-elevated-container-elevation: none; --mat-card-filled-container-color: var(--pxl-body-background); --mat-card-filled-container-elevation: none; --mat-card-outlined-container-color: var(--pxl-body-background); --mat-card-outlined-container-elevation: none; --mat-card-outlined-outline-color: var(--pxl-primary-tint-02); --mat-card-title-text-font: var(--pxl-font-family-secondary); --mat-card-title-text-line-height: 1; --mat-card-title-text-size: 3rem; --mat-card-title-text-tracking: 0; --mat-card-title-text-weight: 300; --mat-card-subtitle-text-color: var(--pxl-font-color); --mat-card-subtitle-text-font: var(--pxl-font-family-secondary); --mat-card-subtitle-text-line-height: 1.5; --mat-card-subtitle-text-size: 1.5rem; --mat-card-subtitle-text-tracking: 0; --mat-card-subtitle-text-weight: 400; } .mat-card, .mat-mdc-card, .mdc-card { background: var(--pxl-primary-tint-00) !important; } .mat-card .mat-mdc-card-title-group, .mat-mdc-card .mat-mdc-card-title-group, .mdc-card .mat-mdc-card-title-group { width: 100%; } .mat-card .mat-mdc-card-title-group > div, .mat-mdc-card .mat-mdc-card-title-group > div, .mdc-card .mat-mdc-card-title-group > div { width: 100%; } .mat-card .mat-mdc-card-title-group button, .mat-mdc-card .mat-mdc-card-title-group button, .mdc-card .mat-mdc-card-title-group button { font-family: var(--pxl-font-family-primary); } .mat-mdc-card { padding: 2rem; margin-bottom: 2rem; box-shadow: none !important; border: 1px solid var(--pxl-primary-tint-02) !important; } .mat-mdc-card h4 { margin-bottom: 0 !important; } .mat-mdc-card-header, .mat-card-title-group { padding: 0 !important; } .mat-mdc-card-header .mat-mdc-card-header-text, .mat-card-title-group .mat-mdc-card-header-text { margin-left: 0 !important; margin-right: 0 !important; width: auto; } .mat-mdc-card-header button, .mat-card-title-group button { font-family: var(--pxl-font-family-primary); } .mat-mdc-card-header .mat-mdc-card-actions, .mat-card-title-group .mat-mdc-card-actions { display: inline-block; position: absolute; top: 2rem; right: 2rem; padding: 0; margin: 0; } .mat-mdc-card-content { display: block; padding: 2rem 0 !important; border-top: 1px solid var(--pxl-primary-tint-02); } .mat-mdc-card-content:first-of-type { border-top: none; } .mat-mdc-card-content .mat-h4 { font-size: 2rem !important; } .mat-mdc-card-content kendo-grid { display: block; margin-left: -2rem; margin-right: -2rem; margin-bottom: 0; } .mat-mdc-card-content kendo-grid.k-grid { border-left: 0 !important; border-right: 0 !important; } .mat-mdc-card-content kendo-grid .k-grid-pager { padding: 0 2rem 0 1rem !important; } .mat-mdc-card-content .pxl-filter-row [class^=pxl-col-] { padding-top: 0 !important; padding-bottom: 0 !important; } .mat-mdc-card-content .pxl-filter-row pxl-search-input .mat-mdc-form-field-subscript-wrapper, .mat-mdc-card-content .pxl-filter-row pxl-search-input .mat-mdc-form-field-bottom-align::before { display: none !important; } .mat-mdc-card-content .pxl-filter-row pxl-chip-filter { position: relative; top: 0.125rem; } .mat-mdc-card-footer, .mat-mdc-card-actions { padding: 2rem 0 0 !important; display: flex; align-items: center; justify-content: end; min-height: unset !important; gap: 1rem; } .mat-mdc-card-footer button.mdc-button, .mat-mdc-card-actions button.mdc-button { margin: 0 !important; } .mat-mdc-card-footer button.mdc-button pxl-icon, .mat-mdc-card-actions button.mdc-button pxl-icon { margin-right: 0 !important; } .mat-mdc-card pxl-section-header .pxl-row { margin-top: 0 !important; } :root .mat-mdc-tab-group, :root .mat-mdc-tab-nav-bar { --mat-tab-active-indicator-shape: 0; --mat-tab-active-indicator-height: 2px; --mat-tab-divider-height: 1px; --mat-tab-container-height: 4.5rem; --mat-tab-label-text-font: var(--pxl-font-family-primary); --mat-tab-label-text-size: 1.75rem; --mat-tab-label-text-weight: 500; --mat-tab-label-text-line-height: 1; --mat-tab-label-text-tracking: 0; --mat-tab-active-label-text-color: var(--pxl-color-font); --mat-tab-active-focus-label-text-color: var(--pxl-color-font); --mat-tab-active-hover-label-text-color: var(--pxl-color-font); --mat-tab-active-indicator-color: var(--pxl-action-tint-10); --mat-tab-active-focus-indicator-color: var(--pxl-action-tint-10); --mat-tab-active-hover-indicator-color: var(--pxl-action-tint-10); --mat-tab-active-ripple-color: var(--pxl-primary-tint-01); --mat-tab-inactive-label-text-color: var(--pxl-primary-tint-07); --mat-tab-inactive-focus-label-text-color: var(--pxl-color-font); --mat-tab-inactive-hover-label-text-color: var(--pxl-primary-tint-10); --mat-tab-inactive-ripple-color: var(--pxl-primary-tint-01); --mat-tab-divider-color: var(--pxl-primary-tint-02); --mat-tab-pagination-icon-color: var(--pxl-primary-tint-07); --mat-tab-disabled-ripple-color: var(--pxl-primary-tint-01); --mat-tab-background-color: transparent; --mat-tab-foreground-color: var(--pxl-color-font); } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mdc-secondary-navigation-tab-container-height: 4.5rem !important; } .mat-mdc-tab { min-width: 4rem !important; padding-right: 2rem !important; padding-left: 2rem !important; } .mat-mdc-tab:not(.mdc-tab--stacked) { --mdc-secondary-navigation-tab-container-height: 5.5rem !important; } .mat-mdc-tab:hover .mdc-tab__ripple::before { opacity: 1 !important; } .mat-mdc-tab .mat-badge { margin-top: -1.125rem; } .mat-mdc-tab .mat-badge .mat-badge-content { top: 0.5rem !important; } .mdc-tab { min-width: 4rem !important; } :root .mat-mdc-chip.mat-mdc-standard-chip { --mat-chip-container-shape-radius: 2rem; --mat-chip-outline-width: 1px; --mat-chip-flat-selected-outline-width: 1px; --mat-chip-with-avatar-avatar-shape-radius: 50%; --mat-chip-container-height: 3.25rem; --mat-chip-with-avatar-avatar-size: 1.5rem; --mat-chip-with-icon-icon-size: 1.5rem; --mat-chip-disabled-container-opacity: 0.8; --mat-chip-with-avatar-disabled-avatar-opacity: 0.8; --mat-chip-with-icon-disabled-icon-opacity: 0.8; --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.8; --mat-chip-trailing-action-opacity: 1; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mat-chip-label-text-font: var(--pxl-font-family-primary); --mat-chip-label-text-size: 1.5rem; --mat-chip-label-text-weight: 500; --mat-chip-label-text-tracking: 0; --mat-chip-label-text-color: var(--pxl-primary-tint-08); --mat-chip-selected-label-text-color: var(--pxl-color-font); --mat-chip-outline-color: var(--pxl-primary-tint-02); --mat-chip-focus-outline-color: var(--pxl-primary-tint-04); --mat-chip-elevated-container-color: var(--pxl-primary-tint-01); --mat-chip-elevated-selected-container-color: var(--pxl-primary-tint-01); --mat-chip-hover-state-layer-color: var(--pxl-primary-tint-02); --mat-chip-hover-state-layer-opacity: 1; --mat-chip-focus-state-layer-color: var(--pxl-primary-tint-02); --mat-chip-focus-state-layer-opacity: 0.2; --mat-chip-selected-hover-state-layer-color: var(--pxl-primary-tint-02); --mat-chip-selected-hover-state-layer-opacity: 1; --mat-chip-selected-focus-state-layer-color: var(--pxl-primary-tint-02); --mat-chip-selected-focus-state-layer-opacity: 0.2; --mat-chip-with-icon-icon-color: var(--pxl-primary-tint-08); --mat-chip-with-icon-selected-icon-color: var(--pxl-color-font); --mat-chip-with-trailing-icon-trailing-icon-color: currentColor; --mat-chip-selected-trailing-icon-color: currentColor; --mat-chip-trailing-action-state-layer-color: currentColor; --mat-chip-disabled-label-text-color: var(--pxl-primary-tint-04); --mat-chip-disabled-outline-color: var(--pxl-primary-tint-02); --mat-chip-elevated-disabled-container-color: var(--pxl-primary-tint-01); --mat-chip-flat-disabled-selected-container-color: var(--pxl-primary-tint-01); --mat-chip-with-icon-disabled-icon-color: var(--pxl-primary-tint-04); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--pxl-primary-tint-04); --mat-chip-selected-disabled-trailing-icon-color: var(--pxl-primary-tint-04); } .mat-mdc-standard-chip.mat-primary, .mat-mdc-standard-chip.pxl-primary, .mat-mdc-standard-chip[color=primary] { --mat-chip-outline-color: var(--pxl-primary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-primary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-primary-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-primary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-primary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-primary-tint-02) !important; } .mat-mdc-standard-chip.mat-accent, .mat-mdc-standard-chip.pxl-accent, .mat-mdc-standard-chip[color=accent] { --mat-chip-outline-color: var(--pxl-accent-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-accent-tint-05) !important; --mat-chip-label-text-color: var(--pxl-accent-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-accent-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-accent-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-accent-tint-02) !important; } .mat-mdc-standard-chip.mat-warn, .mat-mdc-standard-chip.pxl-warn, .mat-mdc-standard-chip[color=warn] { --mat-chip-outline-color: var(--pxl-error-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-error-tint-05) !important; --mat-chip-label-text-color: var(--pxl-error-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-error-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-error-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-error-tint-02) !important; } .mat-mdc-standard-chip.mat-error, .mat-mdc-standard-chip.pxl-error, .mat-mdc-standard-chip[color=error] { --mat-chip-outline-color: var(--pxl-error-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-error-tint-05) !important; --mat-chip-label-text-color: var(--pxl-error-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-error-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-error-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-error-tint-02) !important; } .mat-mdc-standard-chip.mat-secondary, .mat-mdc-standard-chip.pxl-secondary, .mat-mdc-standard-chip[color=secondary] { --mat-chip-outline-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-secondary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-secondary-shade-03) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-secondary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-secondary-tint-02) !important; } .mat-mdc-standard-chip.mat-success, .mat-mdc-standard-chip.pxl-success, .mat-mdc-standard-chip[color=success] { --mat-chip-outline-color: var(--pxl-success-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-success-tint-05) !important; --mat-chip-label-text-color: var(--pxl-success-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-success-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-success-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-success-tint-02) !important; } .mat-mdc-standard-chip.mat-action, .mat-mdc-standard-chip.pxl-action, .mat-mdc-standard-chip[color=action] { --mat-chip-outline-color: var(--pxl-action-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-action-tint-05) !important; --mat-chip-label-text-color: var(--pxl-action-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-action-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-action-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-action-tint-02) !important; } .mat-mdc-standard-chip.mat-general, .mat-mdc-standard-chip.pxl-general, .mat-mdc-standard-chip[color=general] { --mat-chip-outline-color: var(--pxl-general-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-general-tint-05) !important; --mat-chip-label-text-color: var(--pxl-general-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-general-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-general-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-general-tint-02) !important; } .mat-mdc-standard-chip.mat-tertiary, .mat-mdc-standard-chip.pxl-tertiary, .mat-mdc-standard-chip[color=tertiary] { --mat-chip-outline-color: var(--pxl-tertiary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-tertiary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-tertiary-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-tertiary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-tertiary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-tertiary-tint-02) !important; } .mat-mdc-standard-chip.mat-info, .mat-mdc-standard-chip.pxl-info, .mat-mdc-standard-chip[color=info] { --mat-chip-outline-color: var(--pxl-info-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-info-tint-05) !important; --mat-chip-label-text-color: var(--pxl-info-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-info-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-info-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-info-tint-02) !important; } .mat-mdc-standard-chip.mat-warning, .mat-mdc-standard-chip.pxl-warning, .mat-mdc-standard-chip[color=warning] { --mat-chip-outline-color: var(--pxl-warning-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-warning-tint-05) !important; --mat-chip-label-text-color: var(--pxl-warning-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-warning-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-warning-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-warning-tint-02) !important; } .mat-mdc-standard-chip.mat-brand, .mat-mdc-standard-chip.pxl-brand, .mat-mdc-standard-chip[color=brand] { --mat-chip-outline-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-secondary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-secondary-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-secondary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-secondary-tint-02) !important; } .mat-mdc-standard-chip.mat-brand-accent, .mat-mdc-standard-chip.pxl-brand-accent, .mat-mdc-standard-chip[color=brand-accent] { --mat-chip-outline-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-secondary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-secondary-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-secondary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-secondary-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-1, .mat-mdc-standard-chip.pxl-tag-1, .mat-mdc-standard-chip[color=tag-1] { --mat-chip-outline-color: var(--pxl-primary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-primary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-primary-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-primary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-primary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-primary-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-2, .mat-mdc-standard-chip.pxl-tag-2, .mat-mdc-standard-chip[color=tag-2] { --mat-chip-outline-color: var(--pxl-error-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-error-tint-05) !important; --mat-chip-label-text-color: var(--pxl-error-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-error-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-error-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-error-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-3, .mat-mdc-standard-chip.pxl-tag-3, .mat-mdc-standard-chip[color=tag-3] { --mat-chip-outline-color: var(--pxl-color-tag-3-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-3-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-3-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-3-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-3-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-3-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-4, .mat-mdc-standard-chip.pxl-tag-4, .mat-mdc-standard-chip[color=tag-4] { --mat-chip-outline-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-secondary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-secondary-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-secondary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-secondary-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-5, .mat-mdc-standard-chip.pxl-tag-5, .mat-mdc-standard-chip[color=tag-5] { --mat-chip-outline-color: var(--pxl-color-tag-5-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-5-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-5-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-5-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-5-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-5-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-6, .mat-mdc-standard-chip.pxl-tag-6, .mat-mdc-standard-chip[color=tag-6] { --mat-chip-outline-color: var(--pxl-success-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-success-tint-05) !important; --mat-chip-label-text-color: var(--pxl-success-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-success-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-success-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-success-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-7, .mat-mdc-standard-chip.pxl-tag-7, .mat-mdc-standard-chip[color=tag-7] { --mat-chip-outline-color: var(--pxl-color-tag-7-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-7-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-7-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-7-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-7-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-7-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-8, .mat-mdc-standard-chip.pxl-tag-8, .mat-mdc-standard-chip[color=tag-8] { --mat-chip-outline-color: var(--pxl-action-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-action-tint-05) !important; --mat-chip-label-text-color: var(--pxl-action-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-action-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-action-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-action-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-9, .mat-mdc-standard-chip.pxl-tag-9, .mat-mdc-standard-chip[color=tag-9] { --mat-chip-outline-color: var(--pxl-color-tag-9-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-9-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-9-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-9-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-9-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-9-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-10, .mat-mdc-standard-chip.pxl-tag-10, .mat-mdc-standard-chip[color=tag-10] { --mat-chip-outline-color: var(--pxl-general-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-general-tint-05) !important; --mat-chip-label-text-color: var(--pxl-general-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-general-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-general-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-general-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-11, .mat-mdc-standard-chip.pxl-tag-11, .mat-mdc-standard-chip[color=tag-11] { --mat-chip-outline-color: var(--pxl-color-tag-11-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-11-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-11-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-11-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-11-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-11-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-12, .mat-mdc-standard-chip.pxl-tag-12, .mat-mdc-standard-chip[color=tag-12] { --mat-chip-outline-color: var(--pxl-tertiary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-tertiary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-tertiary-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-tertiary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-tertiary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-tertiary-tint-02) !important; } .mat-mdc-standard-chip.mat-warning, .mat-mdc-standard-chip.mat-warn { --mat-chip-elevated-container-color: var(--pxl-warning-tint-02) !important; --mat-chip-hover-state-layer-color: var(--pxl-warning-tint-03) !important; --mat-chip-focus-state-layer-color: var(--pxl-warning-tint-03) !important; --mat-chip-focus-outline-color: var(--pxl-warning-tint-10) !important; } .mat-mdc-standard-chip.mat-tag-3 { --mat-chip-outline-color: var(--pxl-color-tag-3-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-3-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-3-shade-03) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-3-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-3-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-3-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-4 { --mat-chip-outline-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-secondary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-secondary-shade-03) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-secondary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-secondary-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-5 { --mat-chip-outline-color: var(--pxl-color-tag-5-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-5-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-5-shade-02) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-5-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-5-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-5-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-7 { --mat-chip-outline-color: var(--pxl-color-tag-7-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-7-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-7-shade-03) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-7-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-7-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-7-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-9 { --mat-chip-outline-color: var(--pxl-color-tag-9-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-9-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-9-shade-02) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-9-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-9-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-9-tint-02) !important; } .mat-mdc-standard-chip.mat-tag-11 { --mat-chip-outline-color: var(--pxl-color-tag-11-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-11-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-11-shade-02) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-11-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-11-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-11-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-2 { --mat-chip-outline-color: var(--pxl-error-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-error-tint-05) !important; --mat-chip-label-text-color: var(--pxl-error-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-error-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-error-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-error-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-3 { --mat-chip-outline-color: var(--pxl-color-tag-3-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-3-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-3-shade-03) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-3-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-3-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-3-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-4 { --mat-chip-outline-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-secondary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-secondary-shade-03) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-secondary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-secondary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-secondary-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-5 { --mat-chip-outline-color: var(--pxl-color-tag-5-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-5-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-5-shade-02) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-5-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-5-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-5-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-6 { --mat-chip-outline-color: var(--pxl-success-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-success-tint-05) !important; --mat-chip-label-text-color: var(--pxl-success-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-success-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-success-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-success-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-7 { --mat-chip-outline-color: var(--pxl-color-tag-7-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-7-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-7-shade-03) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-7-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-7-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-7-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-8 { --mat-chip-outline-color: var(--pxl-action-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-action-tint-05) !important; --mat-chip-label-text-color: var(--pxl-action-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-action-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-action-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-action-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-9 { --mat-chip-outline-color: var(--pxl-color-tag-9-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-9-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-9-shade-02) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-9-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-9-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-9-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-10 { --mat-chip-outline-color: var(--pxl-general-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-general-tint-05) !important; --mat-chip-label-text-color: var(--pxl-general-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-general-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-general-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-general-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-11 { --mat-chip-outline-color: var(--pxl-color-tag-11-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-color-tag-11-tint-05) !important; --mat-chip-label-text-color: var(--pxl-color-tag-11-shade-02) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-color-tag-11-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-color-tag-11-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-color-tag-11-tint-02) !important; } .mat-mdc-standard-chip.mat-flag-12 { --mat-chip-outline-color: var(--pxl-tertiary-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-tertiary-tint-05) !important; --mat-chip-label-text-color: var(--pxl-tertiary-shade-01) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-tertiary-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-tertiary-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-tertiary-tint-02) !important; } .mat-mdc-standard-chip.mat-warning { --mat-chip-outline-color: var(--pxl-warning-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-warning-tint-05) !important; --mat-chip-label-text-color: var(--pxl-warning-shade-06) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-warning-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-warning-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-warning-tint-02) !important; } .mat-mdc-standard-chip.mat-warn { --mat-chip-outline-color: var(--pxl-warning-tint-02) !important; --mat-chip-focus-outline-color: var(--pxl-warning-tint-05) !important; --mat-chip-label-text-color: var(--pxl-warning-shade-06) !important; --mat-chip-with-icon-icon-color: var(--mat-chip-label-text-color) !important; --mat-chip-elevated-container-color: var(--pxl-warning-tint-01) !important; --mat-chip-hover-state-layer-color: var(--pxl-warning-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-warning-tint-02) !important; } .mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing { height: calc(var(--mat-chip-container-height) - var(--mat-chip-outline-width) * 2) !important; border-radius: 0 50% 50% 0 !important; border-left: 1px solid var(--mat-chip-outline-color) !important; margin-left: 1rem !important; font-size: 1.75rem !important; line-height: calc(var(--mat-chip-container-height) - var(--mat-chip-outline-width) * 2) !important; } .mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing pxl-icon { position: relative; top: 1px; left: -2px; } .mat-mdc-chip-edit:after, .mat-mdc-chip-remove:after { display: none !important; } .mat-chip-action { height: calc(var(--mat-chip-container-height) - var(--mat-chip-outline-width) * 2) !important; min-width: 3rem; border-radius: 0 50% 50% 0 !important; border-left: 1px solid var(--mat-chip-outline-color) !important; margin-left: 1rem !important; padding-left: 1rem !important; font-size: 1.5rem !important; line-height: calc(var(--mat-chip-container-height) - var(--mat-chip-outline-width) * 2) !important; color: currentColor !important; } .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic { padding-left: 1rem !important; } mat-form-field:not([size=small]) .mdc-text-field--no-label .mat-mdc-form-field-infix:has(.mat-mdc-chip-grid):has(.mat-mdc-chip-input) { display: flex; align-items: center; padding-top: 0 !important; } mat-form-field:not([size=small]) .mdc-text-field--no-label .mat-mdc-form-field-infix:has(.mat-mdc-chip-grid):has(.mat-mdc-chip-input) .mat-mdc-chip-grid + .mat-mdc-chip-input { margin-left: 2rem; } :root pxl-mat-flags .mat-mdc-standard-chip { --mat-chip-container-height: 3.25rem !important; --mat-chip-container-shape-radius: 1rem !important; --mat-chip-outline-width: 1px !important; --mat-chip-outline-color: transparent !important; --mat-chip-disabled-outline-color: transparent !important; --mat-chip-hover-outline-color: transparent !important; --mat-chip-focus-outline-color: transparent !important; } :root pxl-mat-flags .mat-mdc-standard-chip .mat-mdc-chip-focus-overlay { opacity: 0 !important; } :root pxl-mat-tags .mat-mdc-standard-chip { --mat-chip-container-height: 3.25rem !important; --mat-chip-container-shape-radius: 2rem !important; --mat-chip-outline-width: 1px !important; --mat-chip-outline-color: transparent !important; --mat-chip-disabled-outline-color: transparent !important; } :root pxl-mat-tags .mat-mdc-standard-chip:hover .mdc-evolution-chip__action--primary:before { border-color: var(--mat-chip-hover-outline-color) !important; } .mat-chip-list-wrapper { display: inline; margin: 0px; } .multi-chip-selection-form-field .mdc-evolution-chip-set__chips { row-gap: 1rem !important; } .multi-chip-selection-form-field .mdc-evolution-chip-set__chips:has(mat-chip) { padding-top: 1.25rem !important; padding-bottom: 1rem !important; } .mdc-evolution-chip__graphic { width: auto !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; margin-left: 1.5rem; } .mdc-evolution-chip__graphic pxl-icon { margin-right: 0.5rem; } .mat-mdc-chip-action { overflow: hidden !important; } .mat-chip-disabled { background: var(--pxl-primary-tint-01) !important; } .mat-chip-disabled .mdc-evolution-chip__icon--primary, .mat-chip-disabled .mdc-evolution-chip__text-label { color: var(--pxl-primary-tint-04) !important; } .mat-mdc-chip.pxl-attribute-value { --mat-chip-container-shape-radius: 0.25rem !important; --mat-chip-outline-width: 0 !important; --mat-chip-label-text-color: var(--pxl-primary-tint-08) !important; --mat-chip-hover-state-layer-color: var(--pxl-action-tint-02) !important; --mat-chip-focus-state-layer-color: var(--pxl-primary-tint-02) !important; border-radius: 0.25rem !important; } .mat-mdc-chip.pxl-attribute-value:not(.mdc-evolution-chip--disabled):hover .mdc-evolution-chip__text-label { color: var(--pxl-primary-tint-08) !important; } .mat-mdc-chip.pxl-attribute-value:not(.mdc-evolution-chip--disabled):hover .mdc-evolution-chip__action--primary:before { border-color: transparent !important; } .mat-mdc-chip.pxl-attribute-value.cdk-focused .mat-mdc-chip-focus-overlay { box-shadow: none !important; } :root .mat-mdc-autocomplete-panel { --mat-autocomplete-container-shape: var(--pxl-panel-radius); --mat-autocomplete-container-elevation-shadow: var(--pxl-panel-shadow); --mat-autocomplete-background-color: var(--pxl-panel-background); } .mat-mdc-autocomplete-panel { color: var(--pxl-color-font); } .mat-mdc-optgroup { --mat-optgroup-label-text-color: var(--pxl-color-font); } .mat-mdc-option.mdc-list-item { --mat-option-selected-state-label-text-color: var(--pxl-option-color); --mat-option-label-text-color: var(--pxl-option-color); --mat-option-hover-state-layer-color: var(--pxl-option-background-hover); --mat-option-focus-state-layer-color: var(--pxl-option-background-active); --mat-option-selected-state-layer-color: var(--pxl-option-background-active); } .mat-mdc-option.mdc-list-item .mdc-list-item__primary-text:not(.pxl-alert) { --mdc-list-list-item-label-text-color: var(--pxl-color-font) !important; --mdc-list-list-item-focus-label-text-color: var(--pxl-color-font) !important; --mdc-list-list-item-hover-label-text-color: var(--pxl-color-font) !important; } .mat-mdc-autocomplete-panel.mat-mdc-autocomplete-hidden { padding: 0; } .mat-mdc-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: var(--pxl-action-tint-10) !important; } .mat-mdc-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: var(--pxl-panel-background) !important; } .mat-mdc-autocomplete--top-toolbar { display: flex; } .mat-mdc-autocomplete--icon { font-size: 16px; margin-right: 16px; } :root .mat-mdc-slide-toggle { --mat-slide-toggle-handle-width: 2rem; --mat-slide-toggle-handle-height: 2rem; --mat-slide-toggle-handle-shape: 1rem; --mat-slide-toggle-selected-handle-size: 2rem; --mat-slide-toggle-unselected-handle-size: 2rem; --mat-slide-toggle-with-icon-handle-size: 2rem; --mat-slide-toggle-track-width: 4.25rem; --mat-slide-toggle-track-height: 2.25rem; --mat-slide-toggle-track-shape: 1.125rem; --mat-slide-toggle-selected-icon-size: 1.25rem; --mat-slide-toggle-unselected-icon-size: 1.25rem; --mat-slide-toggle-touch-target-size: 4rem; --mat-slide-toggle-selected-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-handle-horizontal-margin: 0; --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 -0.25rem; --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 0.25rem; --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-pressed-handle-size: 2rem; --mat-slide-toggle-track-outline-width: 0; --mat-slide-toggle-selected-track-outline-width: 0; --mat-slide-toggle-selected-track-outline-color: transparent; --mat-slide-toggle-disabled-unselected-track-outline-width: 1px; --mat-slide-toggle-disabled-selected-handle-opacity: 1; --mat-slide-toggle-disabled-unselected-handle-opacity: 1; --mat-slide-toggle-disabled-selected-icon-opacity: 1; --mat-slide-toggle-disabled-unselected-icon-opacity: 1; --mat-slide-toggle-disabled-track-opacity: 1; --mat-slide-toggle-visible-track-opacity: 1; --mat-slide-toggle-hidden-track-opacity: 0; --mat-slide-toggle-visible-track-transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1); --mat-slide-toggle-hidden-track-transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1); --mat-slide-toggle-state-layer-size: 4rem; --mat-slide-toggle-label-text-font: var(--pxl-font-family-primary); --mat-slide-toggle-label-text-size: 1.75rem; --mat-slide-toggle-label-text-weight: 400; --mat-slide-toggle-label-text-line-height: 1.5; --mat-slide-toggle-label-text-tracking: 0; --mat-slide-toggle-label-text-color: var(--pxl-color-font); --mat-slide-toggle-disabled-label-text-color: var(--pxl-primary-tint-05); --mat-slide-toggle-unselected-handle-color: var(--pxl-primary-tint-00); --mat-slide-toggle-unselected-icon-color: transparent; --mat-slide-toggle-unselected-track-color: var(--pxl-primary-tint-06); --mat-slide-toggle-track-outline-color: transparent; --mat-slide-toggle-unselected-hover-handle-color: var(--pxl-primary-tint-00); --mat-slide-toggle-unselected-hover-state-layer-color: var(--pxl-primary-tint-06); --mat-slide-toggle-unselected-hover-state-layer-opacity: 0; --mat-slide-toggle-unselected-hover-track-color: var(--pxl-primary-tint-06); --mat-slide-toggle-unselected-focus-handle-color: var(--pxl-primary-tint-00); --mat-slide-toggle-unselected-focus-state-layer-color: var(--pxl-primary-tint-06); --mat-slide-toggle-unselected-focus-state-layer-opacity: 0; --mat-slide-toggle-unselected-focus-track-color: var(--pxl-primary-tint-06); --mat-slide-toggle-unselected-pressed-handle-color: var(--pxl-primary-tint-00); --mat-slide-toggle-unselected-pressed-state-layer-color: var(--pxl-primary-tint-06); --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0; --mat-slide-toggle-unselected-pressed-track-color: var(--pxl-primary-tint-06); --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00); --mat-slide-toggle-selected-icon-color: var(--pxl-color-font); --mat-slide-toggle-selected-track-color: var(--pxl-primary-tint-06); --mat-slide-toggle-selected-hover-handle-color: var(--pxl-primary-tint-00); --mat-slide-toggle-selected-hover-state-layer-color: var(--pxl-primary-tint-06); --mat-slide-toggle-selected-hover-state-layer-opacity: 0; --mat-slide-toggle-selected-hover-track-color: var(--pxl-primary-tint-06); --mat-slide-toggle-selected-focus-handle-color: var(--pxl-primary-tint-00); --mat-slide-toggle-selected-focus-state-layer-color: var(--pxl-primary-tint-06); --mat-slide-toggle-selected-focus-state-layer-opacity: 0; --mat-slide-toggle-selected-focus-track-color: var(--pxl-primary-tint-06); --mat-slide-toggle-selected-pressed-handle-color: var(--pxl-primary-tint-00); --mat-slide-toggle-selected-pressed-state-layer-color: var(--pxl-primary-tint-06); --mat-slide-toggle-selected-pressed-state-layer-opacity: 0; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-primary-tint-06); --mat-slide-toggle-disabled-unselected-handle-color: var(--pxl-primary-tint-03); --mat-slide-toggle-disabled-unselected-icon-color: transparent; --mat-slide-toggle-disabled-unselected-track-color: var(--pxl-primary-tint-03); --mat-slide-toggle-disabled-unselected-track-outline-color: var(--pxl-primary-tint-03); --mat-slide-toggle-disabled-selected-handle-color: var(--pxl-primary-tint-03); --mat-slide-toggle-disabled-selected-icon-color: transparent; --mat-slide-toggle-disabled-selected-track-color: var(--pxl-primary-tint-03); --mat-slide-toggle-handle-surface-color: var(--pxl-primary-tint-00); --mat-slide-toggle-handle-elevation-shadow: none; --mat-slide-toggle-disabled-handle-elevation-shadow: none; --mat-slide-toggle-touch-target-display: block; } :root .mat-mdc-slide-toggle { --mdc-form-field-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-slide-toggle.mat-primary, :root .mat-mdc-slide-toggle.pxl-primary, :root .mat-mdc-slide-toggle[color=primary] { --mat-slide-toggle-selected-icon-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-accent, :root .mat-mdc-slide-toggle.pxl-accent, :root .mat-mdc-slide-toggle[color=accent] { --mat-slide-toggle-selected-icon-color: var(--pxl-accent-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-accent-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-accent-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-accent-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-accent-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-warn, :root .mat-mdc-slide-toggle.pxl-warn, :root .mat-mdc-slide-toggle[color=warn] { --mat-slide-toggle-selected-icon-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-error, :root .mat-mdc-slide-toggle.pxl-error, :root .mat-mdc-slide-toggle[color=error] { --mat-slide-toggle-selected-icon-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-secondary, :root .mat-mdc-slide-toggle.pxl-secondary, :root .mat-mdc-slide-toggle[color=secondary] { --mat-slide-toggle-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-success, :root .mat-mdc-slide-toggle.pxl-success, :root .mat-mdc-slide-toggle[color=success] { --mat-slide-toggle-selected-icon-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-action, :root .mat-mdc-slide-toggle.pxl-action, :root .mat-mdc-slide-toggle[color=action] { --mat-slide-toggle-selected-icon-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-general, :root .mat-mdc-slide-toggle.pxl-general, :root .mat-mdc-slide-toggle[color=general] { --mat-slide-toggle-selected-icon-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tertiary, :root .mat-mdc-slide-toggle.pxl-tertiary, :root .mat-mdc-slide-toggle[color=tertiary] { --mat-slide-toggle-selected-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-info, :root .mat-mdc-slide-toggle.pxl-info, :root .mat-mdc-slide-toggle[color=info] { --mat-slide-toggle-selected-icon-color: var(--pxl-info-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-info-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-info-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-info-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-info-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-warning, :root .mat-mdc-slide-toggle.pxl-warning, :root .mat-mdc-slide-toggle[color=warning] { --mat-slide-toggle-selected-icon-color: var(--pxl-warning-shade-03) !important; --mat-slide-toggle-selected-track-color: var(--pxl-warning-shade-03) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-warning-shade-03) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-warning-shade-03) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-warning-shade-03) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-brand, :root .mat-mdc-slide-toggle.pxl-brand, :root .mat-mdc-slide-toggle[color=brand] { --mat-slide-toggle-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-brand-accent, :root .mat-mdc-slide-toggle.pxl-brand-accent, :root .mat-mdc-slide-toggle[color=brand-accent] { --mat-slide-toggle-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-1, :root .mat-mdc-slide-toggle.pxl-tag-1, :root .mat-mdc-slide-toggle[color=tag-1] { --mat-slide-toggle-selected-icon-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-primary-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-2, :root .mat-mdc-slide-toggle.pxl-tag-2, :root .mat-mdc-slide-toggle[color=tag-2] { --mat-slide-toggle-selected-icon-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-error-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-3, :root .mat-mdc-slide-toggle.pxl-tag-3, :root .mat-mdc-slide-toggle[color=tag-3] { --mat-slide-toggle-selected-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-color-tag-3-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-color-tag-3-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-color-tag-3-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-color-tag-3-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-4, :root .mat-mdc-slide-toggle.pxl-tag-4, :root .mat-mdc-slide-toggle[color=tag-4] { --mat-slide-toggle-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-secondary-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-5, :root .mat-mdc-slide-toggle.pxl-tag-5, :root .mat-mdc-slide-toggle[color=tag-5] { --mat-slide-toggle-selected-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-color-tag-5-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-color-tag-5-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-color-tag-5-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-color-tag-5-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-6, :root .mat-mdc-slide-toggle.pxl-tag-6, :root .mat-mdc-slide-toggle[color=tag-6] { --mat-slide-toggle-selected-icon-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-success-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-7, :root .mat-mdc-slide-toggle.pxl-tag-7, :root .mat-mdc-slide-toggle[color=tag-7] { --mat-slide-toggle-selected-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-color-tag-7-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-color-tag-7-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-color-tag-7-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-color-tag-7-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-8, :root .mat-mdc-slide-toggle.pxl-tag-8, :root .mat-mdc-slide-toggle[color=tag-8] { --mat-slide-toggle-selected-icon-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-action-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-9, :root .mat-mdc-slide-toggle.pxl-tag-9, :root .mat-mdc-slide-toggle[color=tag-9] { --mat-slide-toggle-selected-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-color-tag-9-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-color-tag-9-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-color-tag-9-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-color-tag-9-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-10, :root .mat-mdc-slide-toggle.pxl-tag-10, :root .mat-mdc-slide-toggle[color=tag-10] { --mat-slide-toggle-selected-icon-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-general-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-11, :root .mat-mdc-slide-toggle.pxl-tag-11, :root .mat-mdc-slide-toggle[color=tag-11] { --mat-slide-toggle-selected-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-color-tag-11-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-color-tag-11-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-color-tag-11-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-color-tag-11-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } :root .mat-mdc-slide-toggle.mat-tag-12, :root .mat-mdc-slide-toggle.pxl-tag-12, :root .mat-mdc-slide-toggle[color=tag-12] { --mat-slide-toggle-selected-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-track-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-pressed-track-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-hover-track-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-focus-track-color: var(--pxl-tertiary-tint-10) !important; --mat-slide-toggle-selected-handle-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-slide-toggle .mdc-label { padding-left: 1.25rem; padding-right: 1.25rem; } .mat-mdc-slide-toggle.cdk-focused.cdk-keyboard-focused .mat-slide-toggle .mat-slide-toggle__track { outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .mat-mdc-slide-toggle .mdc-switch__handle::after { display: none !important; } :root .mat-mdc-select { --mat-select-container-elevation-shadow: var(--pxl-panel-shadow); --mat-select-panel-background-color: var(--pxl-panel-background); --mat-select-enabled-trigger-text-color: var(--pxl-color-font); --mat-select-disabled-trigger-text-color: var(--pxl-primary-tint-06); --mat-select-placeholder-text-color: var(--pxl-primary-tint-05); --mat-select-enabled-arrow-color: var(--pxl-primary-tint-06); --mat-select-disabled-arrow-color: var(--pxl-primary-tint-06); --mat-select-focused-arrow-color: var(--pxl-color-font); --mat-select-invalid-arrow-color: var(--pxl-error-tint-10); --mat-select-trigger-text-font: var(--pxl-font-family-primary); --mat-select-trigger-text-line-height: 1.5; --mat-select-trigger-text-size: 1.75rem; --mat-select-trigger-text-tracking: 0; --mat-select-trigger-text-weight: 500; --mat-select-arrow-transform: none; } .mat-mdc-select-panel { --mat-select-panel-background-color: var(--pxl-panel-background) !important; --mat-select-container-elevation-shadow: var(--pxl-panel-shadow) !important; --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--pxl-success-tint-10) !important; } .mat-mdc-select-panel .mdc-list-item .mdc-list-item__primary-text:not(.pxl-alert), .mat-mdc-select-panel .mdc-list-item__primary-text:not(.pxl-alert) { --mdc-list-list-item-label-text-color: var(--pxl-color-font) !important; --mdc-list-list-item-focus-label-text-color: var(--pxl-color-font) !important; --mdc-list-list-item-hover-label-text-color: var(--pxl-color-font) !important; } mat-option .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, mat-option .mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate, mat-option .mat-pseudo-checkbox-full { --mat-full-pseudo-checkbox-selected-icon-color: transparent; --mat-full-pseudo-checkbox-selected-checkmark-color: var(--pxl-option-color); border-color: transparent; } .mat-mdc-select-panel.mdc-menu-surface pxl-search-input mat-form-field { margin-top: -1rem; margin-bottom: -2rem; } .mat-mdc-select-panel.mdc-menu-surface pxl-search-input .mdc-notched-outline__leading, .mat-mdc-select-panel.mdc-menu-surface pxl-search-input .mdc-notched-outline__trailing { border-top: none; border-left: none; border-right: none; border-radius: none; } .mat-mdc-select-panel .mat-mdc-text-field-wrapper.mdc-text-field--focused { box-shadow: none !important; } .mat-mdc-form-field[size=small] .mat-mdc-form-field-infix:has(mat-select), .mat-form-field--small .mat-mdc-form-field-infix:has(mat-select) { padding-top: 0.85rem !important; } .mat-mdc-select-arrow-wrapper { margin-left: 1rem; } .mat-mdc-select-placeholder { --mat-select-placeholder-text-color: var(--mdc-outlined-text-field-input-text-placeholder-color) !important; } :root .mat-mdc-radio-button { --mat-radio-disabled-unselected-icon-opacity: 0.38; --mat-radio-disabled-selected-icon-opacity: 1; --mat-radio-touch-target-size: 4rem; --mat-radio-label-text-color: var(--pxl-color-font); --mat-radio-disabled-label-color: var(--pxl-primary-tint-06); --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06); --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10); --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06); --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10); --mat-radio-selected-icon-color: var(--pxl-accent-tint-10); --mat-radio-selected-hover-icon-color: var(--pxl-accent-tint-10); --mat-radio-selected-focus-icon-color: var(--pxl-accent-tint-10); --mat-radio-selected-pressed-icon-color: var(--pxl-accent-tint-10); --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06); --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06); --mat-radio-ripple-color: var(--pxl-primary-tint-06); --mat-radio-checked-ripple-color: transparent; --mat-radio-label-text-font: var(--pxl-font-family-primary); --mat-radio-label-text-size: 1.75rem; --mat-radio-label-text-weight: 400; --mat-radio-label-text-line-height: 1.5; --mat-radio-label-text-tracking: 0; --mat-radio-touch-target-display: block; --mat-radio-state-layer-size: 4rem; } :root .mat-mdc-radio-button { margin-right: 2rem; --mdc-form-field-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-primary, :root .mat-mdc-radio-button.pxl-primary, :root .mat-mdc-radio-button[color=primary] { --mat-radio-selected-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-primary-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-accent, :root .mat-mdc-radio-button.pxl-accent, :root .mat-mdc-radio-button[color=accent] { --mat-radio-selected-icon-color: var(--pxl-accent-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-accent-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-accent-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-accent-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-accent-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-warn, :root .mat-mdc-radio-button.pxl-warn, :root .mat-mdc-radio-button[color=warn] { --mat-radio-selected-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-error-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-error, :root .mat-mdc-radio-button.pxl-error, :root .mat-mdc-radio-button[color=error] { --mat-radio-selected-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-error-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-secondary, :root .mat-mdc-radio-button.pxl-secondary, :root .mat-mdc-radio-button[color=secondary] { --mat-radio-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-secondary-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-success, :root .mat-mdc-radio-button.pxl-success, :root .mat-mdc-radio-button[color=success] { --mat-radio-selected-icon-color: var(--pxl-success-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-success-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-success-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-success-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-success-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-action, :root .mat-mdc-radio-button.pxl-action, :root .mat-mdc-radio-button[color=action] { --mat-radio-selected-icon-color: var(--pxl-action-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-action-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-action-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-action-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-action-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-general, :root .mat-mdc-radio-button.pxl-general, :root .mat-mdc-radio-button[color=general] { --mat-radio-selected-icon-color: var(--pxl-general-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-general-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-general-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-general-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-general-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tertiary, :root .mat-mdc-radio-button.pxl-tertiary, :root .mat-mdc-radio-button[color=tertiary] { --mat-radio-selected-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-tertiary-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-info, :root .mat-mdc-radio-button.pxl-info, :root .mat-mdc-radio-button[color=info] { --mat-radio-selected-icon-color: var(--pxl-info-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-info-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-info-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-info-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-info-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-warning, :root .mat-mdc-radio-button.pxl-warning, :root .mat-mdc-radio-button[color=warning] { --mat-radio-selected-icon-color: var(--pxl-warning-shade-03) !important; --mat-radio-selected-focus-icon-color: var(--pxl-warning-shade-03) !important; --mat-radio-selected-hover-icon-color: var(--pxl-warning-shade-03) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-warning-shade-03) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-warning-tint-10) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-brand, :root .mat-mdc-radio-button.pxl-brand, :root .mat-mdc-radio-button[color=brand] { --mat-radio-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-secondary-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-brand-accent, :root .mat-mdc-radio-button.pxl-brand-accent, :root .mat-mdc-radio-button[color=brand-accent] { --mat-radio-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-secondary-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-1, :root .mat-mdc-radio-button.pxl-tag-1, :root .mat-mdc-radio-button[color=tag-1] { --mat-radio-selected-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-primary-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-2, :root .mat-mdc-radio-button.pxl-tag-2, :root .mat-mdc-radio-button[color=tag-2] { --mat-radio-selected-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-error-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-error-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-3, :root .mat-mdc-radio-button.pxl-tag-3, :root .mat-mdc-radio-button[color=tag-3] { --mat-radio-selected-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-color-tag-3-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-4, :root .mat-mdc-radio-button.pxl-tag-4, :root .mat-mdc-radio-button[color=tag-4] { --mat-radio-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-secondary-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-secondary-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-5, :root .mat-mdc-radio-button.pxl-tag-5, :root .mat-mdc-radio-button[color=tag-5] { --mat-radio-selected-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-color-tag-5-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-6, :root .mat-mdc-radio-button.pxl-tag-6, :root .mat-mdc-radio-button[color=tag-6] { --mat-radio-selected-icon-color: var(--pxl-success-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-success-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-success-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-success-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-success-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-7, :root .mat-mdc-radio-button.pxl-tag-7, :root .mat-mdc-radio-button[color=tag-7] { --mat-radio-selected-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-color-tag-7-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-8, :root .mat-mdc-radio-button.pxl-tag-8, :root .mat-mdc-radio-button[color=tag-8] { --mat-radio-selected-icon-color: var(--pxl-action-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-action-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-action-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-action-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-action-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-9, :root .mat-mdc-radio-button.pxl-tag-9, :root .mat-mdc-radio-button[color=tag-9] { --mat-radio-selected-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-color-tag-9-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-10, :root .mat-mdc-radio-button.pxl-tag-10, :root .mat-mdc-radio-button[color=tag-10] { --mat-radio-selected-icon-color: var(--pxl-general-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-general-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-general-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-general-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-general-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-11, :root .mat-mdc-radio-button.pxl-tag-11, :root .mat-mdc-radio-button[color=tag-11] { --mat-radio-selected-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-color-tag-11-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-radio-button.mat-tag-12, :root .mat-mdc-radio-button.pxl-tag-12, :root .mat-mdc-radio-button[color=tag-12] { --mat-radio-selected-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-radio-selected-focus-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-radio-selected-hover-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-radio-selected-pressed-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-radio-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-focus-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-unselected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-unselected-pressed-icon-color: var(--pxl-primary-tint-10) !important; --mat-radio-disabled-selected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-unselected-icon-color: var(--pxl-primary-tint-06) !important; --mat-radio-disabled-label-color: var(--pxl-primary-tint-06) !important; --mat-radio-ripple-color: var(--pxl-tertiary-tint-06) !important; --mat-radio-checked-ripple-color: transparent !important; --mat-radio-label-text-color: var(--pxl-color-font) !important; } :root .mat-mdc-checkbox { --mat-checkbox-unselected-focus-state-layer-opacity: 0; --mat-checkbox-unselected-hover-state-layer-opacity: 0; --mat-checkbox-unselected-pressed-state-layer-opacity: 0; --mat-checkbox-selected-focus-state-layer-opacity: 0; --mat-checkbox-selected-hover-state-layer-opacity: 0; --mat-checkbox-selected-pressed-state-layer-opacity: 0; --mat-checkbox-label-text-font: var(--pxl-font-family-primary); --mat-checkbox-label-text-size: 1.75rem; --mat-checkbox-label-text-weight: 400; --mat-checkbox-label-text-line-height: normal; --mat-checkbox-label-text-tracking: 0; --mat-checkbox-label-text-color: var(--pxl-color-font); --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02); --mat-checkbox-unselected-focus-icon-color: var(--pxl-primary-tint-04); --mat-checkbox-unselected-hover-icon-color: var(--pxl-primary-tint-04); --mat-checkbox-unselected-focus-state-layer-color: transparent; --mat-checkbox-unselected-hover-state-layer-color: transparent; --mat-checkbox-unselected-pressed-state-layer-color: transparent; --mat-checkbox-selected-icon-color: var(--pxl-primary-tint-10); --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00); --mat-checkbox-selected-focus-icon-color: var(--pxl-primary-tint-10); --mat-checkbox-selected-hover-icon-color: var(--pxl-primary-tint-10); --mat-checkbox-selected-pressed-icon-color: var(--pxl-primary-tint-10); --mat-checkbox-selected-focus-state-layer-color: transparent; --mat-checkbox-selected-hover-state-layer-color: transparent; --mat-checkbox-selected-pressed-state-layer-color: transparent; --mat-checkbox-disabled-label-color: var(--pxl-primary-tint-06); --mat-checkbox-disabled-selected-icon-color: var(--pxl-primary-tint-02); --mat-checkbox-disabled-unselected-icon-color: var(--pxl-primary-tint-02); --mat-checkbox-disabled-selected-checkmark-color: var(--pxl-primary-tint-04); } .mat-mdc-checkbox { margin-right: 2rem; --mat-form-field-label-text-color: var(--pxl-color-font) !important; } .mat-mdc-checkbox.mat-primary, .mat-mdc-checkbox.pxl-primary, .mat-mdc-checkbox[color=primary] { --mat-checkbox-selected-icon-color: var(--pxl-primary-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-primary-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-accent, .mat-mdc-checkbox.pxl-accent, .mat-mdc-checkbox[color=accent] { --mat-checkbox-selected-icon-color: var(--pxl-accent-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-accent-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-accent-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-warn, .mat-mdc-checkbox.pxl-warn, .mat-mdc-checkbox[color=warn] { --mat-checkbox-selected-icon-color: var(--pxl-error-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-error-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-error-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-error, .mat-mdc-checkbox.pxl-error, .mat-mdc-checkbox[color=error] { --mat-checkbox-selected-icon-color: var(--pxl-error-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-error-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-error-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-secondary, .mat-mdc-checkbox.pxl-secondary, .mat-mdc-checkbox[color=secondary] { --mat-checkbox-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-success, .mat-mdc-checkbox.pxl-success, .mat-mdc-checkbox[color=success] { --mat-checkbox-selected-icon-color: var(--pxl-success-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-success-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-success-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-action, .mat-mdc-checkbox.pxl-action, .mat-mdc-checkbox[color=action] { --mat-checkbox-selected-icon-color: var(--pxl-action-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-action-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-action-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-general, .mat-mdc-checkbox.pxl-general, .mat-mdc-checkbox[color=general] { --mat-checkbox-selected-icon-color: var(--pxl-general-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-general-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-general-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tertiary, .mat-mdc-checkbox.pxl-tertiary, .mat-mdc-checkbox[color=tertiary] { --mat-checkbox-selected-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-info, .mat-mdc-checkbox.pxl-info, .mat-mdc-checkbox[color=info] { --mat-checkbox-selected-icon-color: var(--pxl-info-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-info-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-info-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-warning, .mat-mdc-checkbox.pxl-warning, .mat-mdc-checkbox[color=warning] { --mat-checkbox-selected-icon-color: var(--pxl-warning-shade-03) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-warning-shade-03) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-warning-shade-03) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-brand, .mat-mdc-checkbox.pxl-brand, .mat-mdc-checkbox[color=brand] { --mat-checkbox-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-brand-accent, .mat-mdc-checkbox.pxl-brand-accent, .mat-mdc-checkbox[color=brand-accent] { --mat-checkbox-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-1, .mat-mdc-checkbox.pxl-tag-1, .mat-mdc-checkbox[color=tag-1] { --mat-checkbox-selected-icon-color: var(--pxl-primary-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-primary-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-primary-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-2, .mat-mdc-checkbox.pxl-tag-2, .mat-mdc-checkbox[color=tag-2] { --mat-checkbox-selected-icon-color: var(--pxl-error-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-error-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-error-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-3, .mat-mdc-checkbox.pxl-tag-3, .mat-mdc-checkbox[color=tag-3] { --mat-checkbox-selected-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-color-tag-3-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-4, .mat-mdc-checkbox.pxl-tag-4, .mat-mdc-checkbox[color=tag-4] { --mat-checkbox-selected-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-secondary-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-5, .mat-mdc-checkbox.pxl-tag-5, .mat-mdc-checkbox[color=tag-5] { --mat-checkbox-selected-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-color-tag-5-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-6, .mat-mdc-checkbox.pxl-tag-6, .mat-mdc-checkbox[color=tag-6] { --mat-checkbox-selected-icon-color: var(--pxl-success-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-success-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-success-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-7, .mat-mdc-checkbox.pxl-tag-7, .mat-mdc-checkbox[color=tag-7] { --mat-checkbox-selected-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-color-tag-7-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-8, .mat-mdc-checkbox.pxl-tag-8, .mat-mdc-checkbox[color=tag-8] { --mat-checkbox-selected-icon-color: var(--pxl-action-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-action-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-action-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-9, .mat-mdc-checkbox.pxl-tag-9, .mat-mdc-checkbox[color=tag-9] { --mat-checkbox-selected-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-color-tag-9-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-10, .mat-mdc-checkbox.pxl-tag-10, .mat-mdc-checkbox[color=tag-10] { --mat-checkbox-selected-icon-color: var(--pxl-general-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-general-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-general-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-11, .mat-mdc-checkbox.pxl-tag-11, .mat-mdc-checkbox[color=tag-11] { --mat-checkbox-selected-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-color-tag-11-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox.mat-tag-12, .mat-mdc-checkbox.pxl-tag-12, .mat-mdc-checkbox[color=tag-12] { --mat-checkbox-selected-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-checkbox-selected-focus-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-checkbox-selected-hover-icon-color: var(--pxl-tertiary-tint-10) !important; --mat-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mat-checkbox-selected-checkmark-color: var(--pxl-primary-tint-00) !important; } .mat-mdc-checkbox-disabled .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background { background: var(--pxl-primary-tint-01) !important; } :root .mat-calendar, :root .mat-datepicker-content { --mat-datepicker-calendar-container-shape: 0; --mat-datepicker-calendar-container-touch-shape: 0; --mat-datepicker-calendar-container-elevation-shadow: var(--pxl-panel-shadow); --mat-datepicker-calendar-container-touch-elevation-shadow: var(--pxl-panel-shadow); --mat-datepicker-calendar-text-font: var(--pxl-font-family-primary); --mat-datepicker-calendar-text-size: 1.75rem; --mat-datepicker-calendar-body-label-text-size: 1.75rem; --mat-datepicker-calendar-body-label-text-weight: 300; --mat-datepicker-calendar-header-text-size: 1.5rem; --mat-datepicker-calendar-header-text-weight: 300; --mat-datepicker-calendar-period-button-text-size: 1.75rem; --mat-datepicker-calendar-period-button-text-weight: 400; --mat-datepicker-calendar-container-background-color: var(--pxl-panel-background); --mat-datepicker-calendar-container-text-color: var(--pxl-color-font); --mat-datepicker-calendar-header-text-color: var(--pxl-color-font); --mat-datepicker-calendar-header-divider-color: var(--pxl-primary-tint-02); --mat-datepicker-calendar-navigation-button-icon-color: var(--pxl-primary-tint-05); --mat-datepicker-calendar-period-button-text-color: var(--pxl-primary-tint-08); --mat-datepicker-calendar-period-button-icon-color: var(--pxl-primary-tint-06); --mat-datepicker-calendar-body-label-text-color: var(--pxl-color-font); --mat-datepicker-calendar-date-text-color: var(--pxl-color-font); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-selected-state-background-color: var(--pxl-secondary-tint-10); --mat-datepicker-calendar-date-selected-state-text-color: var(--pxl-primary-tint-00); --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--pxl-primary-tint-10); --mat-datepicker-calendar-date-hover-state-background-color: var(--pxl-secondary-tint-10); --mat-datepicker-calendar-date-focus-state-background-color: var(--pxl-secondary-tint-10); --mat-datepicker-calendar-date-preview-state-outline-color: var(--pxl-secondary-tint-05); --mat-datepicker-calendar-date-today-outline-color: var(--pxl-secondary-tint-10); --mat-datepicker-calendar-date-disabled-state-text-color: var(--pxl-primary-tint-05); --mat-datepicker-calendar-date-selected-disabled-state-background-color: var(--pxl-primary-tint-05); --mat-datepicker-calendar-date-today-disabled-state-outline-color: var(--pxl-primary-tint-05); --mat-datepicker-calendar-date-in-range-state-background-color: var(--pxl-secondary-tint-06); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--pxl-secondary-tint-06); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--pxl-secondary-tint-08); --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--pxl-secondary-tint-10); --mat-datepicker-range-input-separator-color: var(--pxl-color-font); --mat-datepicker-range-input-disabled-state-separator-color: var(--pxl-primary-tint-05); --mat-datepicker-range-input-disabled-state-text-color: var(--pxl-primary-tint-05); --mat-datepicker-toggle-icon-color: var(--pxl-primary-tint-08); --mat-datepicker-toggle-active-state-icon-color: var(--pxl-primary-tint-08); } .mat-datepicker-toggle .mat-mdc-icon-button { display: flex; align-items: center; margin-left: 0 !important; margin-right: 0 !important; color: var(--pxl-primary-tint-08) !important; padding: 1.25rem !important; } .mat-calendar-table-header { font-size: 1.5rem !important; } .mat-calendar-body-cell.mat-calendar-body-in-range .mat-calendar-body-cell-content, .mat-calendar-body-cell.mat-calendar-body-in-range .mat-calendar-body-today, .mat-calendar-body-cell.mat-calendar-body-in-comparison-range .mat-calendar-body-cell-content, .mat-calendar-body-cell.mat-calendar-body-in-comparison-range .mat-calendar-body-today, .mat-calendar-body-cell:hover .mat-calendar-body-cell-content, .mat-calendar-body-cell:hover .mat-calendar-body-today, .mat-calendar-body-cell:focus .mat-calendar-body-cell-content, .mat-calendar-body-cell:focus .mat-calendar-body-today { color: var(--pxl-primary-tint-00) !important; } .mat-calendar-period-button .mdc-button__label { display: flex; align-items: center; } .mat-calendar-period-button .mdc-button__label span { margin-right: 1rem; color: var(--mat-datepicker-calendar-period-button-text-color) !important; } .mat-calendar-next-button::after { height: 0.75rem !important; width: 0.75rem !important; transform: translate(-2px, -2px) rotate(45deg) !important; } .mat-calendar-previous-button::after { height: 0.75rem !important; width: 0.75rem !important; transform: translate(2px, -2px) rotate(-45deg) !important; } :root .mat-mdc-dialog-panel { --mat-dialog-container-shape: 0.5rem; --mat-dialog-container-elevation-shadow: var(--pxl-panel-shadow); --mat-dialog-container-max-width: 90%; --mat-dialog-container-small-max-width: calc(100vw - 32px); --mat-dialog-container-min-width: 360px; --mat-dialog-content-padding: 2rem 3rem; --mat-dialog-headline-padding: 1rem 3rem; --mat-dialog-actions-padding: 2rem 3rem; --mat-dialog-with-actions-content-padding: 2rem 3rem 0; --mat-dialog-actions-alignment: flex-end; --mat-dialog-container-color: var(--pxl-color-main-background); --mat-dialog-subhead-color: var(--pxl-color-font); --mat-dialog-supporting-text-color: var(--pxl-accent-tint-10); --mat-dialog-subhead-font: var(--pxl-font-family-secondary); --mat-dialog-subhead-size: 3.5rem; --mat-dialog-subhead-line-height: 4.5rem; --mat-dialog-subhead-weight: 300; --mat-dialog-subhead-tracking: 0rem; --mat-dialog-supporting-text-font: var(--pxl-font-family-primary); --mat-dialog-supporting-text-size: 1.75rem; --mat-dialog-supporting-text-line-height: 1.6em; --mat-dialog-supporting-text-weight: 400; --mat-dialog-supporting-text-tracking: 0rem; } .mat-mdc-dialog-panel { --mdc-dialog-container-shadow-color: var(--pxl-primary-tint-03) !important; } .mat-mdc-dialog-title { margin-bottom: 2rem !important; } .mat-dialog-container { color: inherit !important; } .cdk-overlay-container:has(.pxl-tooltip) { z-index: 1100 !important; } :root .mat-divider { --mat-divider-width: 1px; --mat-divider-color: var(--pxl-primary-tint-02); margin-top: 1rem; margin-bottom: 1rem; } :root .mat-mdc-menu-panel { --mat-menu-container-shape: var(--pxl-panel-radius); --mat-menu-item-spacing: 5rem; --mat-menu-item-leading-spacing: 2rem; --mat-menu-item-trailing-spacing: 2rem; --mat-menu-item-with-icon-leading-spacing: 0; --mat-menu-item-with-icon-trailing-spacing: 0; --mat-menu-divider-top-spacing: 1rem; --mat-menu-divider-bottom-spacing: 1rem; --mat-menu-item-icon-size: 1.75rem; --mat-menu-container-color: var(--pxl-panel-background); --mat-menu-divider-color: var(--pxl-primary-tint-02); --mat-menu-item-label-text-color: var(--pxl-color-font); --mat-menu-item-icon-color: var(--pxl-primary-tint-05); --mat-menu-item-hover-state-layer-color: var(--pxl-option-background-hover); --mat-menu-item-focus-state-layer-color: var(--pxl-option-background-active); --mat-menu-item-label-text-size: 1.75rem; --mat-menu-item-label-text-line-height: 1.4em; --mat-menu-item-label-text-weight: 400; --mat-menu-item-label-text-tracking: 0; } .mat-mdc-menu-panel { --mat-menu-base-elevation-level: 1 !important; } .mat-mdc-menu-item { padding-top: 1.75rem !important; padding-bottom: 1.75rem !important; min-height: unset !important; } .mat-mdc-menu-item.mat-primary, .mat-mdc-menu-item.pxl-primary, .mat-mdc-menu-item[color=primary] { --mat-menu-item-label-text-color: var(--pxl-color-font) !important; } .mat-mdc-menu-item.mat-accent, .mat-mdc-menu-item.pxl-accent, .mat-mdc-menu-item[color=accent] { --mat-menu-item-label-text-color: var(--pxl-accent-shade-02) !important; } .mat-mdc-menu-item.mat-warn, .mat-mdc-menu-item.pxl-warn, .mat-mdc-menu-item[color=warn] { --mat-menu-item-label-text-color: var(--pxl-error-shade-02) !important; } .mat-mdc-menu-item.mat-error, .mat-mdc-menu-item.pxl-error, .mat-mdc-menu-item[color=error] { --mat-menu-item-label-text-color: var(--pxl-error-shade-02) !important; } .mat-mdc-menu-item.mat-secondary, .mat-mdc-menu-item.pxl-secondary, .mat-mdc-menu-item[color=secondary] { --mat-menu-item-label-text-color: var(--pxl-secondary-shade-02) !important; } .mat-mdc-menu-item.mat-success, .mat-mdc-menu-item.pxl-success, .mat-mdc-menu-item[color=success] { --mat-menu-item-label-text-color: var(--pxl-success-shade-02) !important; } .mat-mdc-menu-item.mat-action, .mat-mdc-menu-item.pxl-action, .mat-mdc-menu-item[color=action] { --mat-menu-item-label-text-color: var(--pxl-action-shade-02) !important; } .mat-mdc-menu-item.mat-general, .mat-mdc-menu-item.pxl-general, .mat-mdc-menu-item[color=general] { --mat-menu-item-label-text-color: var(--pxl-general-shade-02) !important; } .mat-mdc-menu-item.mat-tertiary, .mat-mdc-menu-item.pxl-tertiary, .mat-mdc-menu-item[color=tertiary] { --mat-menu-item-label-text-color: var(--pxl-tertiary-shade-02) !important; } .mat-mdc-menu-item.mat-info, .mat-mdc-menu-item.pxl-info, .mat-mdc-menu-item[color=info] { --mat-menu-item-label-text-color: var(--pxl-info-shade-02) !important; } .mat-mdc-menu-item.mat-warning, .mat-mdc-menu-item.pxl-warning, .mat-mdc-menu-item[color=warning] { --mat-menu-item-label-text-color: var(--pxl-warning-shade-06) !important; } .mat-mdc-menu-item.mat-brand, .mat-mdc-menu-item.pxl-brand, .mat-mdc-menu-item[color=brand] { --mat-menu-item-label-text-color: var(--pxl-secondary-shade-02) !important; } .mat-mdc-menu-item.mat-brand-accent, .mat-mdc-menu-item.pxl-brand-accent, .mat-mdc-menu-item[color=brand-accent] { --mat-menu-item-label-text-color: var(--pxl-secondary-shade-02) !important; } .mat-mdc-menu-item.mat-tag-1, .mat-mdc-menu-item.pxl-tag-1, .mat-mdc-menu-item[color=tag-1] { --mat-menu-item-label-text-color: var(--pxl-color-font) !important; } .mat-mdc-menu-item.mat-tag-2, .mat-mdc-menu-item.pxl-tag-2, .mat-mdc-menu-item[color=tag-2] { --mat-menu-item-label-text-color: var(--pxl-error-shade-02) !important; } .mat-mdc-menu-item.mat-tag-3, .mat-mdc-menu-item.pxl-tag-3, .mat-mdc-menu-item[color=tag-3] { --mat-menu-item-label-text-color: var(--pxl-color-tag-3-shade-02) !important; } .mat-mdc-menu-item.mat-tag-4, .mat-mdc-menu-item.pxl-tag-4, .mat-mdc-menu-item[color=tag-4] { --mat-menu-item-label-text-color: var(--pxl-secondary-shade-02) !important; } .mat-mdc-menu-item.mat-tag-5, .mat-mdc-menu-item.pxl-tag-5, .mat-mdc-menu-item[color=tag-5] { --mat-menu-item-label-text-color: var(--pxl-color-tag-5-shade-02) !important; } .mat-mdc-menu-item.mat-tag-6, .mat-mdc-menu-item.pxl-tag-6, .mat-mdc-menu-item[color=tag-6] { --mat-menu-item-label-text-color: var(--pxl-success-shade-02) !important; } .mat-mdc-menu-item.mat-tag-7, .mat-mdc-menu-item.pxl-tag-7, .mat-mdc-menu-item[color=tag-7] { --mat-menu-item-label-text-color: var(--pxl-color-tag-7-shade-02) !important; } .mat-mdc-menu-item.mat-tag-8, .mat-mdc-menu-item.pxl-tag-8, .mat-mdc-menu-item[color=tag-8] { --mat-menu-item-label-text-color: var(--pxl-action-shade-02) !important; } .mat-mdc-menu-item.mat-tag-9, .mat-mdc-menu-item.pxl-tag-9, .mat-mdc-menu-item[color=tag-9] { --mat-menu-item-label-text-color: var(--pxl-color-tag-9-shade-02) !important; } .mat-mdc-menu-item.mat-tag-10, .mat-mdc-menu-item.pxl-tag-10, .mat-mdc-menu-item[color=tag-10] { --mat-menu-item-label-text-color: var(--pxl-general-shade-02) !important; } .mat-mdc-menu-item.mat-tag-11, .mat-mdc-menu-item.pxl-tag-11, .mat-mdc-menu-item[color=tag-11] { --mat-menu-item-label-text-color: var(--pxl-color-tag-11-shade-02) !important; } .mat-mdc-menu-item.mat-tag-12, .mat-mdc-menu-item.pxl-tag-12, .mat-mdc-menu-item[color=tag-12] { --mat-menu-item-label-text-color: var(--pxl-tertiary-shade-02) !important; } .mat-mdc-menu-item .mat-mdc-menu-item-text { display: flex; } .mat-mdc-menu-item .mat-mdc-menu-item-text span { flex-grow: 1; } .mat-mdc-menu-item .mat-mdc-menu-item-text pxl-icon { width: 3rem; flex-grow: 0; text-align: center; } .mat-mdc-menu-panel h3, .mat-mdc-menu-panel h4, .pxl__menu-title { padding: 1rem var(--mat-menu-item-leading-spacing) !important; margin: 0 0 0.5rem 0 !important; font-size: var(--mat-menu-item-label-text-size) !important; color: var(--mat-menu-item-label-text-color) !important; font-weight: 700 !important; } .mat-menu-content:not(:empty) { padding-top: 0px !important; padding-bottom: 0px !important; } .mat-mdc-menu-trigger .pxl-icon-suffix { margin-left: 1.25rem !important; margin-right: -1.25rem !important; } .mat-mdc-menu-item[disabled] { opacity: 1 !important; color: var(--pxl-primary-tint-04) !important; } .mat-mdc-menu-item[disabled]:hover { color: var(--pxl-primary-tint-04) !important; } :root .mdc-list { --mat-list-list-item-label-text-color: var(--pxl-color-font); --mat-list-list-item-leading-icon-color: var(--pxl-color-font); --mat-list-list-item-trailing-icon-color: var(--pxl-color-font); --mat-list-list-item-supporting-text-color: var(--pxl-primary-tint-06); --mat-list-list-item-trailing-supporting-text-color: var(--pxl-primary-tint-06); --mat-list-list-item-selected-trailing-icon-color: var(--pxl-color-font); --mat-list-list-item-hover-label-text-color: var(--pxl-primary-tint-08); --mat-list-list-item-hover-state-layer-color: var(--pxl-primary-tint-01); --mat-list-list-item-hover-state-layer-opacity: 0; --mat-list-list-item-hover-leading-icon-color: var(--pxl-color-font); --mat-list-list-item-hover-trailing-icon-color: var(--pxl-color-font); --mat-list-list-item-focus-label-text-color: var(--pxl-primary-tint-08); --mat-list-list-item-focus-state-layer-color: var(--pxl-primary-tint-01); --mat-list-list-item-focus-state-layer-opacity: 0; --mat-list-list-item-disabled-label-text-color: var(--pxl-primary-tint-06); --mat-list-list-item-disabled-leading-icon-color: var(--pxl-primary-tint-06); --mat-list-list-item-disabled-trailing-icon-color: var(--pxl-primary-tint-06); --mat-list-list-item-disabled-label-text-opacity: 0.38; --mat-list-list-item-disabled-leading-icon-opacity: 1; --mat-list-list-item-disabled-trailing-icon-opacity: 1; --mat-list-list-item-disabled-state-layer-color: transparent; --mat-list-list-item-disabled-state-layer-opacity: 0; --mat-list-list-item-label-text-font: var(--pxl-font-family-primary); --mat-list-list-item-label-text-size: 1.75rem; --mat-list-list-item-label-text-line-height: 2.5rem; --mat-list-list-item-label-text-weight: 400; --mat-list-list-item-label-text-tracking: 0; --mat-list-list-item-supporting-text-font: var(--pxl-font-family-primary); --mat-list-list-item-supporting-text-size: 1.75rem; --mat-list-list-item-supporting-text-line-height: 2.5rem; --mat-list-list-item-supporting-text-weight: 400; --mat-list-list-item-supporting-text-tracking: 0; --mat-list-list-item-trailing-supporting-text-font: var(--pxl-font-family-primary); --mat-list-list-item-trailing-supporting-text-size: 1.75rem; --mat-list-list-item-trailing-supporting-text-line-height: 2.5rem; --mat-list-list-item-trailing-supporting-text-weight: 400; --mat-list-list-item-trailing-supporting-text-tracking: 0; --mat-list-list-item-one-line-container-height: 3.5rem; --mat-list-list-item-two-line-container-height: 7rem; --mat-list-list-item-three-line-container-height: 10.5rem; --mat-list-list-item-leading-icon-start-space: 2rem; --mat-list-list-item-leading-icon-end-space: 1.5rem; --mat-list-list-item-leading-icon-size: 1.75rem; --mat-list-list-item-trailing-icon-size: 1.75rem; } .mat-mdc-list-option { --mdc-checkbox-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mdc-checkbox-unselected-pressed-icon-color: var(--pxl-primary-tint-02) !important; --mdc-checkbox-unselected-focus-icon-color: var(--pxl-primary-tint-04) !important; --mdc-checkbox-unselected-hover-icon-color: var(--pxl-primary-tint-04) !important; --mdc-checkbox-unselected-focus-state-layer-color: transparent !important; --mdc-checkbox-unselected-hover-state-layer-color: transparent !important; --mdc-checkbox-unselected-pressed-state-layer-color: transparent !important; --mdc-checkbox-disabled-selected-icon-color: var(--pxl-primary-tint-02) !important; --mdc-checkbox-disabled-unselected-icon-color: var(--pxl-primary-tint-02) !important; --mdc-checkbox-disabled-selected-checkmark-color: var(--pxl-primary-tint-04) !important; } .mdc-list[type=unordered] .mat-mdc-list-item, .mdc-list[type=unordered] .mat-mdc-list-option { position: relative; } .mdc-list[type=unordered] .mat-mdc-list-item .mdc-list-item__content:before, .mdc-list[type=unordered] .mat-mdc-list-option .mdc-list-item__content:before { content: "•"; display: inline-flex; width: 2.5rem; } .mdc-list[type=unordered] .mat-mdc-list-item.mdc-list-item--with-leading-icon .mat-mdc-list-item-icon, .mdc-list[type=unordered] .mat-mdc-list-option.mdc-list-item--with-leading-icon .mat-mdc-list-item-icon { margin-left: 5rem; } .mdc-list[type=unordered] .mat-mdc-list-item.mdc-list-item--with-leading-icon .mdc-list-item__content, .mdc-list[type=unordered] .mat-mdc-list-option.mdc-list-item--with-leading-icon .mdc-list-item__content { margin-left: -6.25rem !important; } .mdc-list[type=unordered] .mat-mdc-list-item.mdc-list-item--with-leading-icon .mdc-list-item__content:before, .mdc-list[type=unordered] .mat-mdc-list-option.mdc-list-item--with-leading-icon .mdc-list-item__content:before { width: 6.25rem; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: var(--mdc-list-list-item-one-line-container-height) !important; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: var(--mdc-list-list-item-two-line-container-height) !important; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__start, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__start { margin-top: 2.5rem !important; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-three-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-three-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-three-lines { height: var(--mdc-list-list-item-three-line-container-height) !important; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-three-lines .mdc-list-item__start, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-three-lines .mdc-list-item__start, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-three-lines .mdc-list-item__start { margin-top: 2.5rem !important; } .mat-mdc-list-option .mdc-checkbox, .mdc-list-item--with-leading-checkbox .mdc-list-item__start { margin: 0 !important; } :root mat-stepper { --mat-stepper-header-error-state-icon-background-color: transparent; --mat-stepper-header-focus-state-layer-shape: 0; --mat-stepper-header-hover-state-layer-shape: 0; --mat-stepper-container-color: transparent; --mat-stepper-line-color: var(--pxl-primary-tint-02); --mat-stepper-header-icon-background-color: transparent; --mat-stepper-header-icon-foreground-color: var(--pxl-primary-tint-05); --mat-stepper-header-label-text-color: var(--pxl-primary-tint-05); --mat-stepper-header-optional-label-text-color: var(--pxl-primary-tint-05); --mat-stepper-header-selected-state-icon-background-color: var(--pxl-action-tint-10); --mat-stepper-header-selected-state-icon-foreground-color: var(--pxl-action-tint-00); --mat-stepper-header-selected-state-label-text-color: var(--pxl-color-font); --mat-stepper-header-done-state-icon-background-color: var(--pxl-success-tint-00); --mat-stepper-header-done-state-icon-foreground-color: var(--pxl-success-tint-10); --mat-stepper-header-edit-state-icon-background-color: var(--pxl-action-tint-10); --mat-stepper-header-edit-state-icon-foreground-color: var(--pxl-action-tint-00); --mat-stepper-header-error-state-icon-foreground-color: var(--pxl-error-tint-08); --mat-stepper-header-error-state-label-text-color: var(--pxl-color-font); --mat-stepper-header-hover-state-layer-color: transparent; --mat-stepper-header-focus-state-layer-color: transparent; --mat-stepper-container-text-font: var(--pxl-font-family-primary); --mat-stepper-header-label-text-font: var(--pxl-font-family-primary); --mat-stepper-header-label-text-size: 2.5rem; --mat-stepper-header-label-text-weight: 300; --mat-stepper-header-error-state-label-text-size: 2.5rem; --mat-stepper-header-selected-state-label-text-size: 2.5rem; --mat-stepper-header-selected-state-label-text-weight: 300; --mat-stepper-header-height: 72px; } .mat-step-icon { border: solid 1px currentColor; font-size: 1.5rem; line-height: 1.375rem; } .mat-step-icon .mat-icon { font-size: 2rem !important; height: 2rem !important; width: 2rem !important; } .mat-step-text-label { font-size: 2rem; line-height: 2.25rem; font-weight: 300; } .mat-step-sub-label-error { color: var(--pxl-error-tint-08); } mat-step-header:has(.mat-step-icon-selected) .mat-step-optional, mat-step-header:has(.mat-step-icon-state-edit) .mat-step-optional, mat-step-header:has(.mat-step-icon-state-done) .mat-step-optional { display: none; } @media (prefers-color-scheme: light) { :root { --pxl-stepper-content-bg: #f5f6f9; } [data-theme=dark] { --pxl-stepper-content-bg: #1b1e2b; } } @media (prefers-color-scheme: dark) { :root { --pxl-stepper-content-bg: #1b1e2b; } [data-theme=light] { --pxl-stepper-content-bg: #f5f6f9; } } :root .mat-toolbar { --mat-toolbar-container-background-color: var(--pxl-primary-tint-01); --mat-toolbar-container-text-color: var(--pxl-primary-tint-10); --mat-toolbar-title-text-font: var(--pxl-font-family-primary); --mat-toolbar-title-text-size: 1.75rem; --mat-toolbar-title-text-weight: 400; --mat-toolbar-title-text-line-height: normal; --mat-toolbar-title-text-tracking: 0; --mat-toolbar-standard-height: 8rem; --mat-toolbar-mobile-height: auto; } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: var(--pxl-primary-tint-01) !important; --mat-toolbar-container-text-color: var(--pxl-primary-tint-10) !important; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: var(--pxl-error-tint-01) !important; --mat-toolbar-container-text-color: var(--pxl-error-tint-10) !important; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: var(--pxl-accent-tint-01) !important; --mat-toolbar-container-text-color: var(--pxl-accent-tint-10) !important; } .mat-toolbar .mat-mdc-button-base.mat-primary { --mdc-filled-button-label-text-color: var(--pxl-action-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-action-tint-00) !important; --mdc-text-button-label-text-color: var(--pxl-action-tint-10) !important; --mdc-outlined-button-label-text-color: var(--pxl-action-tint-10) !important; } .mat-toolbar .mat-mdc-button-base.mat-warn { --mdc-filled-button-label-text-color: var(--pxl-error-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-error-tint-00) !important; --mdc-text-button-label-text-color: var(--pxl-error-tint-10) !important; --mdc-outlined-button-label-text-color: var(--pxl-error-tint-10) !important; } .mat-toolbar .mat-mdc-button-base.mat-accent { --mdc-filled-button-label-text-color: var(--pxl-accent-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-accent-tint-00) !important; --mdc-text-button-label-text-color: var(--pxl-accent-tint-10) !important; --mdc-outlined-button-label-text-color: var(--pxl-accent-tint-10) !important; } .mat-toolbar .mat-mdc-button-base.mat-unthemed { --mdc-filled-button-label-text-color: var(--pxl-action-tint-00) !important; --mdc-protected-button-label-text-color: var(--pxl-action-tint-00) !important; --mdc-text-button-label-text-color: var(--pxl-action-tint-10) !important; --mdc-outlined-button-label-text-color: var(--pxl-action-tint-10) !important; } mat-toolbar, mat-toolbar-row { justify-content: space-between; display: flex; } mat-toolbar-row { width: 100%; justify-content: space-between; } :root .mat-tree { --mat-tree-container-background-color: transparent; --mat-tree-node-text-color: var(--pxl-color-font); --mat-tree-node-text-font: var(--pxl-font-family-primary); --mat-tree-node-text-size: 1.75rem; --mat-tree-node-text-weight: 400; --mat-tree-node-min-height: 3rem; } .pxl-grid, .k-grid, [data-theme=dark] .pxl-grid, [data-theme=dark] .k-grid, [data-theme=light] .pxl-grid, [data-theme=light] .k-grid { --pxl-grid-bg--selected: var(--pxl-secondary); @supports (color: color-mix(in lab, red, red)) { --pxl-grid-bg--selected: color-mix(in srgb, var(--pxl-secondary) 18%, transparent); } --pxl-checkbox-border-hover-color: var(--pxl-color-selected); } @media (prefers-color-scheme: light) { .pxl-grid, .k-grid { --pxl-grid-bg-hover: color-mix(in srgb, #1f1f1f 7%, transparent); --pxl-grid-secondary-text-color: var(--pxl-primary-tint-06); --pxl-grid-disabled-text-color: var(--pxl-primary-tint-03); --pxl-grid-tbody-border-color: color-mix(in srgb, #ececec 70%, transparent); --pxl-pager-text-color: var(--pxl-primary-tint-08); --pxl-pager-hover-background-color: var(--pxl-primary-tint-03); --pxl-checkbox-border-color: var(--pxl-primary-tint-05); --pxl-checkbox-border-focus-color: var(--pxl-color-selected); --pxl-checkbox-border-disabled-color: var(--pxl-primary-tint-06); } [data-theme=dark] .pxl-grid, [data-theme=dark] .k-grid { --pxl-grid-bg-hover: color-mix(in srgb, #ffffff 7%, transparent); --pxl-grid-secondary-text-color: var(--pxl-primary-tint-09); --pxl-grid-disabled-text-color: var(--pxl-primary-tint-03); --pxl-grid-tbody-border-color: color-mix(in srgb, #555555 30%, transparent); --pxl-pager-text-color: var(--pxl-primary-tint-02); --pxl-pager-hover-background-color: var(--pxl-primary-tint-08); --pxl-checkbox-border-color: var(--pxl-primary-tint-07); --pxl-checkbox-border-focus-color: var(--pxl-primary-tint-09); --pxl-checkbox-border-disabled-color: var(--pxl-primary-tint-05); } } @media (prefers-color-scheme: dark) { .pxl-grid, .k-grid { --pxl-grid-bg-hover: color-mix(in srgb, #ffffff 7%, transparent); --pxl-grid-secondary-text-color: var(--pxl-primary-tint-09); --pxl-grid-disabled-text-color: var(--pxl-primary-tint-03); --pxl-grid-tbody-border-color: color-mix(in srgb, #555555 30%, transparent); --pxl-pager-text-color: var(--pxl-primary-tint-02); --pxl-pager-hover-background-color: var(--pxl-primary-tint-08); --pxl-checkbox-border-color: var(--pxl-primary-tint-07); --pxl-checkbox-border-focus-color: var(--pxl-primary-tint-09); --pxl-checkbox-border-disabled-color: var(--pxl-primary-tint-05); } [data-theme=light] .pxl-grid, [data-theme=light] .k-grid { --pxl-grid-bg-hover: color-mix(in srgb, #1f1f1f 7%, transparent); --pxl-grid-secondary-text-color: var(--pxl-primary-tint-06); --pxl-grid-disabled-text-color: var(--pxl-primary-tint-03); --pxl-grid-tbody-border-color: color-mix(in srgb, #ececec 70%, transparent); --pxl-pager-text-color: var(--pxl-primary-tint-08); --pxl-pager-hover-background-color: var(--pxl-primary-tint-03); --pxl-checkbox-border-color: var(--pxl-primary-tint-05); --pxl-checkbox-border-focus-color: var(--pxl-color-selected); --pxl-checkbox-border-disabled-color: var(--pxl-primary-tint-06); } } .k-grid-pager { border-top: solid 1px var(--pxl-border-color) !important; } .pxl-grid__cell { display: flex; flex-direction: row; } .pxl-grid__cell--link { color: var(--pxl-color-link-text) !important; } .pxl-grid__cell--link:hover { color: var(--pxl-color-link-text-hover) !important; } .pxl-grid__cell--icon { display: inline-flex; align-items: center; justify-items: center; width: 2rem; padding-right: 1rem; } .pxl-grid__cell--status-pending .pxl-grid__cell--icon { color: var(--pxl-info); } .pxl-grid__cell--status-in-progress .pxl-grid__cell--icon { color: var(--pxl-warning); } .pxl-grid__cell--status-successful .pxl-grid__cell--icon { color: var(--pxl-success); } .pxl-grid__cell--status-failed .pxl-grid__cell--icon { color: var(--pxl-error); } .pxl-grid__cell--status-canceled .pxl-grid__cell--icon { color: var(--pxl-general); } .k-grid { --kendo-font-family: var(--pxl-font-family-primary) !important; } .k-grid tbody td, .k-grid tbody th { border-bottom-color: var(--pxl-grid-tbody-border-color) !important; } .k-grid { color: var(--pxl-color-font); background-color: var(--pxl-color-main-background); } .k-grid-header, .k-grid-content { background-color: var(--pxl-color-main-background); color: var(--pxl-grid-secondary-text-color); } .k-grid-header .k-link:hover, .k-grid-content .k-link:hover { color: var(--pxl-grid-secondary-text-color); } .k-grid tr.k-state-selected td { background-color: var(--pxl-grid-bg--selected) !important; } .k-grid tr.k-state-selected td:hover { background-color: var(--pxl-grid-bg--selected); } .k-grid button { color: var(--pxl-color-font); } kendo-grid .k-pager-wrap { background: transparent !important; } kendo-grid *:focus { outline: 0; box-shadow: inset 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .k-grid th, .k-grid td { padding: 1rem 2rem !important; } .k-grid-header-wrap .k-link span[aria-label=Sortable] { font-family: "Font Awesome 6 Pro" !important; speak: never; font-style: normal; font-weight: 900; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 1rem !important; font-size: 12px !important; } .k-grid-header-wrap .k-link span[aria-label=Sortable]:before { color: var(--pxl-grid-disabled-text-color); content: "\f0dc"; } .k-grid-header-wrap .k-link span[aria-label=Sortable].k-i-sort-asc-sm:before, .k-grid-header-wrap .k-link span[aria-label=Sortable].k-i-sort-asc-small:before { color: var(--pxl-color-selected); content: "\f0de"; } .k-grid-header-wrap .k-link span[aria-label=Sortable].k-i-sort-desc-sm:before, .k-grid-header-wrap .k-link span[aria-label=Sortable].k-i-sort-desc-small:before { color: var(--pxl-color-selected); content: "\f0dd"; } .k-pager-wrap { padding-top: 0; padding-bottom: 0; border-bottom: solid 1px var(--pxl-border-color); } .k-pager-numbers-wrap { padding-top: 1rem; padding-bottom: 1rem; } .k-pager-numbers-wrap .k-link { border-radius: 4px !important; color: var(--pxl-grid-secondary-text-color) !important; } .k-pager-numbers-wrap .k-link:focus { background-color: transparent; outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .k-pager-numbers-wrap .k-link.k-state-selected { background: var(--pxl-color-selected) !important; color: var(--pxl-color-white) !important; } .k-pager-nav.k-link { border-radius: 4px !important; color: var(--pxl-grid-secondary-text-color) !important; } .k-pager-nav.k-link:hover { background: var(--pxl-pager-hover-background-color); } .k-pager-nav.k-link:focus { background-color: transparent; color: var(--pxl-color-font) !important; outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .k-pager-nav.k-link.k-state-disabled { opacity: 1; color: var(--pxl-grid-disabled-text-color) !important; } .k-pager-nav.k-link.k-selected { background: var(--pxl-secondary); color: var(--pxl-color-main-background) !important; } .k-pager-info { color: var(--pxl-grid-secondary-text-color) !important; order: initial; padding-top: 1rem; padding-bottom: 1rem; } .k-pager-info + .k-pager-sizes { border-left: solid 1px var(--pxl-border-color); padding-left: 2.25rem; margin-left: 2.25rem; } .k-pager-sizes { padding-top: 1rem; padding-bottom: 1rem; color: var(--pxl-grid-secondary-text-color) !important; } kendo-pager-prev-buttons, kendo-pager-next-buttons { padding-top: 1rem; padding-bottom: 1rem; } .k-link:focus { outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .k-pager-sizes .k-dropdown, .k-pager-sizes > select { width: auto !important; } .k-checkbox { border-color: var(--pxl-checkbox-border-color); border-width: 1px; } .k-checkbox:focus { border-color: var(--pxl-checkbox-border-focus-color); border-width: 2px; outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .k-checkbox:hover { border-color: var(--pxl-checkbox-border-hover-color); } .k-checkbox:indeterminate:focus, .k-checkbox.k-state-indeterminate:focus, .k-checkbox.k-indeterminate:focus { outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; border-color: transparent; border-width: 1px; } .k-checkbox { background-image: none !important; } .k-checkbox:indeterminate:before, .k-checkbox.k-checked:before, .k-checkbox:checked:before { content: ""; position: absolute; left: calc(50% - 2px); top: calc(50% - 5px); transform: rotate(45deg); height: 8px; width: 4px; border-bottom: 2px solid var(--pxl-color-main-background); border-right: 2px solid var(--pxl-color-main-background); } .k-checkbox.k-indeterminate, .k-checkbox:indeterminate, .k-checkbox.k-checked, .k-checkbox:checked { border-color: var(--pxl-primary-tint-10); background-color: var(--pxl-primary-tint-10); } .k-checkbox.k-indeterminate:before, .k-checkbox:indeterminate:before { content: ""; transform: rotate(90deg); height: 8px; width: var(0px); border-bottom: 0; border-right: 2px solid var(--pxl-color-main-background); } tr.k-state-selected .k-checkbox:focus { outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; border-width: 1px; } .k-popup { border-color: rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04); } .k-dropdown-wrap { border-radius: 2px; color: var(--pxl-grid-secondary-text-color) !important; padding-left: 1rem !important; border: none !important; cursor: pointer; } .k-dropdown-wrap:hover { background-color: var(--pxl-input-hover-background) !important; } .k-dropdown-wrap:focus, .k-dropdown-wrap.k-state-focused { background-color: var(--pxl-input-focus-background) !important; } .k-dropdown-wrap .k-select .k-icon { color: var(--pxl-grid-secondary-text-color) !important; } .k-dropdown-wrap .k-input { background: transparent; border: none; align-items: center; font-size: 14px; color: var(--pxl-grid-secondary-text-color) !important; } .k-list-scroller .k-item { font-size: 1.75rem; background: var(--pxl-panel-background); color: var(--pxl-option-color); text-decoration: none; padding: 0.5rem 1rem; } .k-list-scroller .k-item:hover { color: var(--pxl-option-color); background: var(--pxl-option-background-hover) !important; } .k-list-scroller .k-item.k-state-focused { color: var(--pxl-option-color); background: var(--pxl-option-background-hover) !important; } .k-list-scroller .k-item.k-state-selected { color: var(--pxl-color-white) !important; background: var(--pxl-option-background-active) !important; } .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown, .k-pager-sizes .k-dropdownlist, .k-pager-sizes > select { width: 6rem; font-size: 14px; border: none; background: none; color: var(--pxl-secondary) !important; } .k-pager-sizes .k-dropdown-list .k-input-value-text, .k-pager-sizes .k-dropdown .k-input-value-text, .k-pager-sizes .k-dropdownlist .k-input-value-text, .k-pager-sizes > select .k-input-value-text { overflow: visible; } .k-pager-sizes .k-dropdown-list .k-input-value-text .k-input-inner, .k-pager-sizes .k-dropdown .k-input-value-text .k-input-inner, .k-pager-sizes .k-dropdownlist .k-input-value-text .k-input-inner, .k-pager-sizes > select .k-input-value-text .k-input-inner { padding: 0; text-align: center; } .k-input-md .k-input-inner, .k-picker-md .k-input-inner { padding: 0 1rem !important; } .k-picker { color: var(--pxl-secondary) !important; } .k-list-md .k-list-item, .k-list-md .k-list-optionlabel { font-size: 14px; padding: 1rem; color: var(--pxl-color-font); } .k-list-md .k-list-item:hover, .k-list-md .k-list-optionlabel:hover { background: var(--pxl-option-background-hover) !important; } .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel { background: var(--pxl-color-selected) !important; color: var(--pxl-color-white); } .k-popup, .k-list { color: var(--pxl-color-font); border-radius: 2px !important; background-color: var(--pxl-panel-background) !important; } .pxl-text-ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .k-toolbar { padding: 1rem 2rem; } .k-grid { border-color: var(--pxl-grid-tbody-border-color) !important; } .k-grid a { color: var(--pxl-action) !important; } .k-grid a:hover { color: var(--pxl-action-hover) !important; } .k-grid .k-grid-header, .k-grid .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid .k-grouping-header .k-group-indicator, .k-grid .k-grid td, .k-grid .k-grid-footer, .k-grid .k-grid-footer-wrap, .k-grid .k-grid-content-locked, .k-grid .k-grid-footer-locked, .k-grid .k-grid-header-locked, .k-grid .k-filter-row > td, .k-grid .k-filter-row > th { border-color: var(--pxl-grid-tbody-border-color) !important; } .k-grid th.k-sorted { color: var(--pxl-primary-tint-10) !important; } @media (prefers-color-scheme: dark) { col.k-sorted, th.k-sorted { background: rgba(255, 255, 255, 0.07) !important; } .k-grid table tr:not(.k-detail-row):hover, .k-grid table tr:not(.k-detail-row).k-state-hover, .k-grid table td.k-state-focused, .k-grid table th.k-state-focused, .k-grid table th:focus, .k-grid table .k-master-row > td:focus, .k-grid table .k-grouping-row > td:focus, .k-grid table .k-detail-row > td:focus, .k-grid table .k-group-footer > td:focus { background-color: rgba(255, 255, 255, 0.07) !important; } } .pxl-kendo-grid_table--no-borders { border-right: none !important; border-bottom: none !important; border-left: none !important; } .pxl-kendo-grid_table--no-borders .k-grid-content { background: transparent !important; border-right: none !important; border-bottom: none !important; border-left: none !important; border-radius: 0 0 4px 4px !important; } .pxl-kendo-grid_table--no-borders .k-grid-content table { border: none !important; border-width: 0 !important; border-radius: 0 0 4px 4px !important; } .pxl-kendo-grid_table--no-borders .k-grid-content table tbody { border: none !important; border-width: 0 !important; border-radius: 0 0 4px 4px !important; } .pxl-kendo-grid_table--no-borders .k-grid-content table tbody tr:last-child { border-radius: 0 0 4px 4px !important; border-bottom: none; } .pxl-kendo-grid_table--no-borders .k-grid-content table tbody tr:last-child td:first-child { border-radius: 0 0 0 4px !important; } .pxl-kendo-grid_table--no-borders .k-grid-content table tbody tr:last-child td:last-child { border-radius: 0 0 4px 0 !important; } .pxl-event-data-grid .k-grid tbody td { vertical-align: top !important; } .pxl-event-data-grid .k-grid tbody td > span:not([pxlskeletonloader]), .pxl-event-data-grid .k-grid tbody td > span[pxlskeletonloader] > span { display: inline-flex; padding-top: 0.75rem; } .pxl-event-data-grid .k-grid tbody td .pxl-tag-wrapper { padding-top: 1rem; } .pxl-event-data-grid .k-grid tbody td .pxl-tag-wrapper .pxl-empty-cell { padding-top: 0.25rem; } .pxl-sensitivity-icon { display: inline-flex; height: 2.75rem; width: 2.75rem; border-radius: 50%; margin-right: 2rem; align-content: center; text-align: center; color: var(--pxl-color-main-background); font-size: 0.75em; } .pxl-sensitivity-icon:before { position: relative; left: 50%; transform: translateX(-50%); line-height: 2.75rem; } .pxl-sensitivity-icon.pxl-highly-sensitive { background-color: var(--pxl-sensitivity-high) !important; } .pxl-sensitivity-icon.pxl-sensitive { background-color: var(--pxl-sensitivity-medium) !important; } .pxl-sensitivity-icon.pxl-not-sensitive { background-color: var(--pxl-sensitivity-non) !important; } .pxl-sensitivity-icon.pxl-indeterminate { background-color: var(--pxl-sensitivity-indeterminate) !important; } .pxl-sensitivity-icon.pxl-not-applicable { background-color: var(--pxl-sensitivity-not-applicable) !important; } .k-grid tbody td, .k-grid tbody th { color: var(--pxl-color-font); } .k-grid thead td, .k-grid thead th { color: var(--pxl-primary-tint-06); } .k-grid button, .k-grid .k-button { color: var(--pxl-primary-tint-06) !important; } .k-grid button:disabled, .k-grid .k-button:disabled { color: var(--pxl-primary-tint-03) !important; } .k-table-thead, .k-table-header, .k-table-group-sticky-header { color: var(--pxl-primary-tint-06) !important; background-color: transparent !important; } .k-grid-header { padding: 0px !important; } .k-grid-header .k-sort-icon, .k-grid-header .k-sort-order { color: var(--pxl-color-font) !important; } .k-grid-content { overflow-y: hidden !important; } .k-grid-pager.k-pager-wrap { border-color: inherit !important; } .pxl-grid-success { margin-right: 0.5rem; } .pxl-event-data-grid .k-grid tbody td { vertical-align: top !important; } .pxl-event-data-grid .k-grid tbody td > span:not([pxlskeletonloader]), .pxl-event-data-grid .k-grid tbody td > span[pxlskeletonloader] > span { display: inline-flex; padding-top: 0.75rem; } .pxl-event-data-grid .k-grid tbody td .pxl-tag-wrapper { padding-top: 1rem; } .pxl-event-data-grid .k-grid tbody td .pxl-tag-wrapper .pxl-empty-cell { padding-top: 0.25rem; } .pxl-event-data-grid .k-grid tbody td .pxl-sensitivity-icon { margin-top: 1.25rem; } .k-table-td.pxl-status-cell { position: relative !important; padding-left: 3.5rem !important; } .k-table-td.pxl-status-cell .pxl-status-active:before, .k-table-td.pxl-status-cell .pxl-status-inactive:before, .k-table-td.pxl-status-cell .pxl-status-orphaned:before, .k-table-td.pxl-status-cell .pxl-status-disabled:before { position: absolute; display: block; content: ""; top: 0; left: 0; height: calc(100% - 2px); width: 1.5rem; border: 1px solid transparent; } .k-table-td.pxl-status-cell .pxl-status-active:before { background: var(--pxl-success-tint-05); border-color: var(--pxl-success-tint-05); } .k-table-td.pxl-status-cell .pxl-status-inactive:before { background: var(--pxl-primary-tint-00); border-color: var(--pxl-primary-tint-02); } .k-table-td.pxl-status-cell .pxl-status-orphaned:before { background: var(--pxl-color-tag-3-tint-06); border-color: var(--pxl-color-tag-3-tint-06); } .k-table-td.pxl-status-cell .pxl-status-disabled:before { background: var(--pxl-error-tint-08); border-color: var(--pxl-error-tint-08); } .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown, .k-pager-numbers-wrap select.k-dropdownlist { cursor: pointer; display: none; } .k-tooltip { margin: 2rem 2.75rem !important; padding: 1rem 1.5rem !important; font-size: 14px; line-height: 1.5 !important; border-radius: 2px !important; background: var(--pxl-tooltip-background-primary); background-color: var(--pxl-tooltip-background-primary); color: var(--pxl-tooltip-color-primary); box-shadow: none !important; } .k-grid .mat-button-wrapper { pointer-events: none; } .k-grid td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 50px; } .k-grid-table { width: 100% !important; } .k-grid-header-wrap table { width: 100% !important; } .k-grid .check-box { padding-right: 0rem; padding-left: 0rem; position: relative; } .k-grid-content-locked { height: 100% !important; } .k-grid .k-grid-norecords:hover { background-color: transparent !important; } @keyframes rotate-center { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .pxl-icon-rotate-90 { transform: rotate(90deg); } .pxl-icon-rotate-180 { transform: rotate(180deg); } .pxl-icon-rotate-270 { transform: rotate(270deg); } .pxl-icon-flip-horizontal { transform: scale(-1, 1); } .pxl-icon-flip-vertical { transform: scale(1, -1); } .pxl-icon-flip-both { transform: scale(-1, -1); } .pxl-icon-flip-horizontal.pxl-icon-flip-vertical { transform: scale(-1, -1); } .pxl-icon-1x { font-size: 1em; } .pxl-icon-2x { font-size: 2em; } .pxl-icon-3x { font-size: 3em; } .pxl-icon-4x { font-size: 4em; } .pxl-icon-5x { font-size: 5em; } .pxl-icon-6x { font-size: 6em; } .pxl-icon-7x { font-size: 7em; } .pxl-icon-8x { font-size: 8em; } .pxl-icon-9x { font-size: 9em; } .pxl-icon-10x { font-size: 10em; } .pxl-icon-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .pxl-icon-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .pxl-icon-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .pxl-icon-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .pxl-icon-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .pxl-icon-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .pxl-icon-spin { animation: rotate-center 2s infinite linear; } @font-face { font-family: "pxl-icons"; src: url('pxl-icons.woff') format("woff"); font-weight: normal; font-style: normal; font-display: block; } [class^=pxl-icon-], [class*=" pxl-icon-"] { font-family: "pxl-icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pxl-icon-immuta:before { content: "\e995"; } .pxl-icon-detect:before { content: "\e9d2"; } .pxl-icon-discover:before { content: "\e9d3"; } .pxl-icon-secure:before { content: "\e9d4"; } .pxl-icon-markdown:before { content: "\e971"; } .pxl-icon-0:before { content: "\e95e"; } .pxl-icon-1:before { content: "\e95f"; } .pxl-icon-2:before { content: "\e960"; } .pxl-icon-3:before { content: "\e961"; } .pxl-icon-4:before { content: "\e962"; } .pxl-icon-5:before { content: "\e963"; } .pxl-icon-6:before { content: "\e964"; } .pxl-icon-7:before { content: "\e965"; } .pxl-icon-8:before { content: "\e966"; } .pxl-icon-9:before { content: "\e967"; } .pxl-icon-a:before { content: "\e996"; } .pxl-icon-area-chart:before { content: "\e9e9"; } .pxl-icon-arrow-down-to-line:before { content: "\e978"; } .pxl-icon-arrow-down:before { content: "\e997"; } .pxl-icon-arrow-left:before { content: "\e903"; } .pxl-icon-arrow-right:before { content: "\e904"; } .pxl-icon-arrow-rotate-right:before { content: "\e998"; } .pxl-icon-arrow-turn-down-left:before { content: "\e905"; } .pxl-icon-arrow-turn-down-right:before { content: "\e999"; } .pxl-icon-arrow-up-right-from-square:before { content: "\e906"; } .pxl-icon-arrow-up:before { content: "\e99a"; } .pxl-icon-arrows-from-line:before { content: "\e907"; } .pxl-icon-arrows-rotate:before { content: "\e908"; } .pxl-icon-arrows-rotate-exclamation:before { content: "\e902"; } .pxl-icon-b:before { content: "\e99b"; } .pxl-icon-backward-step:before { content: "\e909"; } .pxl-icon-bacon:before { content: "\e968"; } .pxl-icon-badge-check:before { content: "\e9bb"; } .pxl-icon-ban:before { content: "\e90a"; } .pxl-icon-bars-filter:before { content: "\e90b"; } .pxl-icon-bars-sort:before { content: "\e99c"; } .pxl-icon-bars:before { content: "\e90c"; } .pxl-icon-bell:before { content: "\e90d"; } .pxl-icon-bold:before { content: "\e99d"; } .pxl-icon-book-arrow-up:before { content: "\e979"; } .pxl-icon-bookmark:before { content: "\e99e"; } .pxl-icon-book-open-cover:before { content: "\e9db"; } .pxl-icon-border-all:before { content: "\e90e"; } .pxl-icon-bug:before { content: "\e99f"; } .pxl-icon-building-columns:before { content: "\e977"; } .pxl-icon-c:before { content: "\e9a0"; } .pxl-icon-calendar-check:before { content: "\e9a1"; } .pxl-icon-calendar-lines:before { content: "\e9a2"; } .pxl-icon-calendar-range:before { content: "\e969"; } .pxl-icon-calendar:before { content: "\e90f"; } .pxl-icon-candy:before { content: "\e96a"; } .pxl-icon-caret-down:before { content: "\e910"; } .pxl-icon-caret-left:before { content: "\e911"; } .pxl-icon-caret-right:before { content: "\e912"; } .pxl-icon-caret-up:before { content: "\e913"; } .pxl-icon-chart-column:before { content: "\e97b"; } .pxl-icon-chart-simple:before { content: "\e914"; } .pxl-icon-check-double:before { content: "\e915"; } .pxl-icon-check:before { content: "\e916"; } .pxl-icon-chevron-down:before { content: "\e917"; } .pxl-icon-chevron-left:before { content: "\e918"; } .pxl-icon-chevron-right:before { content: "\e919"; } .pxl-icon-chevron-up:before { content: "\e91a"; } .pxl-icon-chevrons-up:before { content: "\e97c"; } .pxl-icon-circle-3:before { content: "\e91b"; } .pxl-icon-circle-angles-up:before { content: "\e9e2"; } .pxl-icon-circle-angles-down:before { content: "\e9e3"; } .pxl-icon-circle-arrow-left:before { content: "\e91c"; } .pxl-icon-circle-arrow-right:before { content: "\e96b"; } .pxl-icon-circle-check:before { content: "\e91d"; } .pxl-icon-circle-chevron-up:before { content: "\e9e4"; } .pxl-icon-circle-chevron-down:before { content: "\e9e5"; } .pxl-icon-circle-dot:before { content: "\e91e"; } .pxl-icon-circle-exclamation:before { content: "\e97d"; } .pxl-icon-circle-exclamation-regular:before { content: "\e9d8"; } .pxl-icon-circle-half:before { content: "\e9ea"; } .pxl-icon-circle-half-stroke:before { content: "\e9e1"; } .pxl-icon-circle-info:before { content: "\e97e"; } .pxl-icon-circle-minus:before { content: "\e91f"; } .pxl-icon-circle-plus:before { content: "\e920"; } .pxl-icon-circle-question:before { content: "\e921"; } .pxl-icon-circle-xmark:before { content: "\e922"; } .pxl-icon-clipboard:before { content: "\e9a3"; } .pxl-icon-clock-five:before { content: "\e923"; } .pxl-icon-clock-three:before { content: "\e97f"; } .pxl-icon-code-simple:before { content: "\e9a4"; } .pxl-icon-code:before { content: "\e9a5"; } .pxl-icon-columns-3:before { content: "\e980"; } .pxl-icon-comment:before { content: "\e924"; } .pxl-icon-cookie:before { content: "\e96c"; } .pxl-icon-copy:before { content: "\e925"; } .pxl-icon-database:before { content: "\e926"; } .pxl-icon-dial-max:before { content: "\e9df"; } .pxl-icon-download:before { content: "\e981"; } .pxl-icon-ellipsis-vertical:before { content: "\e927"; } .pxl-icon-ellipsis:before { content: "\e928"; } .pxl-icon-envelope:before { content: "\e9a6"; } .pxl-icon-exclamation:before { content: "\e9d7"; } .pxl-icon-explosion:before { content: "\e9e0"; } .pxl-icon-eye-slash:before { content: "\e9a7"; } .pxl-icon-eye:before { content: "\e9a8"; } .pxl-icon-face-grin-beam:before { content: "\e96d"; } .pxl-icon-file:before { content: "\e9a9"; } .pxl-icon-fingerprint:before { content: "\e982"; } .pxl-icon-folder-closed:before { content: "\e929"; } .pxl-icon-folder:before { content: "\e92a"; } .pxl-icon-forward-step:before { content: "\e92b"; } .pxl-icon-gallery-thumbnails:before { content: "\e92c"; } .pxl-icon-gear:before { content: "\e92d"; } .pxl-icon-gif:before { content: "\e92e"; } .pxl-icon-globe:before { content: "\e9d9"; } .pxl-icon-grid-2:before { content: "\e92f"; } .pxl-icon-grid:before { content: "\e9aa"; } .pxl-icon-grip-lines:before { content: "\e930"; } .pxl-icon-hand-back-point-up:before { content: "\e931"; } .pxl-icon-heading:before { content: "\e932"; } .pxl-icon-highlighter-line:before { content: "\e933"; } .pxl-icon-ice-cream:before { content: "\e96e"; } .pxl-icon-image-polaroid-user:before { content: "\e983"; } .pxl-icon-image:before { content: "\e9ab"; } .pxl-icon-inbox-in:before { content: "\e984"; } .pxl-icon-inbox-out:before { content: "\e985"; } .pxl-icon-inbox:before { content: "\e9ac"; } .pxl-icon-input-pipe:before { content: "\e934"; } .pxl-icon-input-text:before { content: "\e935"; } .pxl-icon-italic:before { content: "\e9ad"; } .pxl-icon-key:before { content: "\e936"; } .pxl-icon-keyboard:before { content: "\e9ae"; } .pxl-icon-layer-group:before { content: "\e937"; } .pxl-icon-link-simple-slash:before { content: "\e9cd"; } .pxl-icon-link-simple:before { content: "\e9af"; } .pxl-icon-link-slash:before { content: "\e9ce"; } .pxl-icon-link:before { content: "\e9cf"; } .pxl-icon-list-check:before { content: "\e938"; } .pxl-icon-list-dropdown:before { content: "\e939"; } .pxl-icon-list-ol:before { content: "\e9b0"; } .pxl-icon-list:before { content: "\e93a"; } .pxl-icon-lock:before { content: "\e93b"; } .pxl-icon-magnifying-glass:before { content: "\e93c"; } .pxl-icon-search:before { content: "\e93c"; } .pxl-icon-memo-pad:before { content: "\e93d"; } .pxl-icon-message-lines:before { content: "\e93e"; } .pxl-icon-minus:before { content: "\e93f"; } .pxl-icon-moon:before { content: "\e9e8"; } .pxl-icon-moon-over-sun:before { content: "\e9e6"; } .pxl-icon-note:before { content: "\e96f"; } .pxl-icon-palette:before { content: "\e940"; } .pxl-icon-paste:before { content: "\e9b1"; } .pxl-icon-pen-field:before { content: "\e9da"; } .pxl-icon-pen-to-square:before { content: "\e941"; } .pxl-icon-pencil:before { content: "\e970"; } .pxl-icon-pizza:before { content: "\e986"; } .pxl-icon-play:before { content: "\e973"; } .pxl-icon-plug:before { content: "\e9dc"; } .pxl-icon-plug-circle-bolt:before { content: "\e9dd"; } .pxl-icon-plus-large:before { content: "\e942"; } .pxl-icon-plus:before { content: "\e987"; } .pxl-icon-potato:before { content: "\e973"; } .pxl-icon-question:before { content: "\e988"; } .pxl-icon-quote-left:before { content: "\e9bc"; } .pxl-icon-quote-right:before { content: "\e9b3"; } .pxl-icon-rectangle-terminal:before { content: "\e943"; } .pxl-icon-rectangle-xmark:before { content: "\e944"; } .pxl-icon-rhombus:before { content: "\e901"; } .pxl-icon-rhombus-exclamation:before { content: "\e900"; } .pxl-icon-satellite-dish:before { content: "\e945"; } .pxl-icon-seal-exclamation:before { content: "\e989"; } .pxl-icon-server:before { content: "\e946"; } .pxl-icon-share-nodes:before { content: "\e974"; } .pxl-icon-shield-check:before { content: "\e98a"; } .pxl-icon-shield-halved:before { content: "\e98b"; } .pxl-icon-shield:before { content: "\e947"; } .pxl-icon-shoe-prints:before { content: "\e948"; } .pxl-icon-sidebar-flip:before { content: "\e949"; } .pxl-icon-sitemap:before { content: "\e9d0"; } .pxl-icon-skull:before { content: "\e94a"; } .pxl-icon-sort-down:before { content: "\e94b"; } .pxl-icon-sort-up:before { content: "\e94c"; } .pxl-icon-sort:before { content: "\e94d"; } .pxl-icon-spinner:before { content: "\e9d6"; } .pxl-icon-spinner-third:before { content: "\e9d5"; } .pxl-icon-square-arrow-left:before { content: "\e94e"; } .pxl-icon-square-arrow-right:before { content: "\e94f"; } .pxl-icon-square-check:before { content: "\e950"; } .pxl-icon-square-minus:before { content: "\e975"; } .pxl-icon-square-poll:before { content: "\e951"; } .pxl-icon-square-user:before { content: "\e9b4"; } .pxl-icon-star-christmas:before { content: "\e98d"; } .pxl-icon-star:before { content: "\e952"; } .pxl-icon-sun-bright:before { content: "\e9e7"; } .pxl-icon-table-cells-large:before { content: "\e953"; } .pxl-icon-tag:before { content: "\e954"; } .pxl-icon-tags:before { content: "\e955"; } .pxl-icon-telescope:before { content: "\e9de"; } .pxl-icon-text-size:before { content: "\e9b5"; } .pxl-icon-text:before { content: "\e956"; } .pxl-icon-thumbs-up:before { content: "\e976"; } .pxl-icon-timeline:before { content: "\e98e"; } .pxl-icon-toggle-off:before { content: "\e957"; } .pxl-icon-trash-slash:before { content: "\e9d1"; } .pxl-icon-trash:before { content: "\e977"; } .pxl-icon-tree:before { content: "\e958"; } .pxl-icon-triangle-exclamation:before { content: "\e959"; } .pxl-icon-user-group-crown:before { content: "\e9b6"; } .pxl-icon-user-group:before { content: "\e9b7"; } .pxl-icon-user-large:before { content: "\e95a"; } .pxl-icon-user-plus:before { content: "\e9bc"; } .pxl-icon-users-plus:before { content: "\e9bd"; } .pxl-icon-users:before { content: "\e95b"; } .pxl-icon-window-restore:before { content: "\e95c"; } .pxl-icon-x:before { content: "\e9b8"; } .pxl-icon-xmark:before { content: "\e95d"; } .pxl-icon-close:before { content: "\e95d"; } .pxl-icon-y:before { content: "\e9b9"; } .pxl-icon-z:before { content: "\e9ba"; } .pxl-icon-circle-concentric:before { content: "\e9ca"; } .pxl-icon-circle-outline:before { content: "\e9cb"; } .pxl-icon-circle:before { content: "\e9cc"; } .pxl-icon-low-priority:before { content: "\e9be"; } .pxl-icon-fact-check:before { content: "\e9bf"; } .pxl-icon-dynamic-form:before { content: "\e9c0"; } .pxl-icon-track-changes:before { content: "\e9c1"; } .pxl-icon-settings-remote:before { content: "\e9c2"; } .pxl-icon-playlist-plus-check:before { content: "\e9c3"; } .pxl-icon-dynamic-feed:before { content: "\e9c4"; } .pxl-icon-table-chart:before { content: "\e9c5"; } .pxl-icon-tune:before { content: "\e9c6"; } .pxl-icon-settings-backup-restore:before { content: "\e9c7"; } .pxl-icon-contacts:before { content: "\e9c8"; } .pxl-icon-recent-actors:before { content: "\e9c9"; } .pxl-icon-clear-all:before { content: "\e98f"; } .pxl-icon-vertical-split:before { content: "\e990"; } .pxl-icon-view-carousel:before { content: "\e991"; } .pxl-icon-lightbulb-outline:before { content: "\e992"; } .pxl-icon-all-out:before { content: "\e993"; } .pxl-icon-unfold-more:before { content: "\e994"; } .pxl-helper-icon { font-size: 12px; margin-left: 1rem !important; } [class^=pxl-icon-].mat-error, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-error { color: var(--pxl-error-tint-10) !important; } [class^=pxl-icon-].mat-secondary, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-secondary { color: var(--pxl-secondary-tint-10) !important; } [class^=pxl-icon-].mat-success, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-success { color: var(--pxl-success-tint-10) !important; } [class^=pxl-icon-].mat-action, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-action { color: var(--pxl-action-tint-10) !important; } [class^=pxl-icon-].mat-general, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-general { color: var(--pxl-general-tint-10) !important; } [class^=pxl-icon-].mat-tertiary, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-tertiary { color: var(--pxl-tertiary-tint-10) !important; } [class^=pxl-icon-].mat-info, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-info { color: var(--pxl-info-tint-10) !important; } [class^=pxl-icon-].mat-warning, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-warning { color: var(--pxl-warning-tint-10) !important; } [class^=pxl-icon-].mat-brand, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-brand { color: var(--pxl-secondary-tint-10) !important; } [class^=pxl-icon-].mat-brand-accent, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-brand-accent { color: var(--pxl-secondary-tint-10) !important; } [class^=pxl-icon-].mat-error, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-error { color: var(--pxl-error-tint-10) !important; } [class^=pxl-icon-].mat-secondary, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-secondary { color: var(--pxl-secondary-tint-10) !important; } [class^=pxl-icon-].mat-success, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-success { color: var(--pxl-success-tint-10) !important; } [class^=pxl-icon-].mat-action, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-action { color: var(--pxl-action-tint-10) !important; } [class^=pxl-icon-].mat-general, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-general { color: var(--pxl-general-tint-10) !important; } [class^=pxl-icon-].mat-tertiary, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-tertiary { color: var(--pxl-tertiary-tint-10) !important; } [class^=pxl-icon-].mat-info, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-info { color: var(--pxl-info-tint-10) !important; } [class^=pxl-icon-].mat-warning, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-warning { color: var(--pxl-warning-tint-10) !important; } [class^=pxl-icon-].mat-brand, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-brand { color: var(--pxl-secondary-tint-10) !important; } [class^=pxl-icon-].mat-brand-accent, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-brand-accent { color: var(--pxl-secondary-tint-10) !important; } [class^=pxl-icon-].mat-error, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-error { color: var(--pxl-error-tint-10) !important; } [class^=pxl-icon-].mat-secondary, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-secondary { color: var(--pxl-secondary-tint-10) !important; } [class^=pxl-icon-].mat-success, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-success { color: var(--pxl-success-tint-10) !important; } [class^=pxl-icon-].mat-action, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-action { color: var(--pxl-action-tint-10) !important; } [class^=pxl-icon-].mat-general, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-general { color: var(--pxl-general-tint-10) !important; } [class^=pxl-icon-].mat-tertiary, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-tertiary { color: var(--pxl-tertiary-tint-10) !important; } [class^=pxl-icon-].mat-info, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-info { color: var(--pxl-info-tint-10) !important; } [class^=pxl-icon-].mat-warning, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-warning { color: var(--pxl-warning-tint-10) !important; } [class^=pxl-icon-].mat-brand, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-brand { color: var(--pxl-secondary-tint-10) !important; } [class^=pxl-icon-].mat-brand-accent, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-brand-accent { color: var(--pxl-secondary-tint-10) !important; } [class^=pxl-icon-].mat-sensitivity-high, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-sensitivity-high { color: var(--pxl-sensitivity-high) !important; } [class^=pxl-icon-].mat-sensitivity-medium, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-sensitivity-medium { color: var(--pxl-sensitivity-medium) !important; } [class^=pxl-icon-].mat-sensitivity-low, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-sensitivity-low { color: var(--pxl-sensitivity-low) !important; } [class^=pxl-icon-].mat-sensitivity-not-applicable, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-sensitivity-not-applicable { color: var(--pxl-sensitivity-not-applicable) !important; } [class^=pxl-icon-].mat-sensitivity-indeterminate, .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary.mat-sensitivity-indeterminate { color: var(--pxl-sensitivity-indeterminate) !important; } .pxl-bg-default { background-color: var(--pxl-color-main-background) !important; } .pxl-bg-primary { background-color: #1f1f1f !important; } .pxl-bg-accent { background-color: var(--pxl-primary-tint-05) !important; } .pxl-bg-body { background-color: var(--pxl-color-main-background) !important; } .pxl-bg-inverse { background-color: var(--pxl-primary-tint-10) !important; } .pxl-bg-transparent { background-color: transparent !important; } .pxl-bg-success { background-color: var(--pxl-success-bg) !important; } .pxl-bg-error { background-color: var(--pxl-error-bg) !important; } .pxl-bg-warn { background-color: var(--pxl-warning-bg) !important; } .pxl-bg-info { background-color: var(--pxl-info-bg) !important; } .pxl-bg-general { background-color: var(--pxl-general-bg) !important; } .pxl-border { border: 1px solid var(--pxl-color-default-border) !important; } .pxl-border-0 { border: 0 !important; } .pxl-border-top { border-top: 1px solid var(--pxl-color-default-border) !important; } .pxl-border-top-0 { border-top: 0 !important; } .pxl-border-end { border-right: 1px solid var(--pxl-color-default-border) !important; } .pxl-border-end-0 { border-right: 0 !important; } .pxl-border-bottom { border-bottom: 1px solid var(--pxl-color-default-border) !important; } .pxl-border-bottom-0 { border-bottom: 0 !important; } .pxl-border-start { border-left: 1px solid var(--pxl-color-default-border) !important; } .pxl-border-start-0 { border-left: 0 !important; } .pxl-border-1 { border-width: 1px !important; } .pxl-border-2 { border-width: 2px !important; } .pxl-border-3 { border-width: 3px !important; } .pxl-border-4 { border-width: 4px !important; } .pxl-border-5 { border-width: 5px !important; } .pxl-border { border-color: var(--pxl-color-default-border) !important; } .pxl-border-primary { border-color: #1f1f1f !important; } .pxl-border-accent { border-color: var(--pxl-accent) !important; } .pxl-border-body { border-color: var(--pxl-color-font) !important; } .pxl-border-inverse { border-color: var(--pxl-primary-tint-07) !important; } .pxl-border-transparent { border-color: transparent !important; } .pxl-border-success { border-color: var(--pxl-success) !important; } .pxl-border-error { border-color: var(--pxl-error) !important; } .pxl-border-warn { border-color: var(--pxl-warning) !important; } .pxl-border-info { border-color: var(--pxl-info) !important; } .pxl-border-general { border-color: var(--pxl-general) !important; } .pxl-rounded { border-radius: 2px !important; } .pxl-rounded-none { border-radius: 0 !important; } .pxl-rounded-small { border-radius: 2px !important; } .pxl-rounded-medium { border-radius: 4px !important; } .pxl-rounded-large { border-radius: 8px !important; } .pxl-rounded-circle { border-radius: 50% !important; } .pxl-rounded-pill { border-radius: 50rem !important; } .pxl-rounded-top { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; } .pxl-rounded-top-none { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .pxl-rounded-top-small { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; } .pxl-rounded-top-medium { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .pxl-rounded-top-large { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .pxl-rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .pxl-rounded-top-pill { border-top-left-radius: 50rem !important; border-top-right-radius: 50rem !important; } .pxl-rounded-end { border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; } .pxl-rounded-end-none { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .pxl-rounded-end-small { border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; } .pxl-rounded-end-medium { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .pxl-rounded-end-large { border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } .pxl-rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .pxl-rounded-end-pill { border-top-right-radius: 50rem !important; border-bottom-right-radius: 50rem !important; } .pxl-rounded-bottom { border-bottom-right-radius: 2px !important; border-bottom-left-radius: 2px !important; } .pxl-rounded-bottom-none { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .pxl-rounded-bottom-small { border-bottom-right-radius: 2px !important; border-bottom-left-radius: 2px !important; } .pxl-rounded-bottom-medium { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .pxl-rounded-bottom-large { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; } .pxl-rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .pxl-rounded-bottom-pill { border-bottom-right-radius: 50rem !important; border-bottom-left-radius: 50rem !important; } .pxl-rounded-start { border-bottom-left-radius: 2px !important; border-top-left-radius: 2px !important; } .pxl-rounded-start-none { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .pxl-rounded-start-small { border-bottom-left-radius: 2px !important; border-top-left-radius: 2px !important; } .pxl-rounded-start-medium { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; } .pxl-rounded-start-large { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; } .pxl-rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .pxl-rounded-start-pill { border-bottom-left-radius: 50rem !important; border-top-left-radius: 50rem !important; } .pxl-text-default { color: var(--pxl-color-font) !important; } .pxl-text-dark { color: var(--pxl-primary-tint-10) !important; } .pxl-text-light { color: var(--pxl-primary-tint-05) !important; } .pxl-text-primary { color: #1f1f1f !important; } .pxl-text-accent { color: var(--pxl-accent) !important; } .pxl-text-body { color: var(--pxl-color-font) !important; } .pxl-text-inverse { color: var(--pxl-color-main-background) !important; } .pxl-text-transparent { color: transparent !important; } .pxl-text-success { color: var(--pxl-success) !important; } .pxl-text-error { color: var(--pxl-error) !important; } .pxl-text-warn { color: var(--pxl-warning) !important; } .pxl-text-info { color: var(--pxl-info) !important; } .pxl-text-general { color: var(--pxl-general) !important; } .pxl-text-action { color: var(--pxl-action) !important; } .pxl-text-tag-3 { color: var(--pxl-color-tag-3) !important; } .pxl-text-tag-5 { color: var(--pxl-color-tag-5) !important; } .pxl-text-tag-7 { color: var(--pxl-color-tag-7) !important; } .pxl-text-tag-9 { color: var(--pxl-color-tag-9) !important; } .pxl-text-tag-11 { color: var(--pxl-color-tag-11) !important; } .pxl-d-inline { display: inline !important; } .pxl-d-inline-block { display: inline-block !important; } .pxl-d-block { display: block !important; } .pxl-d-grid { display: grid !important; } .pxl-d-table { display: table !important; } .pxl-d-table-row { display: table-row !important; } .pxl-d-table-cell { display: table-cell !important; } .pxl-d-flex { display: flex !important; } .pxl-d-inline-flex { display: inline-flex !important; } .pxl-d-none { display: none !important; } .pxl-flex-fill { flex: 1 1 auto !important; } .pxl-flex-row { flex-direction: row !important; } .pxl-flex-column { flex-direction: column !important; } .pxl-flex-row-reverse { flex-direction: row-reverse !important; } .pxl-flex-column-reverse { flex-direction: column-reverse !important; } .pxl-flex-grow-0 { flex-grow: 0 !important; } .pxl-flex-grow-1 { flex-grow: 1 !important; } .pxl-flex-shrink-0 { flex-shrink: 0 !important; } .pxl-flex-shrink-1 { flex-shrink: 1 !important; } .pxl-flex-wrap { flex-wrap: wrap !important; } .pxl-flex-nowrap { flex-wrap: nowrap !important; } .pxl-flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .pxl-gap { gap: 2.25rem !important; } .pxl-gap-0 { gap: 0 !important; } .pxl-gap-1 { gap: 0.5625rem !important; } .pxl-gap-2 { gap: 1.125rem !important; } .pxl-gap-3 { gap: 2.25rem !important; } .pxl-gap-4 { gap: 3.375rem !important; } .pxl-gap-5 { gap: 6.75rem !important; } .pxl-justify-content-start { justify-content: flex-start !important; } .pxl-justify-content-end { justify-content: flex-end !important; } .pxl-justify-content-center { justify-content: center !important; } .pxl-justify-content-between { justify-content: space-between !important; } .pxl-justify-content-around { justify-content: space-around !important; } .pxl-justify-content-evenly { justify-content: space-evenly !important; } .pxl-align-items-start { align-items: flex-start !important; } .pxl-align-items-end { align-items: flex-end !important; } .pxl-align-items-center { align-items: center !important; } .pxl-align-items-baseline { align-items: baseline !important; } .pxl-align-items-stretch { align-items: stretch !important; } .pxl-align-content-start { align-content: flex-start !important; } .pxl-align-content-end { align-content: flex-end !important; } .pxl-align-content-center { align-content: center !important; } .pxl-align-content-between { align-content: space-between !important; } .pxl-align-content-around { align-content: space-around !important; } .pxl-align-content-stretch { align-content: stretch !important; } .pxl-align-self-auto { align-self: auto !important; } .pxl-align-self-start { align-self: flex-start !important; } .pxl-align-self-end { align-self: flex-end !important; } .pxl-align-self-center { align-self: center !important; } .pxl-align-self-baseline { align-self: baseline !important; } .pxl-align-self-stretch { align-self: stretch !important; } .pxl-order-first { order: -1 !important; } .pxl-order-0 { order: 0 !important; } .pxl-order-1 { order: 1 !important; } .pxl-order-2 { order: 2 !important; } .pxl-order-3 { order: 3 !important; } .pxl-order-4 { order: 4 !important; } .pxl-order-5 { order: 5 !important; } .pxl-order-last { order: 6 !important; } .pxl-top-0 { top: 0 !important; } .pxl-top-50 { top: 50% !important; } .pxl-top-100 { top: 100% !important; } .pxl-bottom-0 { bottom: 0 !important; } .pxl-bottom-50 { bottom: 50% !important; } .pxl-bottom-100 { bottom: 100% !important; } .pxl-start-0 { left: 0 !important; } .pxl-start-50 { left: 50% !important; } .pxl-start-100 { left: 100% !important; } .pxl-end-0 { right: 0 !important; } .pxl-end-50 { right: 50% !important; } .pxl-end-100 { right: 100% !important; } .pxl-translate-middle { transform: translate(-50%, -50%) !important; } .pxl-translate-middle-x { transform: translateX(-50%) !important; } .pxl-translate-middle-y { transform: translateY(-50%) !important; } .pxl-w-25 { width: 25% !important; } .pxl-w-50 { width: 50% !important; } .pxl-w-75 { width: 75% !important; } .pxl-w-100 { width: 100% !important; } .pxl-w-auto { width: auto !important; } .pxl-mw-100 { max-width: 100% !important; } .pxl-vw-100 { width: 100vw !important; } .pxl-min-vw-100 { min-width: 100vw !important; } .pxl-h-25 { height: 25% !important; } .pxl-h-50 { height: 50% !important; } .pxl-h-75 { height: 75% !important; } .pxl-h-100 { height: 100% !important; } .pxl-h-auto { height: auto !important; } .pxl-mh-100 { max-height: 100% !important; } .pxl-vh-100 { height: 100vh !important; } .pxl-min-vh-100 { min-height: 100vh !important; } .pxl-m { margin: 2.25rem !important; } .pxl-m-0 { margin: 0 !important; } .pxl-m-1 { margin: 0.5625rem !important; } .pxl-m-2 { margin: 1.125rem !important; } .pxl-m-3 { margin: 2.25rem !important; } .pxl-m-4 { margin: 3.375rem !important; } .pxl-m-5 { margin: 6.75rem !important; } .pxl-m-auto { margin: auto !important; } .pxl-mx { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .pxl-mx-1 { margin-right: 0.5625rem !important; margin-left: 0.5625rem !important; } .pxl-mx-2 { margin-right: 1.125rem !important; margin-left: 1.125rem !important; } .pxl-mx-3 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-4 { margin-right: 3.375rem !important; margin-left: 3.375rem !important; } .pxl-mx-5 { margin-right: 6.75rem !important; margin-left: 6.75rem !important; } .pxl-mx-auto { margin-right: auto !important; margin-left: auto !important; } .pxl-my { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .pxl-my-1 { margin-top: 0.5625rem !important; margin-bottom: 0.5625rem !important; } .pxl-my-2 { margin-top: 1.125rem !important; margin-bottom: 1.125rem !important; } .pxl-my-3 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-4 { margin-top: 3.375rem !important; margin-bottom: 3.375rem !important; } .pxl-my-5 { margin-top: 6.75rem !important; margin-bottom: 6.75rem !important; } .pxl-my-auto { margin-top: auto !important; margin-bottom: auto !important; } .pxl-mt { margin-top: 2.25rem !important; } .pxl-mt-0 { margin-top: 0 !important; } .pxl-mt-1 { margin-top: 0.5625rem !important; } .pxl-mt-2 { margin-top: 1.125rem !important; } .pxl-mt-3 { margin-top: 2.25rem !important; } .pxl-mt-4 { margin-top: 3.375rem !important; } .pxl-mt-5 { margin-top: 6.75rem !important; } .pxl-mt-auto { margin-top: auto !important; } .pxl-me { margin-right: 2.25rem !important; } .pxl-me-0 { margin-right: 0 !important; } .pxl-me-1 { margin-right: 0.5625rem !important; } .pxl-me-2 { margin-right: 1.125rem !important; } .pxl-me-3 { margin-right: 2.25rem !important; } .pxl-me-4 { margin-right: 3.375rem !important; } .pxl-me-5 { margin-right: 6.75rem !important; } .pxl-me-auto { margin-right: auto !important; } .pxl-mb { margin-bottom: 2.25rem !important; } .pxl-mb-0 { margin-bottom: 0 !important; } .pxl-mb-1 { margin-bottom: 0.5625rem !important; } .pxl-mb-2 { margin-bottom: 1.125rem !important; } .pxl-mb-3 { margin-bottom: 2.25rem !important; } .pxl-mb-4 { margin-bottom: 3.375rem !important; } .pxl-mb-5 { margin-bottom: 6.75rem !important; } .pxl-mb-auto { margin-bottom: auto !important; } .pxl-ms { margin-left: 2.25rem !important; } .pxl-ms-0 { margin-left: 0 !important; } .pxl-ms-1 { margin-left: 0.5625rem !important; } .pxl-ms-2 { margin-left: 1.125rem !important; } .pxl-ms-3 { margin-left: 2.25rem !important; } .pxl-ms-4 { margin-left: 3.375rem !important; } .pxl-ms-5 { margin-left: 6.75rem !important; } .pxl-ms-auto { margin-left: auto !important; } .pxl-p { padding: 2.25rem !important; } .pxl-p-0 { padding: 0 !important; } .pxl-p-1 { padding: 0.5625rem !important; } .pxl-p-2 { padding: 1.125rem !important; } .pxl-p-3 { padding: 2.25rem !important; } .pxl-p-4 { padding: 3.375rem !important; } .pxl-p-5 { padding: 6.75rem !important; } .pxl-px { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-0 { padding-right: 0 !important; padding-left: 0 !important; } .pxl-px-1 { padding-right: 0.5625rem !important; padding-left: 0.5625rem !important; } .pxl-px-2 { padding-right: 1.125rem !important; padding-left: 1.125rem !important; } .pxl-px-3 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-4 { padding-right: 3.375rem !important; padding-left: 3.375rem !important; } .pxl-px-5 { padding-right: 6.75rem !important; padding-left: 6.75rem !important; } .pxl-py { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pxl-py-1 { padding-top: 0.5625rem !important; padding-bottom: 0.5625rem !important; } .pxl-py-2 { padding-top: 1.125rem !important; padding-bottom: 1.125rem !important; } .pxl-py-3 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-4 { padding-top: 3.375rem !important; padding-bottom: 3.375rem !important; } .pxl-py-5 { padding-top: 6.75rem !important; padding-bottom: 6.75rem !important; } .pxl-pt { padding-top: 2.25rem !important; } .pxl-pt-0 { padding-top: 0 !important; } .pxl-pt-1 { padding-top: 0.5625rem !important; } .pxl-pt-2 { padding-top: 1.125rem !important; } .pxl-pt-3 { padding-top: 2.25rem !important; } .pxl-pt-4 { padding-top: 3.375rem !important; } .pxl-pt-5 { padding-top: 6.75rem !important; } .pxl-pe { padding-right: 2.25rem !important; } .pxl-pe-0 { padding-right: 0 !important; } .pxl-pe-1 { padding-right: 0.5625rem !important; } .pxl-pe-2 { padding-right: 1.125rem !important; } .pxl-pe-3 { padding-right: 2.25rem !important; } .pxl-pe-4 { padding-right: 3.375rem !important; } .pxl-pe-5 { padding-right: 6.75rem !important; } .pxl-pb { padding-bottom: 2.25rem !important; } .pxl-pb-0 { padding-bottom: 0 !important; } .pxl-pb-1 { padding-bottom: 0.5625rem !important; } .pxl-pb-2 { padding-bottom: 1.125rem !important; } .pxl-pb-3 { padding-bottom: 2.25rem !important; } .pxl-pb-4 { padding-bottom: 3.375rem !important; } .pxl-pb-5 { padding-bottom: 6.75rem !important; } .pxl-ps { padding-left: 2.25rem !important; } .pxl-ps-0 { padding-left: 0 !important; } .pxl-ps-1 { padding-left: 0.5625rem !important; } .pxl-ps-2 { padding-left: 1.125rem !important; } .pxl-ps-3 { padding-left: 2.25rem !important; } .pxl-ps-4 { padding-left: 3.375rem !important; } .pxl-ps-5 { padding-left: 6.75rem !important; } .pxl-font-monospace { font-family: "Roboto Mono", monospace !important; } .pxl-fs-xsmall { font-size: 1.25rem !important; } .pxl-fs-small { font-size: 1.5rem !important; } .pxl-fs-body { font-size: 1.75rem !important; } .pxl-fs-normal { font-size: 2rem !important; } .pxl-fs-medium { font-size: 2.5rem !important; } .pxl-fs-large { font-size: 3rem !important; } .pxl-fs-xlarge { font-size: 3.5rem !important; } .pxl-fs-xxlarge { font-size: 4rem !important; } .pxl-fs-xxxlarge { font-size: 5rem !important; } .pxl-fst-italic { font-style: italic !important; } .pxl-fst-normal { font-style: normal !important; } .pxl-fw-light { font-weight: 300 !important; } .pxl-fw-lighter { font-weight: lighter !important; } .pxl-fw-normal { font-weight: 400 !important; } .pxl-fw-bold { font-weight: 600 !important; } .pxl-fw-bolder { font-weight: bolder !important; } .pxl-lh-normal { line-height: normal !important; } .pxl-lh-1 { line-height: 1 !important; } .pxl-lh-sm { line-height: 1.25 !important; } .pxl-lh-base { line-height: 1.5 !important; } .pxl-lh-lg { line-height: 2 !important; } .pxl-text-start { text-align: left !important; } .pxl-text-end { text-align: right !important; } .pxl-text-center { text-align: center !important; } .pxl-text-decoration-none { text-decoration: none !important; } .pxl-text-decoration-underline { text-decoration: underline !important; } .pxl-text-decoration-line-through { text-decoration: line-through !important; } .pxl-text-lowercase { text-transform: lowercase !important; } .pxl-text-uppercase { text-transform: uppercase !important; } .pxl-text-capitalize { text-transform: capitalize !important; } .pxl-text-wrap { white-space: normal !important; } .pxl-text-nowrap { white-space: nowrap !important; } .pxl-text-break { word-wrap: break-word !important; word-break: break-word !important; } .pxl-align-baseline { vertical-align: baseline !important; } .pxl-align-top { vertical-align: top !important; } .pxl-align-middle { vertical-align: middle !important; } .pxl-align-bottom { vertical-align: bottom !important; } .pxl-align-text-bottom { vertical-align: text-bottom !important; } .pxl-align-text-top { vertical-align: text-top !important; } .pxl-visible { visibility: visible !important; } .pxl-invisible { visibility: hidden !important; } .pxl-overflow-auto { overflow: auto !important; } .pxl-overflow-hidden { overflow: hidden !important; } .pxl-overflow-visible { overflow: visible !important; } .pxl-overflow-scroll { overflow: scroll !important; } .pxl-position-static { position: static !important; } .pxl-position-relative { position: relative !important; } .pxl-position-absolute { position: absolute !important; } .pxl-position-fixed { position: fixed !important; } .pxl-position-sticky { position: sticky !important; } @media (min-width: 576px) { .pxl-d-sm-inline { display: inline !important; } .pxl-d-sm-inline-block { display: inline-block !important; } .pxl-d-sm-block { display: block !important; } .pxl-d-sm-grid { display: grid !important; } .pxl-d-sm-table { display: table !important; } .pxl-d-sm-table-row { display: table-row !important; } .pxl-d-sm-table-cell { display: table-cell !important; } .pxl-d-sm-flex { display: flex !important; } .pxl-d-sm-inline-flex { display: inline-flex !important; } .pxl-d-sm-none { display: none !important; } .pxl-flex-sm-fill { flex: 1 1 auto !important; } .pxl-flex-sm-row { flex-direction: row !important; } .pxl-flex-sm-column { flex-direction: column !important; } .pxl-flex-sm-row-reverse { flex-direction: row-reverse !important; } .pxl-flex-sm-column-reverse { flex-direction: column-reverse !important; } .pxl-flex-sm-grow-0 { flex-grow: 0 !important; } .pxl-flex-sm-grow-1 { flex-grow: 1 !important; } .pxl-flex-sm-shrink-0 { flex-shrink: 0 !important; } .pxl-flex-sm-shrink-1 { flex-shrink: 1 !important; } .pxl-flex-sm-wrap { flex-wrap: wrap !important; } .pxl-flex-sm-nowrap { flex-wrap: nowrap !important; } .pxl-flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .pxl-gap-sm { gap: 2.25rem !important; } .pxl-gap-sm-0 { gap: 0 !important; } .pxl-gap-sm-1 { gap: 0.5625rem !important; } .pxl-gap-sm-2 { gap: 1.125rem !important; } .pxl-gap-sm-3 { gap: 2.25rem !important; } .pxl-gap-sm-4 { gap: 3.375rem !important; } .pxl-gap-sm-5 { gap: 6.75rem !important; } .pxl-justify-content-sm-start { justify-content: flex-start !important; } .pxl-justify-content-sm-end { justify-content: flex-end !important; } .pxl-justify-content-sm-center { justify-content: center !important; } .pxl-justify-content-sm-between { justify-content: space-between !important; } .pxl-justify-content-sm-around { justify-content: space-around !important; } .pxl-justify-content-sm-evenly { justify-content: space-evenly !important; } .pxl-align-items-sm-start { align-items: flex-start !important; } .pxl-align-items-sm-end { align-items: flex-end !important; } .pxl-align-items-sm-center { align-items: center !important; } .pxl-align-items-sm-baseline { align-items: baseline !important; } .pxl-align-items-sm-stretch { align-items: stretch !important; } .pxl-align-content-sm-start { align-content: flex-start !important; } .pxl-align-content-sm-end { align-content: flex-end !important; } .pxl-align-content-sm-center { align-content: center !important; } .pxl-align-content-sm-between { align-content: space-between !important; } .pxl-align-content-sm-around { align-content: space-around !important; } .pxl-align-content-sm-stretch { align-content: stretch !important; } .pxl-align-self-sm-auto { align-self: auto !important; } .pxl-align-self-sm-start { align-self: flex-start !important; } .pxl-align-self-sm-end { align-self: flex-end !important; } .pxl-align-self-sm-center { align-self: center !important; } .pxl-align-self-sm-baseline { align-self: baseline !important; } .pxl-align-self-sm-stretch { align-self: stretch !important; } .pxl-order-sm-first { order: -1 !important; } .pxl-order-sm-0 { order: 0 !important; } .pxl-order-sm-1 { order: 1 !important; } .pxl-order-sm-2 { order: 2 !important; } .pxl-order-sm-3 { order: 3 !important; } .pxl-order-sm-4 { order: 4 !important; } .pxl-order-sm-5 { order: 5 !important; } .pxl-order-sm-last { order: 6 !important; } .pxl-m-sm { margin: 2.25rem !important; } .pxl-m-sm-0 { margin: 0 !important; } .pxl-m-sm-1 { margin: 0.5625rem !important; } .pxl-m-sm-2 { margin: 1.125rem !important; } .pxl-m-sm-3 { margin: 2.25rem !important; } .pxl-m-sm-4 { margin: 3.375rem !important; } .pxl-m-sm-5 { margin: 6.75rem !important; } .pxl-m-sm-auto { margin: auto !important; } .pxl-mx-sm { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .pxl-mx-sm-1 { margin-right: 0.5625rem !important; margin-left: 0.5625rem !important; } .pxl-mx-sm-2 { margin-right: 1.125rem !important; margin-left: 1.125rem !important; } .pxl-mx-sm-3 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-sm-4 { margin-right: 3.375rem !important; margin-left: 3.375rem !important; } .pxl-mx-sm-5 { margin-right: 6.75rem !important; margin-left: 6.75rem !important; } .pxl-mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .pxl-my-sm { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .pxl-my-sm-1 { margin-top: 0.5625rem !important; margin-bottom: 0.5625rem !important; } .pxl-my-sm-2 { margin-top: 1.125rem !important; margin-bottom: 1.125rem !important; } .pxl-my-sm-3 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-sm-4 { margin-top: 3.375rem !important; margin-bottom: 3.375rem !important; } .pxl-my-sm-5 { margin-top: 6.75rem !important; margin-bottom: 6.75rem !important; } .pxl-my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .pxl-mt-sm { margin-top: 2.25rem !important; } .pxl-mt-sm-0 { margin-top: 0 !important; } .pxl-mt-sm-1 { margin-top: 0.5625rem !important; } .pxl-mt-sm-2 { margin-top: 1.125rem !important; } .pxl-mt-sm-3 { margin-top: 2.25rem !important; } .pxl-mt-sm-4 { margin-top: 3.375rem !important; } .pxl-mt-sm-5 { margin-top: 6.75rem !important; } .pxl-mt-sm-auto { margin-top: auto !important; } .pxl-me-sm { margin-right: 2.25rem !important; } .pxl-me-sm-0 { margin-right: 0 !important; } .pxl-me-sm-1 { margin-right: 0.5625rem !important; } .pxl-me-sm-2 { margin-right: 1.125rem !important; } .pxl-me-sm-3 { margin-right: 2.25rem !important; } .pxl-me-sm-4 { margin-right: 3.375rem !important; } .pxl-me-sm-5 { margin-right: 6.75rem !important; } .pxl-me-sm-auto { margin-right: auto !important; } .pxl-mb-sm { margin-bottom: 2.25rem !important; } .pxl-mb-sm-0 { margin-bottom: 0 !important; } .pxl-mb-sm-1 { margin-bottom: 0.5625rem !important; } .pxl-mb-sm-2 { margin-bottom: 1.125rem !important; } .pxl-mb-sm-3 { margin-bottom: 2.25rem !important; } .pxl-mb-sm-4 { margin-bottom: 3.375rem !important; } .pxl-mb-sm-5 { margin-bottom: 6.75rem !important; } .pxl-mb-sm-auto { margin-bottom: auto !important; } .pxl-ms-sm { margin-left: 2.25rem !important; } .pxl-ms-sm-0 { margin-left: 0 !important; } .pxl-ms-sm-1 { margin-left: 0.5625rem !important; } .pxl-ms-sm-2 { margin-left: 1.125rem !important; } .pxl-ms-sm-3 { margin-left: 2.25rem !important; } .pxl-ms-sm-4 { margin-left: 3.375rem !important; } .pxl-ms-sm-5 { margin-left: 6.75rem !important; } .pxl-ms-sm-auto { margin-left: auto !important; } .pxl-p-sm { padding: 2.25rem !important; } .pxl-p-sm-0 { padding: 0 !important; } .pxl-p-sm-1 { padding: 0.5625rem !important; } .pxl-p-sm-2 { padding: 1.125rem !important; } .pxl-p-sm-3 { padding: 2.25rem !important; } .pxl-p-sm-4 { padding: 3.375rem !important; } .pxl-p-sm-5 { padding: 6.75rem !important; } .pxl-px-sm { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .pxl-px-sm-1 { padding-right: 0.5625rem !important; padding-left: 0.5625rem !important; } .pxl-px-sm-2 { padding-right: 1.125rem !important; padding-left: 1.125rem !important; } .pxl-px-sm-3 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-sm-4 { padding-right: 3.375rem !important; padding-left: 3.375rem !important; } .pxl-px-sm-5 { padding-right: 6.75rem !important; padding-left: 6.75rem !important; } .pxl-py-sm { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pxl-py-sm-1 { padding-top: 0.5625rem !important; padding-bottom: 0.5625rem !important; } .pxl-py-sm-2 { padding-top: 1.125rem !important; padding-bottom: 1.125rem !important; } .pxl-py-sm-3 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-sm-4 { padding-top: 3.375rem !important; padding-bottom: 3.375rem !important; } .pxl-py-sm-5 { padding-top: 6.75rem !important; padding-bottom: 6.75rem !important; } .pxl-pt-sm { padding-top: 2.25rem !important; } .pxl-pt-sm-0 { padding-top: 0 !important; } .pxl-pt-sm-1 { padding-top: 0.5625rem !important; } .pxl-pt-sm-2 { padding-top: 1.125rem !important; } .pxl-pt-sm-3 { padding-top: 2.25rem !important; } .pxl-pt-sm-4 { padding-top: 3.375rem !important; } .pxl-pt-sm-5 { padding-top: 6.75rem !important; } .pxl-pe-sm { padding-right: 2.25rem !important; } .pxl-pe-sm-0 { padding-right: 0 !important; } .pxl-pe-sm-1 { padding-right: 0.5625rem !important; } .pxl-pe-sm-2 { padding-right: 1.125rem !important; } .pxl-pe-sm-3 { padding-right: 2.25rem !important; } .pxl-pe-sm-4 { padding-right: 3.375rem !important; } .pxl-pe-sm-5 { padding-right: 6.75rem !important; } .pxl-pb-sm { padding-bottom: 2.25rem !important; } .pxl-pb-sm-0 { padding-bottom: 0 !important; } .pxl-pb-sm-1 { padding-bottom: 0.5625rem !important; } .pxl-pb-sm-2 { padding-bottom: 1.125rem !important; } .pxl-pb-sm-3 { padding-bottom: 2.25rem !important; } .pxl-pb-sm-4 { padding-bottom: 3.375rem !important; } .pxl-pb-sm-5 { padding-bottom: 6.75rem !important; } .pxl-ps-sm { padding-left: 2.25rem !important; } .pxl-ps-sm-0 { padding-left: 0 !important; } .pxl-ps-sm-1 { padding-left: 0.5625rem !important; } .pxl-ps-sm-2 { padding-left: 1.125rem !important; } .pxl-ps-sm-3 { padding-left: 2.25rem !important; } .pxl-ps-sm-4 { padding-left: 3.375rem !important; } .pxl-ps-sm-5 { padding-left: 6.75rem !important; } .pxl-text-sm-start { text-align: left !important; } .pxl-text-sm-end { text-align: right !important; } .pxl-text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .pxl-d-md-inline { display: inline !important; } .pxl-d-md-inline-block { display: inline-block !important; } .pxl-d-md-block { display: block !important; } .pxl-d-md-grid { display: grid !important; } .pxl-d-md-table { display: table !important; } .pxl-d-md-table-row { display: table-row !important; } .pxl-d-md-table-cell { display: table-cell !important; } .pxl-d-md-flex { display: flex !important; } .pxl-d-md-inline-flex { display: inline-flex !important; } .pxl-d-md-none { display: none !important; } .pxl-flex-md-fill { flex: 1 1 auto !important; } .pxl-flex-md-row { flex-direction: row !important; } .pxl-flex-md-column { flex-direction: column !important; } .pxl-flex-md-row-reverse { flex-direction: row-reverse !important; } .pxl-flex-md-column-reverse { flex-direction: column-reverse !important; } .pxl-flex-md-grow-0 { flex-grow: 0 !important; } .pxl-flex-md-grow-1 { flex-grow: 1 !important; } .pxl-flex-md-shrink-0 { flex-shrink: 0 !important; } .pxl-flex-md-shrink-1 { flex-shrink: 1 !important; } .pxl-flex-md-wrap { flex-wrap: wrap !important; } .pxl-flex-md-nowrap { flex-wrap: nowrap !important; } .pxl-flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .pxl-gap-md { gap: 2.25rem !important; } .pxl-gap-md-0 { gap: 0 !important; } .pxl-gap-md-1 { gap: 0.5625rem !important; } .pxl-gap-md-2 { gap: 1.125rem !important; } .pxl-gap-md-3 { gap: 2.25rem !important; } .pxl-gap-md-4 { gap: 3.375rem !important; } .pxl-gap-md-5 { gap: 6.75rem !important; } .pxl-justify-content-md-start { justify-content: flex-start !important; } .pxl-justify-content-md-end { justify-content: flex-end !important; } .pxl-justify-content-md-center { justify-content: center !important; } .pxl-justify-content-md-between { justify-content: space-between !important; } .pxl-justify-content-md-around { justify-content: space-around !important; } .pxl-justify-content-md-evenly { justify-content: space-evenly !important; } .pxl-align-items-md-start { align-items: flex-start !important; } .pxl-align-items-md-end { align-items: flex-end !important; } .pxl-align-items-md-center { align-items: center !important; } .pxl-align-items-md-baseline { align-items: baseline !important; } .pxl-align-items-md-stretch { align-items: stretch !important; } .pxl-align-content-md-start { align-content: flex-start !important; } .pxl-align-content-md-end { align-content: flex-end !important; } .pxl-align-content-md-center { align-content: center !important; } .pxl-align-content-md-between { align-content: space-between !important; } .pxl-align-content-md-around { align-content: space-around !important; } .pxl-align-content-md-stretch { align-content: stretch !important; } .pxl-align-self-md-auto { align-self: auto !important; } .pxl-align-self-md-start { align-self: flex-start !important; } .pxl-align-self-md-end { align-self: flex-end !important; } .pxl-align-self-md-center { align-self: center !important; } .pxl-align-self-md-baseline { align-self: baseline !important; } .pxl-align-self-md-stretch { align-self: stretch !important; } .pxl-order-md-first { order: -1 !important; } .pxl-order-md-0 { order: 0 !important; } .pxl-order-md-1 { order: 1 !important; } .pxl-order-md-2 { order: 2 !important; } .pxl-order-md-3 { order: 3 !important; } .pxl-order-md-4 { order: 4 !important; } .pxl-order-md-5 { order: 5 !important; } .pxl-order-md-last { order: 6 !important; } .pxl-m-md { margin: 2.25rem !important; } .pxl-m-md-0 { margin: 0 !important; } .pxl-m-md-1 { margin: 0.5625rem !important; } .pxl-m-md-2 { margin: 1.125rem !important; } .pxl-m-md-3 { margin: 2.25rem !important; } .pxl-m-md-4 { margin: 3.375rem !important; } .pxl-m-md-5 { margin: 6.75rem !important; } .pxl-m-md-auto { margin: auto !important; } .pxl-mx-md { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .pxl-mx-md-1 { margin-right: 0.5625rem !important; margin-left: 0.5625rem !important; } .pxl-mx-md-2 { margin-right: 1.125rem !important; margin-left: 1.125rem !important; } .pxl-mx-md-3 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-md-4 { margin-right: 3.375rem !important; margin-left: 3.375rem !important; } .pxl-mx-md-5 { margin-right: 6.75rem !important; margin-left: 6.75rem !important; } .pxl-mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .pxl-my-md { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .pxl-my-md-1 { margin-top: 0.5625rem !important; margin-bottom: 0.5625rem !important; } .pxl-my-md-2 { margin-top: 1.125rem !important; margin-bottom: 1.125rem !important; } .pxl-my-md-3 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-md-4 { margin-top: 3.375rem !important; margin-bottom: 3.375rem !important; } .pxl-my-md-5 { margin-top: 6.75rem !important; margin-bottom: 6.75rem !important; } .pxl-my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .pxl-mt-md { margin-top: 2.25rem !important; } .pxl-mt-md-0 { margin-top: 0 !important; } .pxl-mt-md-1 { margin-top: 0.5625rem !important; } .pxl-mt-md-2 { margin-top: 1.125rem !important; } .pxl-mt-md-3 { margin-top: 2.25rem !important; } .pxl-mt-md-4 { margin-top: 3.375rem !important; } .pxl-mt-md-5 { margin-top: 6.75rem !important; } .pxl-mt-md-auto { margin-top: auto !important; } .pxl-me-md { margin-right: 2.25rem !important; } .pxl-me-md-0 { margin-right: 0 !important; } .pxl-me-md-1 { margin-right: 0.5625rem !important; } .pxl-me-md-2 { margin-right: 1.125rem !important; } .pxl-me-md-3 { margin-right: 2.25rem !important; } .pxl-me-md-4 { margin-right: 3.375rem !important; } .pxl-me-md-5 { margin-right: 6.75rem !important; } .pxl-me-md-auto { margin-right: auto !important; } .pxl-mb-md { margin-bottom: 2.25rem !important; } .pxl-mb-md-0 { margin-bottom: 0 !important; } .pxl-mb-md-1 { margin-bottom: 0.5625rem !important; } .pxl-mb-md-2 { margin-bottom: 1.125rem !important; } .pxl-mb-md-3 { margin-bottom: 2.25rem !important; } .pxl-mb-md-4 { margin-bottom: 3.375rem !important; } .pxl-mb-md-5 { margin-bottom: 6.75rem !important; } .pxl-mb-md-auto { margin-bottom: auto !important; } .pxl-ms-md { margin-left: 2.25rem !important; } .pxl-ms-md-0 { margin-left: 0 !important; } .pxl-ms-md-1 { margin-left: 0.5625rem !important; } .pxl-ms-md-2 { margin-left: 1.125rem !important; } .pxl-ms-md-3 { margin-left: 2.25rem !important; } .pxl-ms-md-4 { margin-left: 3.375rem !important; } .pxl-ms-md-5 { margin-left: 6.75rem !important; } .pxl-ms-md-auto { margin-left: auto !important; } .pxl-p-md { padding: 2.25rem !important; } .pxl-p-md-0 { padding: 0 !important; } .pxl-p-md-1 { padding: 0.5625rem !important; } .pxl-p-md-2 { padding: 1.125rem !important; } .pxl-p-md-3 { padding: 2.25rem !important; } .pxl-p-md-4 { padding: 3.375rem !important; } .pxl-p-md-5 { padding: 6.75rem !important; } .pxl-px-md { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .pxl-px-md-1 { padding-right: 0.5625rem !important; padding-left: 0.5625rem !important; } .pxl-px-md-2 { padding-right: 1.125rem !important; padding-left: 1.125rem !important; } .pxl-px-md-3 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-md-4 { padding-right: 3.375rem !important; padding-left: 3.375rem !important; } .pxl-px-md-5 { padding-right: 6.75rem !important; padding-left: 6.75rem !important; } .pxl-py-md { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pxl-py-md-1 { padding-top: 0.5625rem !important; padding-bottom: 0.5625rem !important; } .pxl-py-md-2 { padding-top: 1.125rem !important; padding-bottom: 1.125rem !important; } .pxl-py-md-3 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-md-4 { padding-top: 3.375rem !important; padding-bottom: 3.375rem !important; } .pxl-py-md-5 { padding-top: 6.75rem !important; padding-bottom: 6.75rem !important; } .pxl-pt-md { padding-top: 2.25rem !important; } .pxl-pt-md-0 { padding-top: 0 !important; } .pxl-pt-md-1 { padding-top: 0.5625rem !important; } .pxl-pt-md-2 { padding-top: 1.125rem !important; } .pxl-pt-md-3 { padding-top: 2.25rem !important; } .pxl-pt-md-4 { padding-top: 3.375rem !important; } .pxl-pt-md-5 { padding-top: 6.75rem !important; } .pxl-pe-md { padding-right: 2.25rem !important; } .pxl-pe-md-0 { padding-right: 0 !important; } .pxl-pe-md-1 { padding-right: 0.5625rem !important; } .pxl-pe-md-2 { padding-right: 1.125rem !important; } .pxl-pe-md-3 { padding-right: 2.25rem !important; } .pxl-pe-md-4 { padding-right: 3.375rem !important; } .pxl-pe-md-5 { padding-right: 6.75rem !important; } .pxl-pb-md { padding-bottom: 2.25rem !important; } .pxl-pb-md-0 { padding-bottom: 0 !important; } .pxl-pb-md-1 { padding-bottom: 0.5625rem !important; } .pxl-pb-md-2 { padding-bottom: 1.125rem !important; } .pxl-pb-md-3 { padding-bottom: 2.25rem !important; } .pxl-pb-md-4 { padding-bottom: 3.375rem !important; } .pxl-pb-md-5 { padding-bottom: 6.75rem !important; } .pxl-ps-md { padding-left: 2.25rem !important; } .pxl-ps-md-0 { padding-left: 0 !important; } .pxl-ps-md-1 { padding-left: 0.5625rem !important; } .pxl-ps-md-2 { padding-left: 1.125rem !important; } .pxl-ps-md-3 { padding-left: 2.25rem !important; } .pxl-ps-md-4 { padding-left: 3.375rem !important; } .pxl-ps-md-5 { padding-left: 6.75rem !important; } .pxl-text-md-start { text-align: left !important; } .pxl-text-md-end { text-align: right !important; } .pxl-text-md-center { text-align: center !important; } } @media (min-width: 992px) { .pxl-d-lg-inline { display: inline !important; } .pxl-d-lg-inline-block { display: inline-block !important; } .pxl-d-lg-block { display: block !important; } .pxl-d-lg-grid { display: grid !important; } .pxl-d-lg-table { display: table !important; } .pxl-d-lg-table-row { display: table-row !important; } .pxl-d-lg-table-cell { display: table-cell !important; } .pxl-d-lg-flex { display: flex !important; } .pxl-d-lg-inline-flex { display: inline-flex !important; } .pxl-d-lg-none { display: none !important; } .pxl-flex-lg-fill { flex: 1 1 auto !important; } .pxl-flex-lg-row { flex-direction: row !important; } .pxl-flex-lg-column { flex-direction: column !important; } .pxl-flex-lg-row-reverse { flex-direction: row-reverse !important; } .pxl-flex-lg-column-reverse { flex-direction: column-reverse !important; } .pxl-flex-lg-grow-0 { flex-grow: 0 !important; } .pxl-flex-lg-grow-1 { flex-grow: 1 !important; } .pxl-flex-lg-shrink-0 { flex-shrink: 0 !important; } .pxl-flex-lg-shrink-1 { flex-shrink: 1 !important; } .pxl-flex-lg-wrap { flex-wrap: wrap !important; } .pxl-flex-lg-nowrap { flex-wrap: nowrap !important; } .pxl-flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .pxl-gap-lg { gap: 2.25rem !important; } .pxl-gap-lg-0 { gap: 0 !important; } .pxl-gap-lg-1 { gap: 0.5625rem !important; } .pxl-gap-lg-2 { gap: 1.125rem !important; } .pxl-gap-lg-3 { gap: 2.25rem !important; } .pxl-gap-lg-4 { gap: 3.375rem !important; } .pxl-gap-lg-5 { gap: 6.75rem !important; } .pxl-justify-content-lg-start { justify-content: flex-start !important; } .pxl-justify-content-lg-end { justify-content: flex-end !important; } .pxl-justify-content-lg-center { justify-content: center !important; } .pxl-justify-content-lg-between { justify-content: space-between !important; } .pxl-justify-content-lg-around { justify-content: space-around !important; } .pxl-justify-content-lg-evenly { justify-content: space-evenly !important; } .pxl-align-items-lg-start { align-items: flex-start !important; } .pxl-align-items-lg-end { align-items: flex-end !important; } .pxl-align-items-lg-center { align-items: center !important; } .pxl-align-items-lg-baseline { align-items: baseline !important; } .pxl-align-items-lg-stretch { align-items: stretch !important; } .pxl-align-content-lg-start { align-content: flex-start !important; } .pxl-align-content-lg-end { align-content: flex-end !important; } .pxl-align-content-lg-center { align-content: center !important; } .pxl-align-content-lg-between { align-content: space-between !important; } .pxl-align-content-lg-around { align-content: space-around !important; } .pxl-align-content-lg-stretch { align-content: stretch !important; } .pxl-align-self-lg-auto { align-self: auto !important; } .pxl-align-self-lg-start { align-self: flex-start !important; } .pxl-align-self-lg-end { align-self: flex-end !important; } .pxl-align-self-lg-center { align-self: center !important; } .pxl-align-self-lg-baseline { align-self: baseline !important; } .pxl-align-self-lg-stretch { align-self: stretch !important; } .pxl-order-lg-first { order: -1 !important; } .pxl-order-lg-0 { order: 0 !important; } .pxl-order-lg-1 { order: 1 !important; } .pxl-order-lg-2 { order: 2 !important; } .pxl-order-lg-3 { order: 3 !important; } .pxl-order-lg-4 { order: 4 !important; } .pxl-order-lg-5 { order: 5 !important; } .pxl-order-lg-last { order: 6 !important; } .pxl-m-lg { margin: 2.25rem !important; } .pxl-m-lg-0 { margin: 0 !important; } .pxl-m-lg-1 { margin: 0.5625rem !important; } .pxl-m-lg-2 { margin: 1.125rem !important; } .pxl-m-lg-3 { margin: 2.25rem !important; } .pxl-m-lg-4 { margin: 3.375rem !important; } .pxl-m-lg-5 { margin: 6.75rem !important; } .pxl-m-lg-auto { margin: auto !important; } .pxl-mx-lg { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .pxl-mx-lg-1 { margin-right: 0.5625rem !important; margin-left: 0.5625rem !important; } .pxl-mx-lg-2 { margin-right: 1.125rem !important; margin-left: 1.125rem !important; } .pxl-mx-lg-3 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-lg-4 { margin-right: 3.375rem !important; margin-left: 3.375rem !important; } .pxl-mx-lg-5 { margin-right: 6.75rem !important; margin-left: 6.75rem !important; } .pxl-mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .pxl-my-lg { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .pxl-my-lg-1 { margin-top: 0.5625rem !important; margin-bottom: 0.5625rem !important; } .pxl-my-lg-2 { margin-top: 1.125rem !important; margin-bottom: 1.125rem !important; } .pxl-my-lg-3 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-lg-4 { margin-top: 3.375rem !important; margin-bottom: 3.375rem !important; } .pxl-my-lg-5 { margin-top: 6.75rem !important; margin-bottom: 6.75rem !important; } .pxl-my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .pxl-mt-lg { margin-top: 2.25rem !important; } .pxl-mt-lg-0 { margin-top: 0 !important; } .pxl-mt-lg-1 { margin-top: 0.5625rem !important; } .pxl-mt-lg-2 { margin-top: 1.125rem !important; } .pxl-mt-lg-3 { margin-top: 2.25rem !important; } .pxl-mt-lg-4 { margin-top: 3.375rem !important; } .pxl-mt-lg-5 { margin-top: 6.75rem !important; } .pxl-mt-lg-auto { margin-top: auto !important; } .pxl-me-lg { margin-right: 2.25rem !important; } .pxl-me-lg-0 { margin-right: 0 !important; } .pxl-me-lg-1 { margin-right: 0.5625rem !important; } .pxl-me-lg-2 { margin-right: 1.125rem !important; } .pxl-me-lg-3 { margin-right: 2.25rem !important; } .pxl-me-lg-4 { margin-right: 3.375rem !important; } .pxl-me-lg-5 { margin-right: 6.75rem !important; } .pxl-me-lg-auto { margin-right: auto !important; } .pxl-mb-lg { margin-bottom: 2.25rem !important; } .pxl-mb-lg-0 { margin-bottom: 0 !important; } .pxl-mb-lg-1 { margin-bottom: 0.5625rem !important; } .pxl-mb-lg-2 { margin-bottom: 1.125rem !important; } .pxl-mb-lg-3 { margin-bottom: 2.25rem !important; } .pxl-mb-lg-4 { margin-bottom: 3.375rem !important; } .pxl-mb-lg-5 { margin-bottom: 6.75rem !important; } .pxl-mb-lg-auto { margin-bottom: auto !important; } .pxl-ms-lg { margin-left: 2.25rem !important; } .pxl-ms-lg-0 { margin-left: 0 !important; } .pxl-ms-lg-1 { margin-left: 0.5625rem !important; } .pxl-ms-lg-2 { margin-left: 1.125rem !important; } .pxl-ms-lg-3 { margin-left: 2.25rem !important; } .pxl-ms-lg-4 { margin-left: 3.375rem !important; } .pxl-ms-lg-5 { margin-left: 6.75rem !important; } .pxl-ms-lg-auto { margin-left: auto !important; } .pxl-p-lg { padding: 2.25rem !important; } .pxl-p-lg-0 { padding: 0 !important; } .pxl-p-lg-1 { padding: 0.5625rem !important; } .pxl-p-lg-2 { padding: 1.125rem !important; } .pxl-p-lg-3 { padding: 2.25rem !important; } .pxl-p-lg-4 { padding: 3.375rem !important; } .pxl-p-lg-5 { padding: 6.75rem !important; } .pxl-px-lg { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .pxl-px-lg-1 { padding-right: 0.5625rem !important; padding-left: 0.5625rem !important; } .pxl-px-lg-2 { padding-right: 1.125rem !important; padding-left: 1.125rem !important; } .pxl-px-lg-3 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-lg-4 { padding-right: 3.375rem !important; padding-left: 3.375rem !important; } .pxl-px-lg-5 { padding-right: 6.75rem !important; padding-left: 6.75rem !important; } .pxl-py-lg { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pxl-py-lg-1 { padding-top: 0.5625rem !important; padding-bottom: 0.5625rem !important; } .pxl-py-lg-2 { padding-top: 1.125rem !important; padding-bottom: 1.125rem !important; } .pxl-py-lg-3 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-lg-4 { padding-top: 3.375rem !important; padding-bottom: 3.375rem !important; } .pxl-py-lg-5 { padding-top: 6.75rem !important; padding-bottom: 6.75rem !important; } .pxl-pt-lg { padding-top: 2.25rem !important; } .pxl-pt-lg-0 { padding-top: 0 !important; } .pxl-pt-lg-1 { padding-top: 0.5625rem !important; } .pxl-pt-lg-2 { padding-top: 1.125rem !important; } .pxl-pt-lg-3 { padding-top: 2.25rem !important; } .pxl-pt-lg-4 { padding-top: 3.375rem !important; } .pxl-pt-lg-5 { padding-top: 6.75rem !important; } .pxl-pe-lg { padding-right: 2.25rem !important; } .pxl-pe-lg-0 { padding-right: 0 !important; } .pxl-pe-lg-1 { padding-right: 0.5625rem !important; } .pxl-pe-lg-2 { padding-right: 1.125rem !important; } .pxl-pe-lg-3 { padding-right: 2.25rem !important; } .pxl-pe-lg-4 { padding-right: 3.375rem !important; } .pxl-pe-lg-5 { padding-right: 6.75rem !important; } .pxl-pb-lg { padding-bottom: 2.25rem !important; } .pxl-pb-lg-0 { padding-bottom: 0 !important; } .pxl-pb-lg-1 { padding-bottom: 0.5625rem !important; } .pxl-pb-lg-2 { padding-bottom: 1.125rem !important; } .pxl-pb-lg-3 { padding-bottom: 2.25rem !important; } .pxl-pb-lg-4 { padding-bottom: 3.375rem !important; } .pxl-pb-lg-5 { padding-bottom: 6.75rem !important; } .pxl-ps-lg { padding-left: 2.25rem !important; } .pxl-ps-lg-0 { padding-left: 0 !important; } .pxl-ps-lg-1 { padding-left: 0.5625rem !important; } .pxl-ps-lg-2 { padding-left: 1.125rem !important; } .pxl-ps-lg-3 { padding-left: 2.25rem !important; } .pxl-ps-lg-4 { padding-left: 3.375rem !important; } .pxl-ps-lg-5 { padding-left: 6.75rem !important; } .pxl-text-lg-start { text-align: left !important; } .pxl-text-lg-end { text-align: right !important; } .pxl-text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .pxl-d-xl-inline { display: inline !important; } .pxl-d-xl-inline-block { display: inline-block !important; } .pxl-d-xl-block { display: block !important; } .pxl-d-xl-grid { display: grid !important; } .pxl-d-xl-table { display: table !important; } .pxl-d-xl-table-row { display: table-row !important; } .pxl-d-xl-table-cell { display: table-cell !important; } .pxl-d-xl-flex { display: flex !important; } .pxl-d-xl-inline-flex { display: inline-flex !important; } .pxl-d-xl-none { display: none !important; } .pxl-flex-xl-fill { flex: 1 1 auto !important; } .pxl-flex-xl-row { flex-direction: row !important; } .pxl-flex-xl-column { flex-direction: column !important; } .pxl-flex-xl-row-reverse { flex-direction: row-reverse !important; } .pxl-flex-xl-column-reverse { flex-direction: column-reverse !important; } .pxl-flex-xl-grow-0 { flex-grow: 0 !important; } .pxl-flex-xl-grow-1 { flex-grow: 1 !important; } .pxl-flex-xl-shrink-0 { flex-shrink: 0 !important; } .pxl-flex-xl-shrink-1 { flex-shrink: 1 !important; } .pxl-flex-xl-wrap { flex-wrap: wrap !important; } .pxl-flex-xl-nowrap { flex-wrap: nowrap !important; } .pxl-flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .pxl-gap-xl { gap: 2.25rem !important; } .pxl-gap-xl-0 { gap: 0 !important; } .pxl-gap-xl-1 { gap: 0.5625rem !important; } .pxl-gap-xl-2 { gap: 1.125rem !important; } .pxl-gap-xl-3 { gap: 2.25rem !important; } .pxl-gap-xl-4 { gap: 3.375rem !important; } .pxl-gap-xl-5 { gap: 6.75rem !important; } .pxl-justify-content-xl-start { justify-content: flex-start !important; } .pxl-justify-content-xl-end { justify-content: flex-end !important; } .pxl-justify-content-xl-center { justify-content: center !important; } .pxl-justify-content-xl-between { justify-content: space-between !important; } .pxl-justify-content-xl-around { justify-content: space-around !important; } .pxl-justify-content-xl-evenly { justify-content: space-evenly !important; } .pxl-align-items-xl-start { align-items: flex-start !important; } .pxl-align-items-xl-end { align-items: flex-end !important; } .pxl-align-items-xl-center { align-items: center !important; } .pxl-align-items-xl-baseline { align-items: baseline !important; } .pxl-align-items-xl-stretch { align-items: stretch !important; } .pxl-align-content-xl-start { align-content: flex-start !important; } .pxl-align-content-xl-end { align-content: flex-end !important; } .pxl-align-content-xl-center { align-content: center !important; } .pxl-align-content-xl-between { align-content: space-between !important; } .pxl-align-content-xl-around { align-content: space-around !important; } .pxl-align-content-xl-stretch { align-content: stretch !important; } .pxl-align-self-xl-auto { align-self: auto !important; } .pxl-align-self-xl-start { align-self: flex-start !important; } .pxl-align-self-xl-end { align-self: flex-end !important; } .pxl-align-self-xl-center { align-self: center !important; } .pxl-align-self-xl-baseline { align-self: baseline !important; } .pxl-align-self-xl-stretch { align-self: stretch !important; } .pxl-order-xl-first { order: -1 !important; } .pxl-order-xl-0 { order: 0 !important; } .pxl-order-xl-1 { order: 1 !important; } .pxl-order-xl-2 { order: 2 !important; } .pxl-order-xl-3 { order: 3 !important; } .pxl-order-xl-4 { order: 4 !important; } .pxl-order-xl-5 { order: 5 !important; } .pxl-order-xl-last { order: 6 !important; } .pxl-m-xl { margin: 2.25rem !important; } .pxl-m-xl-0 { margin: 0 !important; } .pxl-m-xl-1 { margin: 0.5625rem !important; } .pxl-m-xl-2 { margin: 1.125rem !important; } .pxl-m-xl-3 { margin: 2.25rem !important; } .pxl-m-xl-4 { margin: 3.375rem !important; } .pxl-m-xl-5 { margin: 6.75rem !important; } .pxl-m-xl-auto { margin: auto !important; } .pxl-mx-xl { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .pxl-mx-xl-1 { margin-right: 0.5625rem !important; margin-left: 0.5625rem !important; } .pxl-mx-xl-2 { margin-right: 1.125rem !important; margin-left: 1.125rem !important; } .pxl-mx-xl-3 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-xl-4 { margin-right: 3.375rem !important; margin-left: 3.375rem !important; } .pxl-mx-xl-5 { margin-right: 6.75rem !important; margin-left: 6.75rem !important; } .pxl-mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .pxl-my-xl { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .pxl-my-xl-1 { margin-top: 0.5625rem !important; margin-bottom: 0.5625rem !important; } .pxl-my-xl-2 { margin-top: 1.125rem !important; margin-bottom: 1.125rem !important; } .pxl-my-xl-3 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-xl-4 { margin-top: 3.375rem !important; margin-bottom: 3.375rem !important; } .pxl-my-xl-5 { margin-top: 6.75rem !important; margin-bottom: 6.75rem !important; } .pxl-my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .pxl-mt-xl { margin-top: 2.25rem !important; } .pxl-mt-xl-0 { margin-top: 0 !important; } .pxl-mt-xl-1 { margin-top: 0.5625rem !important; } .pxl-mt-xl-2 { margin-top: 1.125rem !important; } .pxl-mt-xl-3 { margin-top: 2.25rem !important; } .pxl-mt-xl-4 { margin-top: 3.375rem !important; } .pxl-mt-xl-5 { margin-top: 6.75rem !important; } .pxl-mt-xl-auto { margin-top: auto !important; } .pxl-me-xl { margin-right: 2.25rem !important; } .pxl-me-xl-0 { margin-right: 0 !important; } .pxl-me-xl-1 { margin-right: 0.5625rem !important; } .pxl-me-xl-2 { margin-right: 1.125rem !important; } .pxl-me-xl-3 { margin-right: 2.25rem !important; } .pxl-me-xl-4 { margin-right: 3.375rem !important; } .pxl-me-xl-5 { margin-right: 6.75rem !important; } .pxl-me-xl-auto { margin-right: auto !important; } .pxl-mb-xl { margin-bottom: 2.25rem !important; } .pxl-mb-xl-0 { margin-bottom: 0 !important; } .pxl-mb-xl-1 { margin-bottom: 0.5625rem !important; } .pxl-mb-xl-2 { margin-bottom: 1.125rem !important; } .pxl-mb-xl-3 { margin-bottom: 2.25rem !important; } .pxl-mb-xl-4 { margin-bottom: 3.375rem !important; } .pxl-mb-xl-5 { margin-bottom: 6.75rem !important; } .pxl-mb-xl-auto { margin-bottom: auto !important; } .pxl-ms-xl { margin-left: 2.25rem !important; } .pxl-ms-xl-0 { margin-left: 0 !important; } .pxl-ms-xl-1 { margin-left: 0.5625rem !important; } .pxl-ms-xl-2 { margin-left: 1.125rem !important; } .pxl-ms-xl-3 { margin-left: 2.25rem !important; } .pxl-ms-xl-4 { margin-left: 3.375rem !important; } .pxl-ms-xl-5 { margin-left: 6.75rem !important; } .pxl-ms-xl-auto { margin-left: auto !important; } .pxl-p-xl { padding: 2.25rem !important; } .pxl-p-xl-0 { padding: 0 !important; } .pxl-p-xl-1 { padding: 0.5625rem !important; } .pxl-p-xl-2 { padding: 1.125rem !important; } .pxl-p-xl-3 { padding: 2.25rem !important; } .pxl-p-xl-4 { padding: 3.375rem !important; } .pxl-p-xl-5 { padding: 6.75rem !important; } .pxl-px-xl { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .pxl-px-xl-1 { padding-right: 0.5625rem !important; padding-left: 0.5625rem !important; } .pxl-px-xl-2 { padding-right: 1.125rem !important; padding-left: 1.125rem !important; } .pxl-px-xl-3 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-xl-4 { padding-right: 3.375rem !important; padding-left: 3.375rem !important; } .pxl-px-xl-5 { padding-right: 6.75rem !important; padding-left: 6.75rem !important; } .pxl-py-xl { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pxl-py-xl-1 { padding-top: 0.5625rem !important; padding-bottom: 0.5625rem !important; } .pxl-py-xl-2 { padding-top: 1.125rem !important; padding-bottom: 1.125rem !important; } .pxl-py-xl-3 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-xl-4 { padding-top: 3.375rem !important; padding-bottom: 3.375rem !important; } .pxl-py-xl-5 { padding-top: 6.75rem !important; padding-bottom: 6.75rem !important; } .pxl-pt-xl { padding-top: 2.25rem !important; } .pxl-pt-xl-0 { padding-top: 0 !important; } .pxl-pt-xl-1 { padding-top: 0.5625rem !important; } .pxl-pt-xl-2 { padding-top: 1.125rem !important; } .pxl-pt-xl-3 { padding-top: 2.25rem !important; } .pxl-pt-xl-4 { padding-top: 3.375rem !important; } .pxl-pt-xl-5 { padding-top: 6.75rem !important; } .pxl-pe-xl { padding-right: 2.25rem !important; } .pxl-pe-xl-0 { padding-right: 0 !important; } .pxl-pe-xl-1 { padding-right: 0.5625rem !important; } .pxl-pe-xl-2 { padding-right: 1.125rem !important; } .pxl-pe-xl-3 { padding-right: 2.25rem !important; } .pxl-pe-xl-4 { padding-right: 3.375rem !important; } .pxl-pe-xl-5 { padding-right: 6.75rem !important; } .pxl-pb-xl { padding-bottom: 2.25rem !important; } .pxl-pb-xl-0 { padding-bottom: 0 !important; } .pxl-pb-xl-1 { padding-bottom: 0.5625rem !important; } .pxl-pb-xl-2 { padding-bottom: 1.125rem !important; } .pxl-pb-xl-3 { padding-bottom: 2.25rem !important; } .pxl-pb-xl-4 { padding-bottom: 3.375rem !important; } .pxl-pb-xl-5 { padding-bottom: 6.75rem !important; } .pxl-ps-xl { padding-left: 2.25rem !important; } .pxl-ps-xl-0 { padding-left: 0 !important; } .pxl-ps-xl-1 { padding-left: 0.5625rem !important; } .pxl-ps-xl-2 { padding-left: 1.125rem !important; } .pxl-ps-xl-3 { padding-left: 2.25rem !important; } .pxl-ps-xl-4 { padding-left: 3.375rem !important; } .pxl-ps-xl-5 { padding-left: 6.75rem !important; } .pxl-text-xl-start { text-align: left !important; } .pxl-text-xl-end { text-align: right !important; } .pxl-text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .pxl-d-xxl-inline { display: inline !important; } .pxl-d-xxl-inline-block { display: inline-block !important; } .pxl-d-xxl-block { display: block !important; } .pxl-d-xxl-grid { display: grid !important; } .pxl-d-xxl-table { display: table !important; } .pxl-d-xxl-table-row { display: table-row !important; } .pxl-d-xxl-table-cell { display: table-cell !important; } .pxl-d-xxl-flex { display: flex !important; } .pxl-d-xxl-inline-flex { display: inline-flex !important; } .pxl-d-xxl-none { display: none !important; } .pxl-flex-xxl-fill { flex: 1 1 auto !important; } .pxl-flex-xxl-row { flex-direction: row !important; } .pxl-flex-xxl-column { flex-direction: column !important; } .pxl-flex-xxl-row-reverse { flex-direction: row-reverse !important; } .pxl-flex-xxl-column-reverse { flex-direction: column-reverse !important; } .pxl-flex-xxl-grow-0 { flex-grow: 0 !important; } .pxl-flex-xxl-grow-1 { flex-grow: 1 !important; } .pxl-flex-xxl-shrink-0 { flex-shrink: 0 !important; } .pxl-flex-xxl-shrink-1 { flex-shrink: 1 !important; } .pxl-flex-xxl-wrap { flex-wrap: wrap !important; } .pxl-flex-xxl-nowrap { flex-wrap: nowrap !important; } .pxl-flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .pxl-gap-xxl { gap: 2.25rem !important; } .pxl-gap-xxl-0 { gap: 0 !important; } .pxl-gap-xxl-1 { gap: 0.5625rem !important; } .pxl-gap-xxl-2 { gap: 1.125rem !important; } .pxl-gap-xxl-3 { gap: 2.25rem !important; } .pxl-gap-xxl-4 { gap: 3.375rem !important; } .pxl-gap-xxl-5 { gap: 6.75rem !important; } .pxl-justify-content-xxl-start { justify-content: flex-start !important; } .pxl-justify-content-xxl-end { justify-content: flex-end !important; } .pxl-justify-content-xxl-center { justify-content: center !important; } .pxl-justify-content-xxl-between { justify-content: space-between !important; } .pxl-justify-content-xxl-around { justify-content: space-around !important; } .pxl-justify-content-xxl-evenly { justify-content: space-evenly !important; } .pxl-align-items-xxl-start { align-items: flex-start !important; } .pxl-align-items-xxl-end { align-items: flex-end !important; } .pxl-align-items-xxl-center { align-items: center !important; } .pxl-align-items-xxl-baseline { align-items: baseline !important; } .pxl-align-items-xxl-stretch { align-items: stretch !important; } .pxl-align-content-xxl-start { align-content: flex-start !important; } .pxl-align-content-xxl-end { align-content: flex-end !important; } .pxl-align-content-xxl-center { align-content: center !important; } .pxl-align-content-xxl-between { align-content: space-between !important; } .pxl-align-content-xxl-around { align-content: space-around !important; } .pxl-align-content-xxl-stretch { align-content: stretch !important; } .pxl-align-self-xxl-auto { align-self: auto !important; } .pxl-align-self-xxl-start { align-self: flex-start !important; } .pxl-align-self-xxl-end { align-self: flex-end !important; } .pxl-align-self-xxl-center { align-self: center !important; } .pxl-align-self-xxl-baseline { align-self: baseline !important; } .pxl-align-self-xxl-stretch { align-self: stretch !important; } .pxl-order-xxl-first { order: -1 !important; } .pxl-order-xxl-0 { order: 0 !important; } .pxl-order-xxl-1 { order: 1 !important; } .pxl-order-xxl-2 { order: 2 !important; } .pxl-order-xxl-3 { order: 3 !important; } .pxl-order-xxl-4 { order: 4 !important; } .pxl-order-xxl-5 { order: 5 !important; } .pxl-order-xxl-last { order: 6 !important; } .pxl-m-xxl { margin: 2.25rem !important; } .pxl-m-xxl-0 { margin: 0 !important; } .pxl-m-xxl-1 { margin: 0.5625rem !important; } .pxl-m-xxl-2 { margin: 1.125rem !important; } .pxl-m-xxl-3 { margin: 2.25rem !important; } .pxl-m-xxl-4 { margin: 3.375rem !important; } .pxl-m-xxl-5 { margin: 6.75rem !important; } .pxl-m-xxl-auto { margin: auto !important; } .pxl-mx-xxl { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .pxl-mx-xxl-1 { margin-right: 0.5625rem !important; margin-left: 0.5625rem !important; } .pxl-mx-xxl-2 { margin-right: 1.125rem !important; margin-left: 1.125rem !important; } .pxl-mx-xxl-3 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .pxl-mx-xxl-4 { margin-right: 3.375rem !important; margin-left: 3.375rem !important; } .pxl-mx-xxl-5 { margin-right: 6.75rem !important; margin-left: 6.75rem !important; } .pxl-mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .pxl-my-xxl { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .pxl-my-xxl-1 { margin-top: 0.5625rem !important; margin-bottom: 0.5625rem !important; } .pxl-my-xxl-2 { margin-top: 1.125rem !important; margin-bottom: 1.125rem !important; } .pxl-my-xxl-3 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .pxl-my-xxl-4 { margin-top: 3.375rem !important; margin-bottom: 3.375rem !important; } .pxl-my-xxl-5 { margin-top: 6.75rem !important; margin-bottom: 6.75rem !important; } .pxl-my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .pxl-mt-xxl { margin-top: 2.25rem !important; } .pxl-mt-xxl-0 { margin-top: 0 !important; } .pxl-mt-xxl-1 { margin-top: 0.5625rem !important; } .pxl-mt-xxl-2 { margin-top: 1.125rem !important; } .pxl-mt-xxl-3 { margin-top: 2.25rem !important; } .pxl-mt-xxl-4 { margin-top: 3.375rem !important; } .pxl-mt-xxl-5 { margin-top: 6.75rem !important; } .pxl-mt-xxl-auto { margin-top: auto !important; } .pxl-me-xxl { margin-right: 2.25rem !important; } .pxl-me-xxl-0 { margin-right: 0 !important; } .pxl-me-xxl-1 { margin-right: 0.5625rem !important; } .pxl-me-xxl-2 { margin-right: 1.125rem !important; } .pxl-me-xxl-3 { margin-right: 2.25rem !important; } .pxl-me-xxl-4 { margin-right: 3.375rem !important; } .pxl-me-xxl-5 { margin-right: 6.75rem !important; } .pxl-me-xxl-auto { margin-right: auto !important; } .pxl-mb-xxl { margin-bottom: 2.25rem !important; } .pxl-mb-xxl-0 { margin-bottom: 0 !important; } .pxl-mb-xxl-1 { margin-bottom: 0.5625rem !important; } .pxl-mb-xxl-2 { margin-bottom: 1.125rem !important; } .pxl-mb-xxl-3 { margin-bottom: 2.25rem !important; } .pxl-mb-xxl-4 { margin-bottom: 3.375rem !important; } .pxl-mb-xxl-5 { margin-bottom: 6.75rem !important; } .pxl-mb-xxl-auto { margin-bottom: auto !important; } .pxl-ms-xxl { margin-left: 2.25rem !important; } .pxl-ms-xxl-0 { margin-left: 0 !important; } .pxl-ms-xxl-1 { margin-left: 0.5625rem !important; } .pxl-ms-xxl-2 { margin-left: 1.125rem !important; } .pxl-ms-xxl-3 { margin-left: 2.25rem !important; } .pxl-ms-xxl-4 { margin-left: 3.375rem !important; } .pxl-ms-xxl-5 { margin-left: 6.75rem !important; } .pxl-ms-xxl-auto { margin-left: auto !important; } .pxl-p-xxl { padding: 2.25rem !important; } .pxl-p-xxl-0 { padding: 0 !important; } .pxl-p-xxl-1 { padding: 0.5625rem !important; } .pxl-p-xxl-2 { padding: 1.125rem !important; } .pxl-p-xxl-3 { padding: 2.25rem !important; } .pxl-p-xxl-4 { padding: 3.375rem !important; } .pxl-p-xxl-5 { padding: 6.75rem !important; } .pxl-px-xxl { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .pxl-px-xxl-1 { padding-right: 0.5625rem !important; padding-left: 0.5625rem !important; } .pxl-px-xxl-2 { padding-right: 1.125rem !important; padding-left: 1.125rem !important; } .pxl-px-xxl-3 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .pxl-px-xxl-4 { padding-right: 3.375rem !important; padding-left: 3.375rem !important; } .pxl-px-xxl-5 { padding-right: 6.75rem !important; padding-left: 6.75rem !important; } .pxl-py-xxl { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pxl-py-xxl-1 { padding-top: 0.5625rem !important; padding-bottom: 0.5625rem !important; } .pxl-py-xxl-2 { padding-top: 1.125rem !important; padding-bottom: 1.125rem !important; } .pxl-py-xxl-3 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .pxl-py-xxl-4 { padding-top: 3.375rem !important; padding-bottom: 3.375rem !important; } .pxl-py-xxl-5 { padding-top: 6.75rem !important; padding-bottom: 6.75rem !important; } .pxl-pt-xxl { padding-top: 2.25rem !important; } .pxl-pt-xxl-0 { padding-top: 0 !important; } .pxl-pt-xxl-1 { padding-top: 0.5625rem !important; } .pxl-pt-xxl-2 { padding-top: 1.125rem !important; } .pxl-pt-xxl-3 { padding-top: 2.25rem !important; } .pxl-pt-xxl-4 { padding-top: 3.375rem !important; } .pxl-pt-xxl-5 { padding-top: 6.75rem !important; } .pxl-pe-xxl { padding-right: 2.25rem !important; } .pxl-pe-xxl-0 { padding-right: 0 !important; } .pxl-pe-xxl-1 { padding-right: 0.5625rem !important; } .pxl-pe-xxl-2 { padding-right: 1.125rem !important; } .pxl-pe-xxl-3 { padding-right: 2.25rem !important; } .pxl-pe-xxl-4 { padding-right: 3.375rem !important; } .pxl-pe-xxl-5 { padding-right: 6.75rem !important; } .pxl-pb-xxl { padding-bottom: 2.25rem !important; } .pxl-pb-xxl-0 { padding-bottom: 0 !important; } .pxl-pb-xxl-1 { padding-bottom: 0.5625rem !important; } .pxl-pb-xxl-2 { padding-bottom: 1.125rem !important; } .pxl-pb-xxl-3 { padding-bottom: 2.25rem !important; } .pxl-pb-xxl-4 { padding-bottom: 3.375rem !important; } .pxl-pb-xxl-5 { padding-bottom: 6.75rem !important; } .pxl-ps-xxl { padding-left: 2.25rem !important; } .pxl-ps-xxl-0 { padding-left: 0 !important; } .pxl-ps-xxl-1 { padding-left: 0.5625rem !important; } .pxl-ps-xxl-2 { padding-left: 1.125rem !important; } .pxl-ps-xxl-3 { padding-left: 2.25rem !important; } .pxl-ps-xxl-4 { padding-left: 3.375rem !important; } .pxl-ps-xxl-5 { padding-left: 6.75rem !important; } .pxl-text-xxl-start { text-align: left !important; } .pxl-text-xxl-end { text-align: right !important; } .pxl-text-xxl-center { text-align: center !important; } } @media print { .pxl-d-print-inline { display: inline !important; } .pxl-d-print-inline-block { display: inline-block !important; } .pxl-d-print-block { display: block !important; } .pxl-d-print-grid { display: grid !important; } .pxl-d-print-table { display: table !important; } .pxl-d-print-table-row { display: table-row !important; } .pxl-d-print-table-cell { display: table-cell !important; } .pxl-d-print-flex { display: flex !important; } .pxl-d-print-inline-flex { display: inline-flex !important; } .pxl-d-print-none { display: none !important; } } .pxl-screen-reader { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .pxl-row { --pxl-gutter-x: 3rem; --pxl-gutter-y: 3rem; display: flex; flex-wrap: wrap; column-gap: var(--pxl-gutter-y); } .pxl-row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-grid { display: grid; grid-template-rows: repeat(var(--pxl-rows, 1), 1fr); grid-template-columns: repeat(var(--pxl-columns, 12), 1fr); gap: var(--pxl-gap, 3rem); } .pxl-grid .pxl-g-col-1 { grid-column: auto/span 1; } .pxl-grid .pxl-g-col-2 { grid-column: auto/span 2; } .pxl-grid .pxl-g-col-3 { grid-column: auto/span 3; } .pxl-grid .pxl-g-col-4 { grid-column: auto/span 4; } .pxl-grid .pxl-g-col-5 { grid-column: auto/span 5; } .pxl-grid .pxl-g-col-6 { grid-column: auto/span 6; } .pxl-grid .pxl-g-col-7 { grid-column: auto/span 7; } .pxl-grid .pxl-g-col-8 { grid-column: auto/span 8; } .pxl-grid .pxl-g-col-9 { grid-column: auto/span 9; } .pxl-grid .pxl-g-col-10 { grid-column: auto/span 10; } .pxl-grid .pxl-g-col-11 { grid-column: auto/span 11; } .pxl-grid .pxl-g-col-12 { grid-column: auto/span 12; } .pxl-grid .pxl-g-start-1 { grid-column-start: 1; } .pxl-grid .pxl-g-start-2 { grid-column-start: 2; } .pxl-grid .pxl-g-start-3 { grid-column-start: 3; } .pxl-grid .pxl-g-start-4 { grid-column-start: 4; } .pxl-grid .pxl-g-start-5 { grid-column-start: 5; } .pxl-grid .pxl-g-start-6 { grid-column-start: 6; } .pxl-grid .pxl-g-start-7 { grid-column-start: 7; } .pxl-grid .pxl-g-start-8 { grid-column-start: 8; } .pxl-grid .pxl-g-start-9 { grid-column-start: 9; } .pxl-grid .pxl-g-start-10 { grid-column-start: 10; } .pxl-grid .pxl-g-start-11 { grid-column-start: 11; } @media (min-width: 576px) { .pxl-grid .pxl-g-col-sm-1 { grid-column: auto/span 1; } .pxl-grid .pxl-g-col-sm-2 { grid-column: auto/span 2; } .pxl-grid .pxl-g-col-sm-3 { grid-column: auto/span 3; } .pxl-grid .pxl-g-col-sm-4 { grid-column: auto/span 4; } .pxl-grid .pxl-g-col-sm-5 { grid-column: auto/span 5; } .pxl-grid .pxl-g-col-sm-6 { grid-column: auto/span 6; } .pxl-grid .pxl-g-col-sm-7 { grid-column: auto/span 7; } .pxl-grid .pxl-g-col-sm-8 { grid-column: auto/span 8; } .pxl-grid .pxl-g-col-sm-9 { grid-column: auto/span 9; } .pxl-grid .pxl-g-col-sm-10 { grid-column: auto/span 10; } .pxl-grid .pxl-g-col-sm-11 { grid-column: auto/span 11; } .pxl-grid .pxl-g-col-sm-12 { grid-column: auto/span 12; } .pxl-grid .pxl-g-start-sm-1 { grid-column-start: 1; } .pxl-grid .pxl-g-start-sm-2 { grid-column-start: 2; } .pxl-grid .pxl-g-start-sm-3 { grid-column-start: 3; } .pxl-grid .pxl-g-start-sm-4 { grid-column-start: 4; } .pxl-grid .pxl-g-start-sm-5 { grid-column-start: 5; } .pxl-grid .pxl-g-start-sm-6 { grid-column-start: 6; } .pxl-grid .pxl-g-start-sm-7 { grid-column-start: 7; } .pxl-grid .pxl-g-start-sm-8 { grid-column-start: 8; } .pxl-grid .pxl-g-start-sm-9 { grid-column-start: 9; } .pxl-grid .pxl-g-start-sm-10 { grid-column-start: 10; } .pxl-grid .pxl-g-start-sm-11 { grid-column-start: 11; } } @media (min-width: 768px) { .pxl-grid .pxl-g-col-md-1 { grid-column: auto/span 1; } .pxl-grid .pxl-g-col-md-2 { grid-column: auto/span 2; } .pxl-grid .pxl-g-col-md-3 { grid-column: auto/span 3; } .pxl-grid .pxl-g-col-md-4 { grid-column: auto/span 4; } .pxl-grid .pxl-g-col-md-5 { grid-column: auto/span 5; } .pxl-grid .pxl-g-col-md-6 { grid-column: auto/span 6; } .pxl-grid .pxl-g-col-md-7 { grid-column: auto/span 7; } .pxl-grid .pxl-g-col-md-8 { grid-column: auto/span 8; } .pxl-grid .pxl-g-col-md-9 { grid-column: auto/span 9; } .pxl-grid .pxl-g-col-md-10 { grid-column: auto/span 10; } .pxl-grid .pxl-g-col-md-11 { grid-column: auto/span 11; } .pxl-grid .pxl-g-col-md-12 { grid-column: auto/span 12; } .pxl-grid .pxl-g-start-md-1 { grid-column-start: 1; } .pxl-grid .pxl-g-start-md-2 { grid-column-start: 2; } .pxl-grid .pxl-g-start-md-3 { grid-column-start: 3; } .pxl-grid .pxl-g-start-md-4 { grid-column-start: 4; } .pxl-grid .pxl-g-start-md-5 { grid-column-start: 5; } .pxl-grid .pxl-g-start-md-6 { grid-column-start: 6; } .pxl-grid .pxl-g-start-md-7 { grid-column-start: 7; } .pxl-grid .pxl-g-start-md-8 { grid-column-start: 8; } .pxl-grid .pxl-g-start-md-9 { grid-column-start: 9; } .pxl-grid .pxl-g-start-md-10 { grid-column-start: 10; } .pxl-grid .pxl-g-start-md-11 { grid-column-start: 11; } } @media (min-width: 992px) { .pxl-grid .pxl-g-col-lg-1 { grid-column: auto/span 1; } .pxl-grid .pxl-g-col-lg-2 { grid-column: auto/span 2; } .pxl-grid .pxl-g-col-lg-3 { grid-column: auto/span 3; } .pxl-grid .pxl-g-col-lg-4 { grid-column: auto/span 4; } .pxl-grid .pxl-g-col-lg-5 { grid-column: auto/span 5; } .pxl-grid .pxl-g-col-lg-6 { grid-column: auto/span 6; } .pxl-grid .pxl-g-col-lg-7 { grid-column: auto/span 7; } .pxl-grid .pxl-g-col-lg-8 { grid-column: auto/span 8; } .pxl-grid .pxl-g-col-lg-9 { grid-column: auto/span 9; } .pxl-grid .pxl-g-col-lg-10 { grid-column: auto/span 10; } .pxl-grid .pxl-g-col-lg-11 { grid-column: auto/span 11; } .pxl-grid .pxl-g-col-lg-12 { grid-column: auto/span 12; } .pxl-grid .pxl-g-start-lg-1 { grid-column-start: 1; } .pxl-grid .pxl-g-start-lg-2 { grid-column-start: 2; } .pxl-grid .pxl-g-start-lg-3 { grid-column-start: 3; } .pxl-grid .pxl-g-start-lg-4 { grid-column-start: 4; } .pxl-grid .pxl-g-start-lg-5 { grid-column-start: 5; } .pxl-grid .pxl-g-start-lg-6 { grid-column-start: 6; } .pxl-grid .pxl-g-start-lg-7 { grid-column-start: 7; } .pxl-grid .pxl-g-start-lg-8 { grid-column-start: 8; } .pxl-grid .pxl-g-start-lg-9 { grid-column-start: 9; } .pxl-grid .pxl-g-start-lg-10 { grid-column-start: 10; } .pxl-grid .pxl-g-start-lg-11 { grid-column-start: 11; } } @media (min-width: 1200px) { .pxl-grid .pxl-g-col-xl-1 { grid-column: auto/span 1; } .pxl-grid .pxl-g-col-xl-2 { grid-column: auto/span 2; } .pxl-grid .pxl-g-col-xl-3 { grid-column: auto/span 3; } .pxl-grid .pxl-g-col-xl-4 { grid-column: auto/span 4; } .pxl-grid .pxl-g-col-xl-5 { grid-column: auto/span 5; } .pxl-grid .pxl-g-col-xl-6 { grid-column: auto/span 6; } .pxl-grid .pxl-g-col-xl-7 { grid-column: auto/span 7; } .pxl-grid .pxl-g-col-xl-8 { grid-column: auto/span 8; } .pxl-grid .pxl-g-col-xl-9 { grid-column: auto/span 9; } .pxl-grid .pxl-g-col-xl-10 { grid-column: auto/span 10; } .pxl-grid .pxl-g-col-xl-11 { grid-column: auto/span 11; } .pxl-grid .pxl-g-col-xl-12 { grid-column: auto/span 12; } .pxl-grid .pxl-g-start-xl-1 { grid-column-start: 1; } .pxl-grid .pxl-g-start-xl-2 { grid-column-start: 2; } .pxl-grid .pxl-g-start-xl-3 { grid-column-start: 3; } .pxl-grid .pxl-g-start-xl-4 { grid-column-start: 4; } .pxl-grid .pxl-g-start-xl-5 { grid-column-start: 5; } .pxl-grid .pxl-g-start-xl-6 { grid-column-start: 6; } .pxl-grid .pxl-g-start-xl-7 { grid-column-start: 7; } .pxl-grid .pxl-g-start-xl-8 { grid-column-start: 8; } .pxl-grid .pxl-g-start-xl-9 { grid-column-start: 9; } .pxl-grid .pxl-g-start-xl-10 { grid-column-start: 10; } .pxl-grid .pxl-g-start-xl-11 { grid-column-start: 11; } } @media (min-width: 1400px) { .pxl-grid .pxl-g-col-xxl-1 { grid-column: auto/span 1; } .pxl-grid .pxl-g-col-xxl-2 { grid-column: auto/span 2; } .pxl-grid .pxl-g-col-xxl-3 { grid-column: auto/span 3; } .pxl-grid .pxl-g-col-xxl-4 { grid-column: auto/span 4; } .pxl-grid .pxl-g-col-xxl-5 { grid-column: auto/span 5; } .pxl-grid .pxl-g-col-xxl-6 { grid-column: auto/span 6; } .pxl-grid .pxl-g-col-xxl-7 { grid-column: auto/span 7; } .pxl-grid .pxl-g-col-xxl-8 { grid-column: auto/span 8; } .pxl-grid .pxl-g-col-xxl-9 { grid-column: auto/span 9; } .pxl-grid .pxl-g-col-xxl-10 { grid-column: auto/span 10; } .pxl-grid .pxl-g-col-xxl-11 { grid-column: auto/span 11; } .pxl-grid .pxl-g-col-xxl-12 { grid-column: auto/span 12; } .pxl-grid .pxl-g-start-xxl-1 { grid-column-start: 1; } .pxl-grid .pxl-g-start-xxl-2 { grid-column-start: 2; } .pxl-grid .pxl-g-start-xxl-3 { grid-column-start: 3; } .pxl-grid .pxl-g-start-xxl-4 { grid-column-start: 4; } .pxl-grid .pxl-g-start-xxl-5 { grid-column-start: 5; } .pxl-grid .pxl-g-start-xxl-6 { grid-column-start: 6; } .pxl-grid .pxl-g-start-xxl-7 { grid-column-start: 7; } .pxl-grid .pxl-g-start-xxl-8 { grid-column-start: 8; } .pxl-grid .pxl-g-start-xxl-9 { grid-column-start: 9; } .pxl-grid .pxl-g-start-xxl-10 { grid-column-start: 10; } .pxl-grid .pxl-g-start-xxl-11 { grid-column-start: 11; } } .pxl-col { flex: 1 0 0%; } .pxl-row-cols-auto > * { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-row-cols-1 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); } .pxl-row-cols-2 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); } .pxl-row-cols-3 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); } .pxl-row-cols-4 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); } .pxl-row-cols-5 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 4) / 5); } .pxl-row-cols-6 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); } .pxl-col-auto { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-1 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 11) / 12); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-2 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-3 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-4 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-5 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-6 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-7 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-8 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-9 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-10 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-11 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-12 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-offset-1 { margin-left: calc((100% - var(--pxl-gutter-y) * 11) / 12 + var(--pxl-gutter-y)); } .pxl-offset-2 { margin-left: calc((100% - var(--pxl-gutter-y) * 5) / 6 + var(--pxl-gutter-y)); } .pxl-offset-3 { margin-left: calc((100% - var(--pxl-gutter-y) * 3) / 4 + var(--pxl-gutter-y)); } .pxl-offset-4 { margin-left: calc((100% - var(--pxl-gutter-y) * 2) / 3 + var(--pxl-gutter-y)); } .pxl-offset-5 { margin-left: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4 + var(--pxl-gutter-y)); } .pxl-offset-6 { margin-left: calc((100% - var(--pxl-gutter-y) * 1) / 2 + var(--pxl-gutter-y)); } .pxl-offset-7 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143 + var(--pxl-gutter-y)); } .pxl-offset-8 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5 + var(--pxl-gutter-y)); } .pxl-offset-9 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333 + var(--pxl-gutter-y)); } .pxl-offset-10 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2 + var(--pxl-gutter-y)); } .pxl-offset-11 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909 + var(--pxl-gutter-y)); } .pxl-g-, .pxl-gx- { --pxl-gutter-x: 2.25rem; } .pxl-g-, .pxl-gy- { --pxl-gutter-y: 2.25rem; } .pxl-g-0, .pxl-gx-0 { --pxl-gutter-x: 0; } .pxl-g-0, .pxl-gy-0 { --pxl-gutter-y: 0; } .pxl-g-1, .pxl-gx-1 { --pxl-gutter-x: 0.5625rem; } .pxl-g-1, .pxl-gy-1 { --pxl-gutter-y: 0.5625rem; } .pxl-g-2, .pxl-gx-2 { --pxl-gutter-x: 1.125rem; } .pxl-g-2, .pxl-gy-2 { --pxl-gutter-y: 1.125rem; } .pxl-g-3, .pxl-gx-3 { --pxl-gutter-x: 2.25rem; } .pxl-g-3, .pxl-gy-3 { --pxl-gutter-y: 2.25rem; } .pxl-g-4, .pxl-gx-4 { --pxl-gutter-x: 3.375rem; } .pxl-g-4, .pxl-gy-4 { --pxl-gutter-y: 3.375rem; } .pxl-g-5, .pxl-gx-5 { --pxl-gutter-x: 6.75rem; } .pxl-g-5, .pxl-gy-5 { --pxl-gutter-y: 6.75rem; } @media (min-width: 576px) { .pxl-col-sm { flex: 1 0 0%; } .pxl-row-cols-sm-auto > * { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-row-cols-sm-1 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); } .pxl-row-cols-sm-2 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); } .pxl-row-cols-sm-3 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); } .pxl-row-cols-sm-4 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); } .pxl-row-cols-sm-5 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 4) / 5); } .pxl-row-cols-sm-6 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); } .pxl-col-sm-auto { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-1 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 11) / 12); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-2 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-3 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-4 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-5 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-6 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-7 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-8 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-9 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-10 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-11 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-sm-12 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-offset-sm-0 { margin-left: calc((100% - var(--pxl-gutter-y) * infinity) / infinity + var(--pxl-gutter-y)); } .pxl-offset-sm-1 { margin-left: calc((100% - var(--pxl-gutter-y) * 11) / 12 + var(--pxl-gutter-y)); } .pxl-offset-sm-2 { margin-left: calc((100% - var(--pxl-gutter-y) * 5) / 6 + var(--pxl-gutter-y)); } .pxl-offset-sm-3 { margin-left: calc((100% - var(--pxl-gutter-y) * 3) / 4 + var(--pxl-gutter-y)); } .pxl-offset-sm-4 { margin-left: calc((100% - var(--pxl-gutter-y) * 2) / 3 + var(--pxl-gutter-y)); } .pxl-offset-sm-5 { margin-left: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4 + var(--pxl-gutter-y)); } .pxl-offset-sm-6 { margin-left: calc((100% - var(--pxl-gutter-y) * 1) / 2 + var(--pxl-gutter-y)); } .pxl-offset-sm-7 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143 + var(--pxl-gutter-y)); } .pxl-offset-sm-8 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5 + var(--pxl-gutter-y)); } .pxl-offset-sm-9 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333 + var(--pxl-gutter-y)); } .pxl-offset-sm-10 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2 + var(--pxl-gutter-y)); } .pxl-offset-sm-11 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909 + var(--pxl-gutter-y)); } .pxl-g-sm-, .pxl-gx-sm- { --pxl-gutter-x: 2.25rem; } .pxl-g-sm-, .pxl-gy-sm- { --pxl-gutter-y: 2.25rem; } .pxl-g-sm-0, .pxl-gx-sm-0 { --pxl-gutter-x: 0; } .pxl-g-sm-0, .pxl-gy-sm-0 { --pxl-gutter-y: 0; } .pxl-g-sm-1, .pxl-gx-sm-1 { --pxl-gutter-x: 0.5625rem; } .pxl-g-sm-1, .pxl-gy-sm-1 { --pxl-gutter-y: 0.5625rem; } .pxl-g-sm-2, .pxl-gx-sm-2 { --pxl-gutter-x: 1.125rem; } .pxl-g-sm-2, .pxl-gy-sm-2 { --pxl-gutter-y: 1.125rem; } .pxl-g-sm-3, .pxl-gx-sm-3 { --pxl-gutter-x: 2.25rem; } .pxl-g-sm-3, .pxl-gy-sm-3 { --pxl-gutter-y: 2.25rem; } .pxl-g-sm-4, .pxl-gx-sm-4 { --pxl-gutter-x: 3.375rem; } .pxl-g-sm-4, .pxl-gy-sm-4 { --pxl-gutter-y: 3.375rem; } .pxl-g-sm-5, .pxl-gx-sm-5 { --pxl-gutter-x: 6.75rem; } .pxl-g-sm-5, .pxl-gy-sm-5 { --pxl-gutter-y: 6.75rem; } } @media (min-width: 768px) { .pxl-col-md { flex: 1 0 0%; } .pxl-row-cols-md-auto > * { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-row-cols-md-1 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); } .pxl-row-cols-md-2 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); } .pxl-row-cols-md-3 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); } .pxl-row-cols-md-4 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); } .pxl-row-cols-md-5 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 4) / 5); } .pxl-row-cols-md-6 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); } .pxl-col-md-auto { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-1 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 11) / 12); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-2 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-3 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-4 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-5 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-6 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-7 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-8 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-9 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-10 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-11 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-md-12 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-offset-md-0 { margin-left: calc((100% - var(--pxl-gutter-y) * infinity) / infinity + var(--pxl-gutter-y)); } .pxl-offset-md-1 { margin-left: calc((100% - var(--pxl-gutter-y) * 11) / 12 + var(--pxl-gutter-y)); } .pxl-offset-md-2 { margin-left: calc((100% - var(--pxl-gutter-y) * 5) / 6 + var(--pxl-gutter-y)); } .pxl-offset-md-3 { margin-left: calc((100% - var(--pxl-gutter-y) * 3) / 4 + var(--pxl-gutter-y)); } .pxl-offset-md-4 { margin-left: calc((100% - var(--pxl-gutter-y) * 2) / 3 + var(--pxl-gutter-y)); } .pxl-offset-md-5 { margin-left: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4 + var(--pxl-gutter-y)); } .pxl-offset-md-6 { margin-left: calc((100% - var(--pxl-gutter-y) * 1) / 2 + var(--pxl-gutter-y)); } .pxl-offset-md-7 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143 + var(--pxl-gutter-y)); } .pxl-offset-md-8 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5 + var(--pxl-gutter-y)); } .pxl-offset-md-9 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333 + var(--pxl-gutter-y)); } .pxl-offset-md-10 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2 + var(--pxl-gutter-y)); } .pxl-offset-md-11 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909 + var(--pxl-gutter-y)); } .pxl-g-md-, .pxl-gx-md- { --pxl-gutter-x: 2.25rem; } .pxl-g-md-, .pxl-gy-md- { --pxl-gutter-y: 2.25rem; } .pxl-g-md-0, .pxl-gx-md-0 { --pxl-gutter-x: 0; } .pxl-g-md-0, .pxl-gy-md-0 { --pxl-gutter-y: 0; } .pxl-g-md-1, .pxl-gx-md-1 { --pxl-gutter-x: 0.5625rem; } .pxl-g-md-1, .pxl-gy-md-1 { --pxl-gutter-y: 0.5625rem; } .pxl-g-md-2, .pxl-gx-md-2 { --pxl-gutter-x: 1.125rem; } .pxl-g-md-2, .pxl-gy-md-2 { --pxl-gutter-y: 1.125rem; } .pxl-g-md-3, .pxl-gx-md-3 { --pxl-gutter-x: 2.25rem; } .pxl-g-md-3, .pxl-gy-md-3 { --pxl-gutter-y: 2.25rem; } .pxl-g-md-4, .pxl-gx-md-4 { --pxl-gutter-x: 3.375rem; } .pxl-g-md-4, .pxl-gy-md-4 { --pxl-gutter-y: 3.375rem; } .pxl-g-md-5, .pxl-gx-md-5 { --pxl-gutter-x: 6.75rem; } .pxl-g-md-5, .pxl-gy-md-5 { --pxl-gutter-y: 6.75rem; } } @media (min-width: 992px) { .pxl-col-lg { flex: 1 0 0%; } .pxl-row-cols-lg-auto > * { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-row-cols-lg-1 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); } .pxl-row-cols-lg-2 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); } .pxl-row-cols-lg-3 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); } .pxl-row-cols-lg-4 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); } .pxl-row-cols-lg-5 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 4) / 5); } .pxl-row-cols-lg-6 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); } .pxl-col-lg-auto { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-1 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 11) / 12); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-2 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-3 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-4 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-5 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-6 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-7 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-8 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-9 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-10 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-11 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-lg-12 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-offset-lg-0 { margin-left: calc((100% - var(--pxl-gutter-y) * infinity) / infinity + var(--pxl-gutter-y)); } .pxl-offset-lg-1 { margin-left: calc((100% - var(--pxl-gutter-y) * 11) / 12 + var(--pxl-gutter-y)); } .pxl-offset-lg-2 { margin-left: calc((100% - var(--pxl-gutter-y) * 5) / 6 + var(--pxl-gutter-y)); } .pxl-offset-lg-3 { margin-left: calc((100% - var(--pxl-gutter-y) * 3) / 4 + var(--pxl-gutter-y)); } .pxl-offset-lg-4 { margin-left: calc((100% - var(--pxl-gutter-y) * 2) / 3 + var(--pxl-gutter-y)); } .pxl-offset-lg-5 { margin-left: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4 + var(--pxl-gutter-y)); } .pxl-offset-lg-6 { margin-left: calc((100% - var(--pxl-gutter-y) * 1) / 2 + var(--pxl-gutter-y)); } .pxl-offset-lg-7 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143 + var(--pxl-gutter-y)); } .pxl-offset-lg-8 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5 + var(--pxl-gutter-y)); } .pxl-offset-lg-9 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333 + var(--pxl-gutter-y)); } .pxl-offset-lg-10 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2 + var(--pxl-gutter-y)); } .pxl-offset-lg-11 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909 + var(--pxl-gutter-y)); } .pxl-g-lg-, .pxl-gx-lg- { --pxl-gutter-x: 2.25rem; } .pxl-g-lg-, .pxl-gy-lg- { --pxl-gutter-y: 2.25rem; } .pxl-g-lg-0, .pxl-gx-lg-0 { --pxl-gutter-x: 0; } .pxl-g-lg-0, .pxl-gy-lg-0 { --pxl-gutter-y: 0; } .pxl-g-lg-1, .pxl-gx-lg-1 { --pxl-gutter-x: 0.5625rem; } .pxl-g-lg-1, .pxl-gy-lg-1 { --pxl-gutter-y: 0.5625rem; } .pxl-g-lg-2, .pxl-gx-lg-2 { --pxl-gutter-x: 1.125rem; } .pxl-g-lg-2, .pxl-gy-lg-2 { --pxl-gutter-y: 1.125rem; } .pxl-g-lg-3, .pxl-gx-lg-3 { --pxl-gutter-x: 2.25rem; } .pxl-g-lg-3, .pxl-gy-lg-3 { --pxl-gutter-y: 2.25rem; } .pxl-g-lg-4, .pxl-gx-lg-4 { --pxl-gutter-x: 3.375rem; } .pxl-g-lg-4, .pxl-gy-lg-4 { --pxl-gutter-y: 3.375rem; } .pxl-g-lg-5, .pxl-gx-lg-5 { --pxl-gutter-x: 6.75rem; } .pxl-g-lg-5, .pxl-gy-lg-5 { --pxl-gutter-y: 6.75rem; } } @media (min-width: 1200px) { .pxl-col-xl { flex: 1 0 0%; } .pxl-row-cols-xl-auto > * { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-row-cols-xl-1 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); } .pxl-row-cols-xl-2 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); } .pxl-row-cols-xl-3 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); } .pxl-row-cols-xl-4 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); } .pxl-row-cols-xl-5 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 4) / 5); } .pxl-row-cols-xl-6 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); } .pxl-col-xl-auto { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-1 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 11) / 12); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-2 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-3 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-4 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-5 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-6 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-7 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-8 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-9 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-10 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-11 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xl-12 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-offset-xl-0 { margin-left: calc((100% - var(--pxl-gutter-y) * infinity) / infinity + var(--pxl-gutter-y)); } .pxl-offset-xl-1 { margin-left: calc((100% - var(--pxl-gutter-y) * 11) / 12 + var(--pxl-gutter-y)); } .pxl-offset-xl-2 { margin-left: calc((100% - var(--pxl-gutter-y) * 5) / 6 + var(--pxl-gutter-y)); } .pxl-offset-xl-3 { margin-left: calc((100% - var(--pxl-gutter-y) * 3) / 4 + var(--pxl-gutter-y)); } .pxl-offset-xl-4 { margin-left: calc((100% - var(--pxl-gutter-y) * 2) / 3 + var(--pxl-gutter-y)); } .pxl-offset-xl-5 { margin-left: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4 + var(--pxl-gutter-y)); } .pxl-offset-xl-6 { margin-left: calc((100% - var(--pxl-gutter-y) * 1) / 2 + var(--pxl-gutter-y)); } .pxl-offset-xl-7 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143 + var(--pxl-gutter-y)); } .pxl-offset-xl-8 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5 + var(--pxl-gutter-y)); } .pxl-offset-xl-9 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333 + var(--pxl-gutter-y)); } .pxl-offset-xl-10 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2 + var(--pxl-gutter-y)); } .pxl-offset-xl-11 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909 + var(--pxl-gutter-y)); } .pxl-g-xl-, .pxl-gx-xl- { --pxl-gutter-x: 2.25rem; } .pxl-g-xl-, .pxl-gy-xl- { --pxl-gutter-y: 2.25rem; } .pxl-g-xl-0, .pxl-gx-xl-0 { --pxl-gutter-x: 0; } .pxl-g-xl-0, .pxl-gy-xl-0 { --pxl-gutter-y: 0; } .pxl-g-xl-1, .pxl-gx-xl-1 { --pxl-gutter-x: 0.5625rem; } .pxl-g-xl-1, .pxl-gy-xl-1 { --pxl-gutter-y: 0.5625rem; } .pxl-g-xl-2, .pxl-gx-xl-2 { --pxl-gutter-x: 1.125rem; } .pxl-g-xl-2, .pxl-gy-xl-2 { --pxl-gutter-y: 1.125rem; } .pxl-g-xl-3, .pxl-gx-xl-3 { --pxl-gutter-x: 2.25rem; } .pxl-g-xl-3, .pxl-gy-xl-3 { --pxl-gutter-y: 2.25rem; } .pxl-g-xl-4, .pxl-gx-xl-4 { --pxl-gutter-x: 3.375rem; } .pxl-g-xl-4, .pxl-gy-xl-4 { --pxl-gutter-y: 3.375rem; } .pxl-g-xl-5, .pxl-gx-xl-5 { --pxl-gutter-x: 6.75rem; } .pxl-g-xl-5, .pxl-gy-xl-5 { --pxl-gutter-y: 6.75rem; } } @media (min-width: 1400px) { .pxl-col-xxl { flex: 1 0 0%; } .pxl-row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-row-cols-xxl-1 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); } .pxl-row-cols-xxl-2 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); } .pxl-row-cols-xxl-3 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); } .pxl-row-cols-xxl-4 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); } .pxl-row-cols-xxl-5 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 4) / 5); } .pxl-row-cols-xxl-6 > * { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); } .pxl-col-xxl-auto { flex: 0 0 auto; width: auto; padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-1 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 11) / 12); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-2 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 5) / 6); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-3 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 3) / 4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-4 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 2) / 3); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-5 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-6 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 1) / 2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-7 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-8 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-9 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-10 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-11 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-col-xxl-12 { flex: 0 0 auto; width: calc((100% - var(--pxl-gutter-y) * 0) / 1); padding-top: calc(var(--pxl-gutter-x) * 0.5); padding-bottom: calc(var(--pxl-gutter-x) * 0.5); } .pxl-offset-xxl-0 { margin-left: calc((100% - var(--pxl-gutter-y) * infinity) / infinity + var(--pxl-gutter-y)); } .pxl-offset-xxl-1 { margin-left: calc((100% - var(--pxl-gutter-y) * 11) / 12 + var(--pxl-gutter-y)); } .pxl-offset-xxl-2 { margin-left: calc((100% - var(--pxl-gutter-y) * 5) / 6 + var(--pxl-gutter-y)); } .pxl-offset-xxl-3 { margin-left: calc((100% - var(--pxl-gutter-y) * 3) / 4 + var(--pxl-gutter-y)); } .pxl-offset-xxl-4 { margin-left: calc((100% - var(--pxl-gutter-y) * 2) / 3 + var(--pxl-gutter-y)); } .pxl-offset-xxl-5 { margin-left: calc((100% - var(--pxl-gutter-y) * 1.4) / 2.4 + var(--pxl-gutter-y)); } .pxl-offset-xxl-6 { margin-left: calc((100% - var(--pxl-gutter-y) * 1) / 2 + var(--pxl-gutter-y)); } .pxl-offset-xxl-7 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.7142857143) / 1.7142857143 + var(--pxl-gutter-y)); } .pxl-offset-xxl-8 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.5) / 1.5 + var(--pxl-gutter-y)); } .pxl-offset-xxl-9 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.3333333333) / 1.3333333333 + var(--pxl-gutter-y)); } .pxl-offset-xxl-10 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.2) / 1.2 + var(--pxl-gutter-y)); } .pxl-offset-xxl-11 { margin-left: calc((100% - var(--pxl-gutter-y) * 0.0909090909) / 1.0909090909 + var(--pxl-gutter-y)); } .pxl-g-xxl-, .pxl-gx-xxl- { --pxl-gutter-x: 2.25rem; } .pxl-g-xxl-, .pxl-gy-xxl- { --pxl-gutter-y: 2.25rem; } .pxl-g-xxl-0, .pxl-gx-xxl-0 { --pxl-gutter-x: 0; } .pxl-g-xxl-0, .pxl-gy-xxl-0 { --pxl-gutter-y: 0; } .pxl-g-xxl-1, .pxl-gx-xxl-1 { --pxl-gutter-x: 0.5625rem; } .pxl-g-xxl-1, .pxl-gy-xxl-1 { --pxl-gutter-y: 0.5625rem; } .pxl-g-xxl-2, .pxl-gx-xxl-2 { --pxl-gutter-x: 1.125rem; } .pxl-g-xxl-2, .pxl-gy-xxl-2 { --pxl-gutter-y: 1.125rem; } .pxl-g-xxl-3, .pxl-gx-xxl-3 { --pxl-gutter-x: 2.25rem; } .pxl-g-xxl-3, .pxl-gy-xxl-3 { --pxl-gutter-y: 2.25rem; } .pxl-g-xxl-4, .pxl-gx-xxl-4 { --pxl-gutter-x: 3.375rem; } .pxl-g-xxl-4, .pxl-gy-xxl-4 { --pxl-gutter-y: 3.375rem; } .pxl-g-xxl-5, .pxl-gx-xxl-5 { --pxl-gutter-x: 6.75rem; } .pxl-g-xxl-5, .pxl-gy-xxl-5 { --pxl-gutter-y: 6.75rem; } } .pxl-container, .pxl-container-fluid, .pxl-container-xxl, .pxl-container-xl, .pxl-container-lg, .pxl-container-md, .pxl-container-sm { --pxl-gutter-x: 1.5rem; --pxl-gutter-y: 1.5rem; width: 100%; } @media (min-width: 576px) { .pxl-container-sm, .pxl-container { max-width: 540px; } } @media (min-width: 768px) { .pxl-container-md, .pxl-container-sm, .pxl-container { max-width: 720px; } } @media (min-width: 992px) { .pxl-container-lg, .pxl-container-md, .pxl-container-sm, .pxl-container { max-width: 960px; } } @media (min-width: 1200px) { .pxl-container-xl, .pxl-container-lg, .pxl-container-md, .pxl-container-sm, .pxl-container { max-width: 1140px; } } @media (min-width: 1400px) { .pxl-container-xxl, .pxl-container-xl, .pxl-container-lg, .pxl-container-md, .pxl-container-sm, .pxl-container { max-width: 1320px; } } .pxl-container, .pxl-container-fluid, .pxl-container-sm, .pxl-container-md, .pxl-container-lg, .pxl-container-xl, .pxl-container-xxl, [class^=pxl-col], [class^=pxl-row], .pxl-row > * { box-sizing: border-box !important; } [class^=pxl-col] > .pxl-row > [class^=pxl-col] { padding-top: 0; padding-bottom: 0; } html { font-size: 8px; background-color: var(--pxl-body-background); color: var(--pxl-color-font); } body { font-family: "Inter", Arial, Helvetica, sans-serif; background-color: var(--pxl-body-background); padding: 0; margin: 0 !important; font-weight: 300; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography, body { font: 400 1.75rem/2.25rem "Inter", Arial, Helvetica, sans-serif !important; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p, body p { margin-bottom: 1.5rem; } b { font-weight: 500 !important; } .pxl__form { display: inline-block; } .label { padding: 4px 12px; margin: 4px 8px; } .label.info { color: var(--pxl-info-contrast); background-color: var(--pxl-info); } .label.warning { color: var(--pxl-warning-contrast); background-color: var(--pxl-warning); } .label.success { color: var(--pxl-success-contrast); background-color: var(--pxl-success); } .label.error { color: var(--pxl-error-contrast); background-color: var(--pxl-error); } .label.general { color: var(--pxl-general-contrast); background-color: var(--pxl-general); } .label.accent1 { color: var(--pxl-accent1-contrast); background-color: var(--pxl-accent1); } .label.accent2 { color: var(--pxl-accent2-contrast); background-color: var(--pxl-accent2); } .message { padding: 4px 12px; border-radius: 2px; border-width: 1px 1px 1px 3px; border-style: solid; color: var(--pxl-color-font); margin: 4px 8px; } .message.info { border-color: var(--pxl-info); background-color: var(--pxl-info-bg); } .message.warning { border-color: var(--pxl-warning); background-color: var(--pxl-warning-bg); } .message.success { border-color: var(--pxl-success); background-color: var(--pxl-success-bg); } .message.error { border-color: var(--pxl-error); background-color: var(--pxl-error-bg); } .message.general { border-color: var(--pxl-general); background-color: var(--pxl-general-bg); } .message.accent1 { border-color: var(--pxl-accent1); background-color: var(--pxl-accent1-bg); } .message.accent2 { border-color: var(--pxl-accent2); background-color: var(--pxl-accent2-bg); } section { display: block; position: relative; padding: 20px 48px !important; } button { background: transparent; border: none; cursor: pointer; line-height: initial; text-align: center; } .pxl-focus:focus { outline: 0; box-shadow: 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .pxl-code { background: var(--pxl-primary-tint-01); padding: 2rem; border-radius: 0.5rem; } h1, .mat-h1, .mat-headline-1, .pxl-h1 { font-family: "Inter", Arial, Helvetica, sans-serif; font-size: 4rem; line-height: 5rem; font-weight: 300; margin-bottom: 2rem; } h2, .mat-h2, .mat-headline-2, .pxl-h2 { font-family: "Inter", Arial, Helvetica, sans-serif; font-size: 3.5rem; line-height: 4.5rem; font-weight: 300; margin-bottom: 2rem; } h3, .mat-h3, .mat-subheading-3, .pxl-h3 { font-family: "Inter", Arial, Helvetica, sans-serif; font-size: 3rem; line-height: 4rem; font-weight: 300; margin-bottom: 2rem; } h4, .mat-h4, .mat-subtitle-1, .pxl-h4, .pxl-subheading-1 { font-family: "Inter", Arial, Helvetica, sans-serif; font-size: 2.25rem; line-height: 3.5rem; font-weight: 300; margin-bottom: 2rem; } h5, .pxl-h5 { font-family: "Inter", Arial, Helvetica, sans-serif; font-size: 2rem; line-height: 3rem; font-weight: 500; margin-bottom: 1.5rem; } h6, .pxl-h6 { font-family: "Inter", Arial, Helvetica, sans-serif; font-size: 1.75rem; line-height: 2.25rem; font-weight: 700; margin-bottom: 1.5rem; } p, .pxl-body-1 { font-family: "Inter", Arial, Helvetica, sans-serif; font-size: 1.75rem; line-height: 2.5rem; margin-bottom: 1.5rem; } .pxl-body-large { font-family: "Inter", Arial, Helvetica, sans-serif; font-size: 2rem; line-height: 3rem; font-weight: 500; } .pxl-breadcrumb { font-family: "Inter", Arial, Helvetica, sans-serif !important; font-size: 1.5rem !important; line-height: inherit !important; font-weight: 700 !important; } dl.pxl-definition-list { margin: 0.5rem 0 2rem; word-break: break-word; } dl.pxl-definition-list dt { display: inline-flex; width: 20rem; min-height: 4rem; line-height: 2.5rem; padding: 0.75rem 0; font-weight: 700; } dl.pxl-definition-list dt + dd { display: inline-flex; width: calc(100% - 20rem); line-height: 2.5rem; padding: 0.75rem 0; margin: 0; } dl.pxl-definition-list dt + dd a:not(.pxl-dl-no-margin), dl.pxl-definition-list dt + dd button:not(.pxl-dl-no-margin) { display: inline-flex; margin: -0.75rem 0 -0.75rem -2rem !important; } dl.pxl-definition-list dt + dd a:not(.pxl-dl-no-margin).pxl-button--see-more, dl.pxl-definition-list dt + dd button:not(.pxl-dl-no-margin).pxl-button--see-more { margin-left: 0.5rem !important; } dl.pxl-definition-list dt + dd a:not(.pxl-dl-no-margin).pxl-button--copyable, dl.pxl-definition-list dt + dd button:not(.pxl-dl-no-margin).pxl-button--copyable { top: -0.25rem; margin-left: 0.5rem !important; } dl.pxl-definition-list.pxl-dl-extra-vertical-spacing dt, dl.pxl-definition-list.pxl-dl-extra-vertical-spacing dt + dd { margin-bottom: 1rem; } dl.pxl-definition-list.pxl-dl-extra-horizontal-spacing dt + dd { padding-left: 5rem; } dl.pxl-definition-list.pxl-dl-wide-dt dt { width: 25rem; } dl.pxl-definition-list.pxl-dl-wide-dt dt + dd { width: calc(100% - 25rem); } dl.pxl-definition-list copyable { display: flex; } .pxl__nav-menu-item { box-sizing: border-box; color: var(--pxl-nav-active-font-color) !important; font-family: "Inter", Arial, Helvetica, sans-serif !important; padding-left: 2rem !important; padding-bottom: 0.75rem !important; padding-top: 0.75rem !important; } .pxl__nav-menu-item.cdk-keyboard-focused .pxl__nav-menu-item__text { outline: 0; box-shadow: inset 0 0 0 2px var(--pxl-focus) !important; transition: ease all 0.3s; } .pxl__nav-menu-item:focus { background-color: #282828 !important; } .pxl__vertical-nav-container--open .pxl__nav-menu-item:focus { background-color: var(--pxl-nav-active-background-color) !important; } .pxl__nav-menu-item:hover, .pxl__nav-menu-item:focus:hover { background-color: var(--pxl-nav-active-background-color) !important; color: #f2f2f2 !important; } .pxl__nav-menu-item__title { color: #909090; font-size: 1.375rem; padding-top: 0.75rem; padding-left: 2rem; padding-bottom: 1rem; font-family: "Inter", Arial, Helvetica, sans-serif !important; font-weight: 400; line-height: 2rem; text-transform: uppercase; letter-spacing: 0.1rem; } .pxl__nav-menu-item--active .pxl__nav-menu-item__text:before { border-radius: 1px !important; } .pxl__nav-menu-item--active { color: var(--pxl-nav-subitem-active-color) !important; } .pxl__nav-menu-item--active:hover, .pxl__nav-menu-item--active:focus:hover { background-color: var(--pxl-nav-active-background-color) !important; color: var(--pxl-nav-subitem-active-color) !important; } .pxl__nav-menu-item--expand { background-color: var(--pxl-nav-active-background-color) !important; } .pxl__nav-menu-item--expand span.pxl__nav-menu-item__text { padding-left: 4.5rem; padding-bottom: 1.5rem; padding-right: 1rem; text-wrap-mode: nowrap; } .pxl__nav-menu-item:last-of-type { padding-bottom: 1.5rem; } .pxl__nav-menu-item--flyout { background-color: #282828; box-sizing: border-box; color: var(--pxl-nav-active-font-color) !important; font-family: var(--pxl-font-family-primary) !important; padding-left: 2rem !important; padding-bottom: 0.75rem !important; padding-top: 0.75rem !important; } .pxl__nav-menu-item--flyout:focus { background-color: #282828 !important; } .pxl__vertical-nav-container--open .pxl__nav-menu-item--flyout:focus { background-color: var(--pxl-nav-active-background-color) !important; } .pxl__nav-menu-item--flyout:hover, .pxl__nav-menu-item--flyout:focus:hover { background-color: var(--pxl-nav-active-background-color) !important; color: #f2f2f2 !important; } .pxl__nav-menu-item--flyout.cdk-keyboard-focused .pxl__nav-menu-item__text { outline: 0; box-shadow: inset 0 0 0 3px var(--pxl-focus) !important; transition: ease all 0.3s; } .pxl__nav-menu-item--flyout.pxl__nav-menu-item--active .pxl__nav-menu-item__text:before { border-radius: 1px !important; } .pxl__nav-menu-item--flyout:last-of-type { padding-bottom: 1.5rem; } .pxl__nav-menu-item--flyout.pxl__nav-menu-item--active { color: var(--pxl-nav-subitem-active-color) !important; } .pxl__nav-menu-item--flyout.pxl__nav-menu-item--active:hover, .pxl__nav-menu-item--flyout.pxl__nav-menu-item--active:focus:hover { background-color: var(--pxl-nav-active-background-color) !important; color: var(--pxl-nav-subitem-active-color) !important; } .pxl__nav-link--active, .pxl__nav-link--active.mat-mdc-menu-trigger { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .pxl__vertical-nav-container--open .pxl__nav-link--active, .pxl__vertical-nav-container--open .pxl__nav-link--active.mat-mdc-menu-trigger { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .pxl__vertical-nav-container--open .pxl__nav-expand-region { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } html { font-size: 8px; } [hidden] { display: none !important; } .print-styles--show { display: none; } .visually-hidden { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption) { position: absolute !important; } .cdk-global-scrollblock { position: initial; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @keyframes pulse { 50% { opacity: 0.5; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-ease: initial; } } } /*# sourceMappingURL=default.css.map*/