/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@telekom/scale-components/dist/scale-components/scale-components.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face{font-family:'TeleNeoWeb';font-weight:900;font-style:normal;src:url('TeleNeoWeb-Ultra.eot');src:url('TeleNeoWeb-Ultra.woff') format('woff'),
    url('TeleNeoWeb-Ultra.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:900;font-style:italic;src:url('TeleNeoWeb-UltraItalic.eot');src:url('TeleNeoWeb-UltraItalic.woff') format('woff'),
    url('TeleNeoWeb-UltraItalic.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:800;font-style:normal;src:url('TeleNeoWeb-ExtraBold.eot');src:url('TeleNeoWeb-ExtraBold.woff') format('woff'),
    url('TeleNeoWeb-ExtraBold.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:800;font-style:italic;src:url('TeleNeoWeb-ExtraBoldItalic.eot');src:url('TeleNeoWeb-ExtraBoldItalic.woff') format('woff'),
    url('TeleNeoWeb-ExtraBoldItalic.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:700;font-style:normal;src:url('TeleNeoWeb-Bold.eot');src:url('TeleNeoWeb-Bold.woff') format('woff'),
    url('TeleNeoWeb-Bold.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:700;font-style:italic;src:url('TeleNeoWeb-BoldItalic.eot');src:url('TeleNeoWeb-BoldItalic.woff') format('woff'),
    url('TeleNeoWeb-BoldItalic.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:500;font-style:normal;src:url('TeleNeoWeb-Medium.eot');src:url('TeleNeoWeb-Medium.woff') format('woff'),
    url('TeleNeoWeb-Medium.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:500;font-style:italic;src:url('TeleNeoWeb-MediumItalic.eot');src:url('TeleNeoWeb-MediumItalic.woff') format('woff'),
    url('TeleNeoWeb-MediumItalic.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:400;font-style:normal;src:url('TeleNeoWeb-Regular.eot');src:url('TeleNeoWeb-Regular.woff') format('woff'),
    url('TeleNeoWeb-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:400;font-style:italic;src:url('TeleNeoWeb-RegularItalic.eot');src:url('TeleNeoWeb-RegularItalic.woff') format('woff'),
    url('TeleNeoWeb-RegularItalic.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:200;font-style:normal;src:url('TeleNeoWeb-Thin.eot');src:url('TeleNeoWeb-Thin.woff') format('woff'),
    url('TeleNeoWeb-Thin.woff2') format('woff2');font-display:swap}@font-face{font-family:'TeleNeoWeb';font-weight:200;font-style:italic;src:url('TeleNeoWeb-ThinItalic.eot');src:url('TeleNeoWeb-ThinItalic.woff') format('woff'),
    url('TeleNeoWeb-ThinItalic.woff2') format('woff2');font-display:swap}:root{font-family:'TeleNeoWeb', sans-serif;--scl-spacing-1:0.0625rem;--scl-spacing-2:0.125rem;--scl-spacing-4:0.25rem;--scl-spacing-8:0.5rem;--scl-spacing-12:0.75rem;--scl-spacing-16:1rem;--scl-spacing-24:1.5rem;--scl-spacing-32:2rem;--scl-spacing-40:2.5rem;--scl-spacing-48:3rem;--scl-spacing-64:4rem;--scl-spacing-80:5rem;--scl-font-family-sans:TeleNeoWeb, sans-serif;--scl-font-family-mono:monospace;--scl-font-size-10:0.625rem;--scl-font-size-12:0.75rem;--scl-font-size-14:0.875rem;--scl-font-size-16:1rem;--scl-font-size-20:1.25rem;--scl-font-size-24:1.5rem;--scl-font-size-32:2rem;--scl-font-size-40:2.5rem;--scl-font-size-56:3.5rem;--scl-font-weight-thin:200;--scl-font-weight-regular:400;--scl-font-weight-medium:500;--scl-font-weight-bold:700;--scl-font-weight-extrabold:800;--scl-font-line-height-114:114%;--scl-font-line-height-120:120%;--scl-font-line-height-125:125%;--scl-font-line-height-133:133%;--scl-font-line-height-150:150%;--scl-font-line-height-160:160%;--scl-font-variant-body-family:TeleNeoWeb, sans-serif;--scl-font-variant-body-size:1rem;--scl-font-variant-body-weight:500;--scl-font-variant-body-line-height:150%;--scl-font-variant-body-letter-spacing:normal;--scl-font-variant-body-short-family:TeleNeoWeb, sans-serif;--scl-font-variant-body-short-size:1rem;--scl-font-variant-body-short-weight:500;--scl-font-variant-body-short-line-height:125%;--scl-font-variant-body-short-letter-spacing:normal;--scl-font-variant-body-large-family:TeleNeoWeb, sans-serif;--scl-font-variant-body-large-size:1.25rem;--scl-font-variant-body-large-weight:500;--scl-font-variant-body-large-line-height:160%;--scl-font-variant-body-large-letter-spacing:normal;--scl-font-variant-smaller-family:TeleNeoWeb, sans-serif;--scl-font-variant-smaller-size:0.75rem;--scl-font-variant-smaller-weight:500;--scl-font-variant-smaller-line-height:125%;--scl-font-variant-smaller-letter-spacing:normal;--scl-font-variant-label-family:TeleNeoWeb, sans-serif;--scl-font-variant-label-size:0.75rem;--scl-font-variant-label-weight:500;--scl-font-variant-label-line-height:120%;--scl-font-variant-label-letter-spacing:normal;--scl-font-variant-caption-family:TeleNeoWeb, sans-serif;--scl-font-variant-caption-size:0.75rem;--scl-font-variant-caption-weight:500;--scl-font-variant-caption-line-height:133%;--scl-font-variant-caption-letter-spacing:normal;--scl-font-variant-heading-6-family:TeleNeoWeb, sans-serif;--scl-font-variant-heading-6-size:1rem;--scl-font-variant-heading-6-weight:700;--scl-font-variant-heading-6-line-height:150%;--scl-font-variant-heading-6-letter-spacing:normal;--scl-font-variant-heading-5-family:TeleNeoWeb, sans-serif;--scl-font-variant-heading-5-size:1.25rem;--scl-font-variant-heading-5-weight:800;--scl-font-variant-heading-5-line-height:125%;--scl-font-variant-heading-5-letter-spacing:normal;--scl-font-variant-heading-4-family:TeleNeoWeb, sans-serif;--scl-font-variant-heading-4-size:1.5rem;--scl-font-variant-heading-4-weight:800;--scl-font-variant-heading-4-line-height:133%;--scl-font-variant-heading-4-letter-spacing:normal;--scl-font-variant-heading-3-family:TeleNeoWeb, sans-serif;--scl-font-variant-heading-3-size:2rem;--scl-font-variant-heading-3-weight:800;--scl-font-variant-heading-3-line-height:125%;--scl-font-variant-heading-3-letter-spacing:normal;--scl-font-variant-heading-2-family:TeleNeoWeb, sans-serif;--scl-font-variant-heading-2-size:2.5rem;--scl-font-variant-heading-2-weight:800;--scl-font-variant-heading-2-line-height:120%;--scl-font-variant-heading-2-letter-spacing:normal;--scl-font-variant-heading-1-family:TeleNeoWeb, sans-serif;--scl-font-variant-heading-1-size:3.5rem;--scl-font-variant-heading-1-weight:800;--scl-font-variant-heading-1-line-height:114%;--scl-font-variant-heading-1-letter-spacing:normal;--scl-color-primary:hsl(329.20000000000005, 100%, 44.3%);--scl-color-black:hsl(0, 0%, 0%);--scl-color-white:hsl(0, 0%, 100%);--scl-color-grey-0:hsl(0, 0%, 94.9%);--scl-color-grey-10:hsl(0, 0%, 89.8%);--scl-color-grey-20:hsl(0, 0%, 80%);--scl-color-grey-30:hsl(0, 0%, 69.8%);--scl-color-grey-40:hsl(0, 0%, 60%);--scl-color-grey-50:hsl(0, 0%, 49.8%);--scl-color-grey-60:hsl(0, 0%, 40%);--scl-color-grey-70:hsl(0, 0%, 29.8%);--scl-color-grey-80:hsl(0, 0%, 20%);--scl-color-grey-90:hsl(0, 0%, 9.8%);--scl-color-grey-100:hsl(0, 0%, 0%);--scl-color-orange-0:hsl(54.39999999999998, 100%, 93.7%);--scl-color-orange-10:hsl(48.39999999999998, 100%, 88.8%);--scl-color-orange-20:hsl(43.69999999999999, 100%, 84.1%);--scl-color-orange-30:hsl(38.69999999999999, 100%, 79.6%);--scl-color-orange-40:hsl(33.5, 100%, 75.1%);--scl-color-orange-50:hsl(29, 100%, 70.8%);--scl-color-orange-60:hsl(24.80000000000001, 96.5%, 66.1%);--scl-color-orange-70:hsl(17.30000000000001, 71.4%, 56.1%);--scl-color-orange-80:hsl(17.30000000000001, 72.3%, 39.6%);--scl-color-orange-90:hsl(17.30000000000001, 88.8%, 31.4%);--scl-color-orange-100:hsl(11.399999999999977, 86.6%, 26.3%);--scl-color-red-0:hsl(353.79999999999995, 100%, 88.6%);--scl-color-red-10:hsl(351.5, 100%, 83.3%);--scl-color-red-20:hsl(350.4, 98.1%, 78.8%);--scl-color-red-30:hsl(350.6, 91%, 73.9%);--scl-color-red-40:hsl(350.4, 85.1%, 68.4%);--scl-color-red-50:hsl(350.29999999999995, 82.8%, 63.5%);--scl-color-red-60:hsl(351.20000000000005, 82.6%, 59.4%);--scl-color-red-70:hsl(349.70000000000005, 69%, 50.6%);--scl-color-red-80:hsl(348.9, 74.9%, 43.7%);--scl-color-red-90:hsl(347.1, 84%, 36.9%);--scl-color-red-100:hsl(345.9, 100%, 30%);--scl-color-blue-0:hsl(190.20000000000005, 100%, 92%);--scl-color-blue-10:hsl(196.20000000000005, 100%, 85.5%);--scl-color-blue-20:hsl(200.89999999999998, 100%, 79.2%);--scl-color-blue-30:hsl(206, 100%, 73.3%);--scl-color-blue-40:hsl(210.70000000000005, 100%, 67.5%);--scl-color-blue-50:hsl(215.60000000000002, 100%, 62%);--scl-color-blue-60:hsl(220, 100%, 56.5%);--scl-color-blue-70:hsl(227.39999999999998, 89%, 46.3%);--scl-color-blue-80:hsl(236.5, 100%, 37.5%);--scl-color-blue-90:hsl(241.10000000000002, 100%, 31.2%);--scl-color-blue-100:hsl(249.39999999999998, 100%, 25.1%);--scl-color-teal-0:hsl(176.10000000000002, 63.3%, 90.4%);--scl-color-teal-10:hsl(178.89999999999998, 60%, 82.4%);--scl-color-teal-20:hsl(180, 58.5%, 74.5%);--scl-color-teal-30:hsl(181.20000000000005, 57.6%, 66.7%);--scl-color-teal-40:hsl(182.10000000000002, 55.2%, 58.8%);--scl-color-teal-50:hsl(183.60000000000002, 53.8%, 50.8%);--scl-color-teal-60:hsl(184.79999999999995, 68.9%, 42.9%);--scl-color-teal-70:hsl(182.89999999999998, 80.1%, 35.5%);--scl-color-teal-80:hsl(180.5, 91.5%, 27.8%);--scl-color-teal-90:hsl(178.89999999999998, 100%, 20.6%);--scl-color-teal-100:hsl(176.5, 100%, 16.9%);--scl-color-green-0:hsl(78.30000000000001, 59%, 92.4%);--scl-color-green-10:hsl(82.5, 55.6%, 85.9%);--scl-color-green-20:hsl(86.30000000000001, 55.3%, 79.8%);--scl-color-green-30:hsl(90.39999999999998, 52.6%, 73.5%);--scl-color-green-40:hsl(95.30000000000001, 50.9%, 67.3%);--scl-color-green-50:hsl(98.80000000000001, 49.7%, 61%);--scl-color-green-60:hsl(103.19999999999999, 48.1%, 54.7%);--scl-color-green-70:hsl(111.5, 46.1%, 48%);--scl-color-green-80:hsl(120, 52.4%, 41.2%);--scl-color-green-90:hsl(127.60000000000002, 58.9%, 34.3%);--scl-color-green-100:hsl(136.3, 65.7%, 27.5%);--scl-color-clay-0:hsl(15.800000000000011, 42.2%, 91.2%);--scl-color-clay-10:hsl(19.399999999999977, 46.3%, 86.9%);--scl-color-clay-20:hsl(20.899999999999977, 49.4%, 82.9%);--scl-color-clay-30:hsl(21.899999999999977, 48.1%, 78.8%);--scl-color-clay-40:hsl(22.30000000000001, 48.4%, 74.9%);--scl-color-clay-50:hsl(22.80000000000001, 48.3%, 71.2%);--scl-color-clay-60:hsl(25.100000000000023, 46.7%, 66.9%);--scl-color-clay-70:hsl(22.899999999999977, 35.8%, 58.4%);--scl-color-clay-80:hsl(21.399999999999977, 27.6%, 50.2%);--scl-color-clay-90:hsl(18.899999999999977, 26.8%, 41.8%);--scl-color-clay-100:hsl(18.600000000000023, 24.7%, 33.3%);--scl-color-rose-0:hsl(338.79999999999995, 48.6%, 93.1%);--scl-color-rose-10:hsl(341.4, 46%, 87.6%);--scl-color-rose-20:hsl(341.4, 45.7%, 82%);--scl-color-rose-30:hsl(341.9, 43.8%, 76.3%);--scl-color-rose-40:hsl(343.79999999999995, 42.3%, 70.8%);--scl-color-rose-50:hsl(346, 41.2%, 65.3%);--scl-color-rose-60:hsl(346.79999999999995, 39.8%, 59.6%);--scl-color-rose-70:hsl(344.79999999999995, 31.5%, 49.2%);--scl-color-rose-80:hsl(342.9, 35.4%, 38.8%);--scl-color-rose-90:hsl(340.29999999999995, 40.3%, 28.2%);--scl-color-rose-100:hsl(338.4, 44.6%, 22%);--scl-color-lilac-0:hsl(307.5, 33.3%, 95.3%);--scl-color-lilac-10:hsl(310, 27.3%, 91.4%);--scl-color-lilac-20:hsl(310.6, 28.8%, 88.4%);--scl-color-lilac-30:hsl(310, 30.8%, 84.7%);--scl-color-lilac-40:hsl(300, 28.2%, 77.1%);--scl-color-lilac-50:hsl(293.6, 30.7%, 70%);--scl-color-lilac-60:hsl(292.9, 30.9%, 62.5%);--scl-color-lilac-70:hsl(292.79999999999995, 24.4%, 53.3%);--scl-color-lilac-80:hsl(293.20000000000005, 23.8%, 43.7%);--scl-color-lilac-90:hsl(291.79999999999995, 29.1%, 34.3%);--scl-color-lilac-100:hsl(291.1, 37%, 24.9%);--scl-color-pigeon-0:hsl(226.20000000000005, 41.9%, 93.9%);--scl-color-pigeon-10:hsl(227.5, 42.9%, 89%);--scl-color-pigeon-20:hsl(227.60000000000002, 41.5%, 83.9%);--scl-color-pigeon-30:hsl(228.60000000000002, 38.9%, 78.8%);--scl-color-pigeon-40:hsl(230.60000000000002, 38.3%, 73.9%);--scl-color-pigeon-50:hsl(230.79999999999995, 37.1%, 68.8%);--scl-color-pigeon-60:hsl(232.70000000000005, 35.9%, 63.9%);--scl-color-pigeon-70:hsl(239.10000000000002, 29.8%, 55.9%);--scl-color-pigeon-80:hsl(244.60000000000002, 26.5%, 48%);--scl-color-pigeon-90:hsl(251.60000000000002, 30.4%, 40%);--scl-color-pigeon-100:hsl(257.5, 33.7%, 32%);--scl-color-neptune-0:hsl(176, 29.4%, 90%);--scl-color-neptune-10:hsl(180, 31.6%, 85.1%);--scl-color-neptune-20:hsl(178.29999999999995, 34.7%, 80.2%);--scl-color-neptune-30:hsl(180, 34.4%, 74.9%);--scl-color-neptune-40:hsl(182.29999999999995, 34.6%, 70%);--scl-color-neptune-50:hsl(184, 33.7%, 65.1%);--scl-color-neptune-60:hsl(184.39999999999998, 33.3%, 60%);--scl-color-neptune-70:hsl(182.70000000000005, 27.5%, 52.9%);--scl-color-neptune-80:hsl(180, 25.3%, 45.7%);--scl-color-neptune-90:hsl(178.79999999999995, 24.9%, 38.6%);--scl-color-neptune-100:hsl(178.20000000000005, 21.2%, 31.4%);--scl-color-olive-0:hsl(95, 33.3%, 92.9%);--scl-color-olive-10:hsl(96, 30.3%, 87.1%);--scl-color-olive-20:hsl(98.60000000000002, 29.8%, 81.6%);--scl-color-olive-30:hsl(100, 29%, 75.7%);--scl-color-olive-40:hsl(101.89999999999998, 28.1%, 70%);--scl-color-olive-50:hsl(103.19999999999999, 27.5%, 64.3%);--scl-color-olive-60:hsl(103.89999999999998, 26.4%, 58.4%);--scl-color-olive-70:hsl(102.19999999999999, 22%, 48.2%);--scl-color-olive-80:hsl(100, 24.7%, 38%);--scl-color-olive-90:hsl(97.5, 28.2%, 27.8%);--scl-color-olive-100:hsl(97.69999999999999, 32.7%, 21%);--scl-color-primary-hover:hsl(329.29999999999995, 95.2%, 50.6%);--scl-color-primary-active:hsl(329.29999999999995, 100%, 39.8%);--scl-color-focus:hsl(215.60000000000002, 100%, 62%);--scl-color-text-standard:hsl(0, 0%, 9.8%);--scl-color-text-additional:hsl(0, 0%, 40%);--scl-color-text-link:hsl(227.39999999999998, 89%, 46.3%);--scl-color-text-link-hover:hsl(236.5, 100%, 37.5%);--scl-color-text-link-active:hsl(220, 100%, 56.5%);--scl-color-text-link-visited:hsl(227.39999999999998, 89%, 46.3%);--scl-color-text-info:hsl(227.39999999999998, 89%, 46.3%);--scl-color-text-disabled:hsl(0, 0%, 49.8%);--scl-color-text-success:hsl(136.3, 65.7%, 27.5%);--scl-color-text-error:hsl(349.70000000000005, 69%, 50.6%);--scl-color-background-standard:hsl(0, 0%, 100%);--scl-color-background-light:hsl(0, 0%, 94.9%);--scl-color-background-darker:hsl(0, 0%, 80%);--scl-color-background-overlay:hsla(0, 0%, 42.4%, 0.7);--scl-color-background-disabled:hsl(0, 0%, 80%);--scl-color-background-success:hsl(136.3, 65.7%, 27.5%);--scl-color-background-error:hsl(349.70000000000005, 69%, 50.6%);--scl-color-functional-red:hsl(349.70000000000005, 69%, 50.6%);--scl-color-functional-green:hsl(136.3, 65.7%, 27.5%);--scl-color-functional-blue:hsl(227.39999999999998, 89%, 46.3%);--scl-shadow-level-0:0px 2px 8px 0px hsla(0, 0%, 0%, 0.1),
    0px 1px 2px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-1:0px 4px 16px 0px hsla(0, 0%, 0%, 0.1),
    0px 2px 4px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-2:0px 8px 32px 0px hsla(0, 0%, 0%, 0.1),
    0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-3:0px 12px 48px 0px hsla(0, 0%, 0%, 0.1),
    0px 6px 12px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-4:0px 16px 64px 0px hsla(0, 0%, 0%, 0.1),
    0px 8px 16px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-5:0px 20px 80px 0px hsla(0, 0%, 0%, 0.1),
    0px 10px 20px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-1-hover:0px 6px 24px 0px hsla(0, 0%, 0%, 0.1),
    0px 3px 6px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-1-active:0px 2px 8px 0px hsla(0, 0%, 0%, 0.1),
    0px 1px 2px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-2-hover:0px 10px 40px 0px hsla(0, 0%, 0%, 0.1),
    0px 5px 10px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-2-active:0px 6px 24px 0px hsla(0, 0%, 0%, 0.1),
    0px 3px 6px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-3-hover:0px 14px 56px 0px hsla(0, 0%, 0%, 0.1),
    0px 7px 14px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-3-active:0px 10px 40px 0px hsla(0, 0%, 0%, 0.1),
    0px 5px 10px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-4-hover:0px 18px 72px 0px hsla(0, 0%, 0%, 0.1),
    0px 9px 18px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-4-active:0px 14px 56px 0px hsla(0, 0%, 0%, 0.1),
    0px 7px 14px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-5-hover:0px 22px 88px 0px hsla(0, 0%, 0%, 0.1),
    0px 11px 22px 0px hsla(0, 0%, 0%, 0.1);--scl-shadow-level-5-active:0px 18px 72px 0px hsla(0, 0%, 0%, 0.1),
    0px 9px 18px 0px hsla(0, 0%, 0%, 0.1);--scl-radius-1:1px;--scl-radius-2:2px;--scl-radius-4:4px;--scl-radius-8:8px;--scl-radius-12:12px;--scl-opacity-50:0.5;--scl-motion-duration-immediate:100ms;--scl-motion-duration-fast:200ms;--scl-motion-duration-slower:600ms;--scl-motion-duration-deliberate:800ms;--scl-motion-easing-standard:cubic-bezier(0.42, 0, 0.58, 1);--scl-motion-easing-enter:cubic-bezier(0.39, 0.575, 0.565, 1);--scl-z-index-10:10;--scl-z-index-20:20;--scl-z-index-30:30;--scl-z-index-40:40;--scl-z-index-50:50;--scl-z-index-60:60;--scl-z-index-70:70}.scl-font-variant-body{font-family:var(--scl-font-variant-body-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-body-size, 1rem);font-weight:var(--scl-font-variant-body-weight, 500);line-height:var(--scl-font-variant-body-line-height, 150%);letter-spacing:var(--scl-font-variant-body-letter-spacing, normal)}.scl-font-variant-body-short{font-family:var(
    --scl-font-variant-body-short-family,
    TeleNeoWeb,
    sans-serif
  );font-size:var(--scl-font-variant-body-short-size, 1rem);font-weight:var(--scl-font-variant-body-short-weight, 500);line-height:var(--scl-font-variant-body-short-line-height, 125%);letter-spacing:var(--scl-font-variant-body-short-letter-spacing, normal)}.scl-font-variant-body-large{font-family:var(
    --scl-font-variant-body-large-family,
    TeleNeoWeb,
    sans-serif
  );font-size:var(--scl-font-variant-body-large-size, 1.25rem);font-weight:var(--scl-font-variant-body-large-weight, 500);line-height:var(--scl-font-variant-body-large-line-height, 160%);letter-spacing:var(--scl-font-variant-body-large-letter-spacing, normal)}.scl-font-variant-smaller{font-family:var(--scl-font-variant-smaller-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-smaller-size, 0.75rem);font-weight:var(--scl-font-variant-smaller-weight, 500);line-height:var(--scl-font-variant-smaller-line-height, 125%);letter-spacing:var(--scl-font-variant-smaller-letter-spacing, normal)}.scl-font-variant-label{font-family:var(--scl-font-variant-label-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-label-size, 0.75rem);font-weight:var(--scl-font-variant-label-weight, 500);line-height:var(--scl-font-variant-label-line-height, 120%);letter-spacing:var(--scl-font-variant-label-letter-spacing, normal)}.scl-font-variant-caption{font-family:var(--scl-font-variant-caption-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-caption-size, 0.75rem);font-weight:var(--scl-font-variant-caption-weight, 500);line-height:var(--scl-font-variant-caption-line-height, 133%);letter-spacing:var(--scl-font-variant-caption-letter-spacing, normal)}.scl-font-variant-heading-6{font-family:var(--scl-font-variant-heading-6-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-heading-6-size, 1rem);font-weight:var(--scl-font-variant-heading-6-weight, 700);line-height:var(--scl-font-variant-heading-6-line-height, 150%);letter-spacing:var(--scl-font-variant-heading-6-letter-spacing, normal)}.scl-font-variant-heading-5{font-family:var(--scl-font-variant-heading-5-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-heading-5-size, 1.25rem);font-weight:var(--scl-font-variant-heading-5-weight, 800);line-height:var(--scl-font-variant-heading-5-line-height, 125%);letter-spacing:var(--scl-font-variant-heading-5-letter-spacing, normal)}.scl-font-variant-heading-4{font-family:var(--scl-font-variant-heading-4-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-heading-4-size, 1.5rem);font-weight:var(--scl-font-variant-heading-4-weight, 800);line-height:var(--scl-font-variant-heading-4-line-height, 133%);letter-spacing:var(--scl-font-variant-heading-4-letter-spacing, normal)}.scl-font-variant-heading-3{font-family:var(--scl-font-variant-heading-3-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-heading-3-size, 2rem);font-weight:var(--scl-font-variant-heading-3-weight, 800);line-height:var(--scl-font-variant-heading-3-line-height, 125%);letter-spacing:var(--scl-font-variant-heading-3-letter-spacing, normal)}.scl-font-variant-heading-2{font-family:var(--scl-font-variant-heading-2-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-heading-2-size, 2.5rem);font-weight:var(--scl-font-variant-heading-2-weight, 800);line-height:var(--scl-font-variant-heading-2-line-height, 120%);letter-spacing:var(--scl-font-variant-heading-2-letter-spacing, normal)}.scl-font-variant-heading-1{font-family:var(--scl-font-variant-heading-1-family, TeleNeoWeb, sans-serif);font-size:var(--scl-font-variant-heading-1-size, 3.5rem);font-weight:var(--scl-font-variant-heading-1-weight, 800);line-height:var(--scl-font-variant-heading-1-line-height, 114%);letter-spacing:var(--scl-font-variant-heading-1-letter-spacing, normal)}:root{--telekom-color-text-and-icon-standard:#000000;--telekom-color-text-and-icon-additional:hsla(0, 0%, 0%, 0.65);--telekom-color-text-and-icon-disabled:hsla(0, 0%, 0%, 0.4);--telekom-color-text-and-icon-link-standard:#2238df;--telekom-color-text-and-icon-link-hovered:#0819bd;--telekom-color-text-and-icon-link-visited:#6c3bdb;--telekom-color-text-and-icon-link-active:#000d99;--telekom-color-text-and-icon-primary-standard:#e20074;--telekom-color-text-and-icon-primary-hovered:#c00063;--telekom-color-text-and-icon-primary-pressed:#9e0051;--telekom-color-text-and-icon-inverted-standard:#ffffff;--telekom-color-text-and-icon-inverted-additional:hsla(0, 0%, 100%, 0.65);--telekom-color-text-and-icon-white-standard:#ffffff;--telekom-color-text-and-icon-white-additional:hsla(0, 0%, 100%, 0.65);--telekom-color-text-and-icon-black-standard:#000000;--telekom-color-text-and-icon-black-additional:hsla(0, 0%, 0%, 0.65);--telekom-color-text-and-icon-functional-informational:#2238df;--telekom-color-text-and-icon-functional-success:#008653;--telekom-color-text-and-icon-functional-danger:#d91308;--telekom-color-text-and-icon-functional-warning:#b63d00;--telekom-color-text-and-icon-on-subtle-informational:#2238df;--telekom-color-text-and-icon-on-subtle-success:#00774b;--telekom-color-text-and-icon-on-subtle-danger:#c30a03;--telekom-color-text-and-icon-on-subtle-warning:#b63d00;--telekom-color-text-and-icon-on-subtle-violet:#6c3bdb;--telekom-color-text-and-icon-on-subtle-blue:#2238df;--telekom-color-text-and-icon-on-subtle-cyan:#00738A;--telekom-color-text-and-icon-on-subtle-teal:#177364;--telekom-color-text-and-icon-on-subtle-green:#00774b;--telekom-color-text-and-icon-on-subtle-olive:#557317;--telekom-color-text-and-icon-on-subtle-brown:#82581c;--telekom-color-text-and-icon-on-subtle-yellow:#AC5600;--telekom-color-text-and-icon-on-subtle-orange:#b63d00;--telekom-color-text-and-icon-on-subtle-red:#c30a03;--telekom-color-background-canvas:#ffffff;--telekom-color-background-canvas-subtle:#fbfbfb;--telekom-color-background-backdrop:hsla(0, 0%, 0%, 0.5);--telekom-color-background-surface:#ffffff;--telekom-color-background-surface-subtle:#efeff0;--telekom-color-background-surface-highlight:#242426;--telekom-color-primary-standard:#e20074;--telekom-color-primary-hovered:#c00063;--telekom-color-primary-pressed:#9e0051;--telekom-color-ui-base:#ffffff;--telekom-color-ui-subtle:#efeff0;--telekom-color-ui-faint:#dfdfe1;--telekom-color-ui-regular:#929296;--telekom-color-ui-strong:#747478;--telekom-color-ui-extra-strong:#242426;--telekom-color-ui-white:#ffffff;--telekom-color-ui-black:#000000;--telekom-color-ui-disabled:#d0d0d2;--telekom-color-ui-border-standard:hsla(0, 0%, 0%, 0.44);--telekom-color-ui-border-hovered:hsla(0, 0%, 0%, 0.71);--telekom-color-ui-border-pressed:hsla(0, 0%, 0%, 0.71);--telekom-color-ui-border-disabled:hsla(0, 0%, 0%, 0.14);--telekom-color-ui-state-fill-standard:hsla(0, 0%, 0%, 0);--telekom-color-ui-state-fill-hovered:hsla(0, 0%, 0%, 0.07);--telekom-color-ui-state-fill-pressed:hsla(0, 0%, 0%, 0.21);--telekom-color-ui-state-fill-hovered-inverted:hsla(0, 0%, 100%, 0.14);--telekom-color-ui-state-fill-pressed-inverted:hsla(0, 0%, 100%, 0.21);--telekom-color-functional-focus-standard:#2238df;--telekom-color-functional-focus-inverted:#7d94f9;--telekom-color-functional-focus-on-dark-background:#7d94f9;--telekom-color-functional-focus-on-light-background:#2238df;--telekom-color-functional-informational-standard:#2238df;--telekom-color-functional-informational-hovered:#1326cf;--telekom-color-functional-informational-pressed:#0819bd;--telekom-color-functional-informational-subtle:#d3d7f9;--telekom-color-functional-success-standard:#00b367;--telekom-color-functional-success-hovered:#00a461;--telekom-color-functional-success-pressed:#00955a;--telekom-color-functional-success-subtle:#ccf0e1;--telekom-color-functional-danger-standard:#e82010;--telekom-color-functional-danger-hovered:#d91308;--telekom-color-functional-danger-pressed:#c30a03;--telekom-color-functional-danger-subtle:#fad2cf;--telekom-color-functional-warning-standard:#f97012;--telekom-color-functional-warning-hovered:#f46409;--telekom-color-functional-warning-pressed:#e65703;--telekom-color-functional-warning-subtle:#fee2d0;--telekom-color-additional-violet-0:#e2d9ff;--telekom-color-additional-violet-100:#c8b5fd;--telekom-color-additional-violet-200:#af93fb;--telekom-color-additional-violet-300:#9a75f8;--telekom-color-additional-violet-400:#885df2;--telekom-color-additional-violet-500:#794ae9;--telekom-color-additional-violet-600:#6c3bdb;--telekom-color-additional-violet-700:#5e2ec6;--telekom-color-additional-violet-800:#5024ab;--telekom-color-additional-violet-900:#411c8c;--telekom-color-additional-violet-subtle:#e4dbfb;--telekom-color-additional-blue-0:#d9e2ff;--telekom-color-additional-blue-100:#aabcfd;--telekom-color-additional-blue-200:#7d94f9;--telekom-color-additional-blue-300:#576ff3;--telekom-color-additional-blue-400:#3950ea;--telekom-color-additional-blue-500:#2238df;--telekom-color-additional-blue-600:#1326cf;--telekom-color-additional-blue-700:#0819bd;--telekom-color-additional-blue-800:#0311ab;--telekom-color-additional-blue-900:#000d99;--telekom-color-additional-blue-subtle:#d3d7f9;--telekom-color-additional-cyan-0:#d9fcff;--telekom-color-additional-cyan-100:#a4ecf4;--telekom-color-additional-cyan-200:#75dbe8;--telekom-color-additional-cyan-300:#4fcadd;--telekom-color-additional-cyan-400:#33bbd2;--telekom-color-additional-cyan-500:#1eadc6;--telekom-color-additional-cyan-600:#11a0bb;--telekom-color-additional-cyan-700:#0894b0;--telekom-color-additional-cyan-800:#038aa4;--telekom-color-additional-cyan-900:#008099;--telekom-color-additional-cyan-subtle:#d2eff4;--telekom-color-additional-teal-0:#d9fff2;--telekom-color-additional-teal-100:#acf1dc;--telekom-color-additional-teal-200:#85e3ca;--telekom-color-additional-teal-300:#65d5ba;--telekom-color-additional-teal-400:#4cc6ac;--telekom-color-additional-teal-500:#3ab89f;--telekom-color-additional-teal-600:#2eaa93;--telekom-color-additional-teal-700:#259c87;--telekom-color-additional-teal-800:#1e8e7b;--telekom-color-additional-teal-900:#19806f;--telekom-color-additional-teal-subtle:#d8f1ec;--telekom-color-additional-green-0:#dbffed;--telekom-color-additional-green-100:#8ff0c1;--telekom-color-additional-green-200:#4ee19c;--telekom-color-additional-green-300:#1bd27f;--telekom-color-additional-green-400:#00c26d;--telekom-color-additional-green-500:#00b367;--telekom-color-additional-green-600:#00a461;--telekom-color-additional-green-700:#00955a;--telekom-color-additional-green-800:#008653;--telekom-color-additional-green-900:#00774b;--telekom-color-additional-green-subtle:#ccf0e1;--telekom-color-additional-olive-0:#f2ffd9;--telekom-color-additional-olive-100:#daf1ac;--telekom-color-additional-olive-200:#c3e385;--telekom-color-additional-olive-300:#afd565;--telekom-color-additional-olive-400:#9ec64c;--telekom-color-additional-olive-500:#8eb83a;--telekom-color-additional-olive-600:#81aa2e;--telekom-color-additional-olive-700:#749c25;--telekom-color-additional-olive-800:#688e1e;--telekom-color-additional-olive-900:#5e8019;--telekom-color-additional-olive-subtle:#e8f1d8;--telekom-color-additional-brown-0:#ffefd9;--telekom-color-additional-brown-100:#efd3ab;--telekom-color-additional-brown-200:#e0b983;--telekom-color-additional-brown-300:#d0a363;--telekom-color-additional-brown-400:#c18f4a;--telekom-color-additional-brown-500:#b17f38;--telekom-color-additional-brown-600:#a2702b;--telekom-color-additional-brown-700:#926322;--telekom-color-additional-brown-800:#82581c;--telekom-color-additional-brown-900:#734d17;--telekom-color-additional-brown-subtle:#efe5d7;--telekom-color-additional-yellow-0:#fffcd9;--telekom-color-additional-yellow-100:#fcf1aa;--telekom-color-additional-yellow-200:#f9e47e;--telekom-color-additional-yellow-300:#f7d358;--telekom-color-additional-yellow-400:#f4c23b;--telekom-color-additional-yellow-500:#f1b125;--telekom-color-additional-yellow-600:#eea015;--telekom-color-additional-yellow-700:#eb900b;--telekom-color-additional-yellow-800:#e88104;--telekom-color-additional-yellow-900:#e67300;--telekom-color-additional-yellow-subtle:#fcefd3;--telekom-color-additional-orange-0:#ffe6cc;--telekom-color-additional-orange-100:#ffc48e;--telekom-color-additional-orange-200:#fea75b;--telekom-color-additional-orange-300:#fd9038;--telekom-color-additional-orange-400:#fc7e21;--telekom-color-additional-orange-500:#f97012;--telekom-color-additional-orange-600:#f46409;--telekom-color-additional-orange-700:#e65703;--telekom-color-additional-orange-800:#cd4901;--telekom-color-additional-orange-900:#b63d00;--telekom-color-additional-orange-subtle:#fee2d0;--telekom-color-additional-red-0:#ffcabf;--telekom-color-additional-red-100:#fd9684;--telekom-color-additional-red-200:#fb6a55;--telekom-color-additional-red-300:#f84934;--telekom-color-additional-red-400:#f2321e;--telekom-color-additional-red-500:#e82010;--telekom-color-additional-red-600:#d91308;--telekom-color-additional-red-700:#c30a03;--telekom-color-additional-red-800:#a70401;--telekom-color-additional-red-900:#870000;--telekom-color-additional-red-subtle:#fad2cf;--telekom-radius-none:0rem;--telekom-radius-extra-small:0.125rem;--telekom-radius-small:0.25rem;--telekom-radius-medium-small:0.375rem;--telekom-radius-standard:0.5rem;--telekom-radius-large:0.75rem;--telekom-radius-pill:62.4375rem;--telekom-radius-circle:50%;--telekom-size-icon-extra-small:0.75rem;--telekom-size-icon-small:1rem;--telekom-size-icon-medium:1.25rem;--telekom-size-icon-large:1.5rem;--telekom-size-icon-extra-large:3rem;--telekom-size-form-element-height-small:2rem;--telekom-size-form-element-height-standard:2.75rem;--telekom-size-generic-size-01:0.25rem;--telekom-size-generic-size-02:0.375rem;--telekom-size-generic-size-03:0.5rem;--telekom-size-generic-size-04:0.75rem;--telekom-size-generic-size-05:1rem;--telekom-size-generic-size-06:1.25rem;--telekom-size-generic-size-07:1.5rem;--telekom-size-generic-size-08:1.75rem;--telekom-size-generic-size-09:2rem;--telekom-size-generic-size-10:2.25rem;--telekom-size-generic-size-11:2.5rem;--telekom-size-generic-size-12:2.75rem;--telekom-size-generic-size-13:3rem;--telekom-size-generic-size-14:3.25rem;--telekom-size-generic-size-15:3.5rem;--telekom-size-generic-size-16:4rem;--telekom-size-generic-size-17:4.5rem;--telekom-size-generic-size-18:5rem;--telekom-size-generic-size-19:6rem;--telekom-size-generic-size-20:8rem;--telekom-size-generic-size-21:12rem;--telekom-size-generic-size-22:16rem;--telekom-size-generic-size-23:20rem;--telekom-size-generic-size-24:28rem;--telekom-size-generic-size-25:36rem;--telekom-line-weight-standard:0.0625rem;--telekom-line-weight-highlight:0.125rem;--telekom-line-weight-bold:0.25rem;--telekom-motion-duration-instant:0ms;--telekom-motion-duration-immediate:100ms;--telekom-motion-duration-transition:200ms;--telekom-motion-duration-animation:600ms;--telekom-motion-duration-animation-deliberate:800ms;--telekom-motion-easing-standard:cubic-bezier(0.4,0,0.6,1);--telekom-motion-easing-enter:cubic-bezier(0.4,0.6,0.6,1);--telekom-motion-easing-leave:cubic-bezier(0.4,0,1,1);--telekom-opacity-invisible:0;--telekom-opacity-transparent:0.35;--telekom-opacity-semi-transparent:0.5;--telekom-opacity-translucent:0.75;--telekom-opacity-semi-translucent:0.85;--telekom-opacity-solid:1;--telekom-shadow-raised-standard:0px 8px 32px 0px hsla(0, 0%, 0%, 0.1), 0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);--telekom-shadow-raised-hover:0px 16px 64px 0px hsla(0, 0%, 0%, 0.1), 0px 8px 16px 0px hsla(0, 0%, 0%, 0.1);--telekom-shadow-raised-pressed:0px 4px 16px 0px hsla(0, 0%, 0%, 0.1), 0px 2px 4px 0px hsla(0, 0%, 0%, 0.1);--telekom-shadow-floating-standard:0px 12px 48px 0px hsla(0, 0%, 0%, 0.1), 0px 6px 12px 0px hsla(0, 0%, 0%, 0.1);--telekom-shadow-floating-hover:0px 24px 96px 0px hsla(0, 0%, 0%, 0.1), 0px 12px 24px 0px hsla(0, 0%, 0%, 0.1);--telekom-shadow-floating-pressed:0px 8px 32px 0px hsla(0, 0%, 0%, 0.1), 0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);--telekom-shadow-top:0px 16px 64px 0px hsla(0, 0%, 0%, 0.1), 0px 8px 16px 0px hsla(0, 0%, 0%, 0.1);--telekom-shadow-overlay:0px 24px 96px 0px hsla(0, 0%, 0%, 0.1), 0px 12px 24px 0px hsla(0, 0%, 0%, 0.1);--telekom-shadow-intense:0px 0px 2px 0px hsla(0, 0%, 0%, 0.24), 0px 2px 4px 0px hsla(0, 0%, 0%, 0.24), 0px 4px 12px 0px hsla(0, 0%, 0%, 0.26);--telekom-shadow-app-bar-top-raised:0px 1px 0px 0px hsla(0, 0%, 0%, 0.05), 0px 2px 8px 0px hsla(0, 0%, 0%, 0.05);--telekom-shadow-app-bar-top-flat:0px 1px 0px 0px hsla(0, 0%, 0%, 0.1);--telekom-shadow-app-bar-bottom-raised:0px -1px 0px 0px hsla(0, 0%, 0%, 0.05), 0px -2px 8px 0px hsla(0, 0%, 0%, 0.05);--telekom-shadow-app-bar-bottom-flat:0px -1px 0px 0px hsla(0, 0%, 0%, 0.1);--telekom-spacing-composition-space-00:0rem;--telekom-spacing-composition-space-01:0.0625rem;--telekom-spacing-composition-space-02:0.125rem;--telekom-spacing-composition-space-03:0.25rem;--telekom-spacing-composition-space-04:0.5rem;--telekom-spacing-composition-space-05:0.75rem;--telekom-spacing-composition-space-06:1rem;--telekom-spacing-composition-space-07:1.25rem;--telekom-spacing-composition-space-08:1.5rem;--telekom-spacing-composition-space-09:1.75rem;--telekom-spacing-composition-space-10:2rem;--telekom-spacing-composition-space-11:2.25rem;--telekom-spacing-composition-space-12:2.5rem;--telekom-spacing-composition-space-13:2.75rem;--telekom-spacing-composition-space-14:3rem;--telekom-spacing-composition-space-15:3.25rem;--telekom-spacing-composition-space-16:3.5rem;--telekom-spacing-composition-space-17:4rem;--telekom-spacing-composition-space-18:4.5rem;--telekom-spacing-composition-space-19:5rem;--telekom-spacing-composition-space-20:5.5rem;--telekom-spacing-composition-space-21:6rem;--telekom-spacing-baseline-space-00:0rem;--telekom-spacing-baseline-space-01:0.25rem;--telekom-spacing-baseline-space-02:0.5rem;--telekom-spacing-baseline-space-03:0.75rem;--telekom-spacing-baseline-space-04:1rem;--telekom-spacing-baseline-space-05:1.5rem;--telekom-spacing-baseline-space-06:2rem;--telekom-spacing-baseline-space-07:3rem;--telekom-spacing-baseline-space-08:4rem;--telekom-spacing-baseline-space-09:6rem;--telekom-spacing-baseline-space-10:8rem;--telekom-spacing-baseline-space-11:12rem;--telekom-spacing-baseline-space-12:16rem;--telekom-spacing-baseline-space-13:24rem;--telekom-spacing-baseline-space-14:32rem;--telekom-spacing-baseline-space-15:64rem;--telekom-text-style-badge:400 0.625rem/1.2 TeleNeoWeb, sans-serif;--telekom-text-style-small:500 0.75rem/1.35 TeleNeoWeb, sans-serif;--telekom-text-style-small-bold:700 0.75rem/1.35 TeleNeoWeb, sans-serif;--telekom-text-style-caption:400 0.875rem/1.4 TeleNeoWeb, sans-serif;--telekom-text-style-caption-bold:700 0.875rem/1.4 TeleNeoWeb, sans-serif;--telekom-text-style-body:400 1rem/1.4 TeleNeoWeb, sans-serif;--telekom-text-style-body-bold:700 1rem/1.4 TeleNeoWeb, sans-serif;--telekom-text-style-ui:500 1rem/1 TeleNeoWeb, sans-serif;--telekom-text-style-ui-bold:700 1rem/1 TeleNeoWeb, sans-serif;--telekom-text-style-lead-text:400 1.25rem/1.4 TeleNeoWeb, sans-serif;--telekom-text-style-heading-6:700 1rem/1.4 TeleNeoWeb, sans-serif;--telekom-text-style-heading-5:800 1.25rem/1.4 TeleNeoWeb, sans-serif;--telekom-text-style-heading-4:800 1.5rem/1.35 TeleNeoWeb, sans-serif;--telekom-text-style-heading-3:800 2rem/1.25 TeleNeoWeb, sans-serif;--telekom-text-style-heading-2:800 2.625rem/1.15 TeleNeoWeb, sans-serif;--telekom-text-style-heading-1:800 3.375rem/1.2 TeleNeoWeb, sans-serif;--telekom-text-style-title-2:800 4.25rem/1.15 TeleNeoWeb, sans-serif;--telekom-text-style-title-1:800 4.75rem/1.15 TeleNeoWeb, sans-serif;--telekom-typography-font-size-badge:0.625rem;--telekom-typography-font-size-small:0.75rem;--telekom-typography-font-size-caption:0.875rem;--telekom-typography-font-size-body:1rem;--telekom-typography-font-size-callout:1.25rem;--telekom-typography-font-size-headline-3:1.5rem;--telekom-typography-font-size-headline-2:2rem;--telekom-typography-font-size-headline-1:2.625rem;--telekom-typography-font-size-title-3:3.375rem;--telekom-typography-font-size-title-2:4.25rem;--telekom-typography-font-size-title-1:4.75rem;--telekom-typography-font-family-sans:TeleNeoWeb, sans-serif;--telekom-typography-font-family-mono:monospace;--telekom-typography-font-weight-thin:200;--telekom-typography-font-weight-regular:400;--telekom-typography-font-weight-medium:500;--telekom-typography-font-weight-bold:700;--telekom-typography-font-weight-extra-bold:800;--telekom-typography-font-weight-ultra:900;--telekom-typography-line-spacing-none:1;--telekom-typography-line-spacing-extra-tight:1.15;--telekom-typography-line-spacing-tight:1.25;--telekom-typography-line-spacing-moderate:1.35;--telekom-typography-line-spacing-standard:1.4;--telekom-typography-line-spacing-loose:1.5;--telekom-typography-letter-spacing-standard:0}[data-mode="dark"]{--telekom-color-text-and-icon-standard:#ffffff;--telekom-color-text-and-icon-additional:hsla(0, 0%, 100%, 0.65);--telekom-color-text-and-icon-disabled:hsla(0, 0%, 100%, 0.3);--telekom-color-text-and-icon-link-standard:#7d94f9;--telekom-color-text-and-icon-link-hovered:#aabcfd;--telekom-color-text-and-icon-link-visited:#9a75f8;--telekom-color-text-and-icon-link-active:#d9e2ff;--telekom-color-text-and-icon-primary-standard:#e20074;--telekom-color-text-and-icon-primary-hovered:#ec59a5;--telekom-color-text-and-icon-primary-pressed:#f080ba;--telekom-color-text-and-icon-inverted-standard:#000000;--telekom-color-text-and-icon-inverted-additional:hsla(0, 0%, 0%, 0.65);--telekom-color-text-and-icon-white-standard:#ffffff;--telekom-color-text-and-icon-white-additional:hsla(0, 0%, 100%, 0.65);--telekom-color-text-and-icon-black-standard:#000000;--telekom-color-text-and-icon-black-additional:hsla(0, 0%, 0%, 0.65);--telekom-color-text-and-icon-functional-informational:#7d94f9;--telekom-color-text-and-icon-functional-success:#00b367;--telekom-color-text-and-icon-functional-danger:#f84934;--telekom-color-text-and-icon-functional-warning:#f97012;--telekom-color-text-and-icon-on-subtle-informational:#7d94f9;--telekom-color-text-and-icon-on-subtle-success:#1bd27f;--telekom-color-text-and-icon-on-subtle-danger:#fb6a55;--telekom-color-text-and-icon-on-subtle-warning:#fd9038;--telekom-color-text-and-icon-on-subtle-violet:#af93fb;--telekom-color-text-and-icon-on-subtle-blue:#7d94f9;--telekom-color-text-and-icon-on-subtle-cyan:#33bbd2;--telekom-color-text-and-icon-on-subtle-teal:#4cc6ac;--telekom-color-text-and-icon-on-subtle-green:#1bd27f;--telekom-color-text-and-icon-on-subtle-olive:#9ec64c;--telekom-color-text-and-icon-on-subtle-brown:#d0a363;--telekom-color-text-and-icon-on-subtle-yellow:#f1b125;--telekom-color-text-and-icon-on-subtle-orange:#fd9038;--telekom-color-text-and-icon-on-subtle-red:#fb6a55;--telekom-color-background-canvas:#000000;--telekom-color-background-canvas-subtle:#0e0e0f;--telekom-color-background-backdrop:hsla(0, 0%, 0%, 0.65);--telekom-color-background-surface:#1c1c1e;--telekom-color-background-surface-subtle:#242426;--telekom-color-background-surface-highlight:#48484b;--telekom-color-primary-standard:#e20074;--telekom-color-primary-hovered:#c00063;--telekom-color-primary-pressed:#9e0051;--telekom-color-ui-base:#0e0e0f;--telekom-color-ui-subtle:#1c1c1e;--telekom-color-ui-faint:#39393c;--telekom-color-ui-regular:#656569;--telekom-color-ui-strong:#929296;--telekom-color-ui-extra-strong:#efeff0;--telekom-color-ui-white:#ffffff;--telekom-color-ui-black:#000000;--telekom-color-ui-disabled:#2b2b2d;--telekom-color-ui-border-standard:hsla(0, 0%, 100%, 0.4);--telekom-color-ui-border-hovered:hsla(0, 0%, 100%, 0.54);--telekom-color-ui-border-pressed:hsla(0, 0%, 100%, 0.94);--telekom-color-ui-border-disabled:hsla(0, 0%, 100%, 0.21);--telekom-color-ui-state-fill-standard:hsla(0, 0%, 100%, 0);--telekom-color-ui-state-fill-hovered:hsla(0, 0%, 100%, 0.14);--telekom-color-ui-state-fill-pressed:hsla(0, 0%, 100%, 0.27);--telekom-color-ui-state-fill-hovered-inverted:hsla(0, 0%, 0%, 0.07);--telekom-color-ui-state-fill-pressed-inverted:hsla(0, 0%, 0%, 0.21);--telekom-color-functional-focus-standard:#7d94f9;--telekom-color-functional-focus-inverted:#2238df;--telekom-color-functional-informational-standard:#2238df;--telekom-color-functional-informational-hovered:#3950ea;--telekom-color-functional-informational-pressed:#576ff3;--telekom-color-functional-informational-subtle:#131f7b;--telekom-color-functional-success-standard:#00b367;--telekom-color-functional-success-hovered:#00c26d;--telekom-color-functional-success-pressed:#1bd27f;--telekom-color-functional-success-subtle:#004829;--telekom-color-functional-danger-standard:#e82010;--telekom-color-functional-danger-hovered:#f2321e;--telekom-color-functional-danger-pressed:#f84934;--telekom-color-functional-danger-subtle:#5d0d06;--telekom-color-functional-warning-standard:#f97012;--telekom-color-functional-warning-hovered:#fc7e21;--telekom-color-functional-warning-pressed:#fd9038;--telekom-color-functional-warning-subtle:#642d07;--telekom-color-additional-violet-subtle:#301e5d;--telekom-color-additional-blue-subtle:#131f7b;--telekom-color-additional-cyan-subtle:#0c454f;--telekom-color-additional-teal-subtle:#174a40;--telekom-color-additional-green-subtle:#004829;--telekom-color-additional-olive-subtle:#394a17;--telekom-color-additional-brown-subtle:#473316;--telekom-color-additional-yellow-subtle:#60470f;--telekom-color-additional-orange-subtle:#642d07;--telekom-color-additional-red-subtle:#5d0d06}@media (prefers-color-scheme: dark){:root{--telekom-color-text-and-icon-standard:#ffffff;--telekom-color-text-and-icon-additional:hsla(0, 0%, 100%, 0.65);--telekom-color-text-and-icon-disabled:hsla(0, 0%, 100%, 0.3);--telekom-color-text-and-icon-link-standard:#7d94f9;--telekom-color-text-and-icon-link-hovered:#aabcfd;--telekom-color-text-and-icon-link-visited:#9a75f8;--telekom-color-text-and-icon-link-active:#d9e2ff;--telekom-color-text-and-icon-primary-standard:#e20074;--telekom-color-text-and-icon-primary-hovered:#ec59a5;--telekom-color-text-and-icon-primary-pressed:#f080ba;--telekom-color-text-and-icon-inverted-standard:#000000;--telekom-color-text-and-icon-inverted-additional:hsla(0, 0%, 0%, 0.65);--telekom-color-text-and-icon-white-standard:#ffffff;--telekom-color-text-and-icon-white-additional:hsla(0, 0%, 100%, 0.65);--telekom-color-text-and-icon-black-standard:#000000;--telekom-color-text-and-icon-black-additional:hsla(0, 0%, 0%, 0.65);--telekom-color-text-and-icon-functional-informational:#7d94f9;--telekom-color-text-and-icon-functional-success:#00b367;--telekom-color-text-and-icon-functional-danger:#f84934;--telekom-color-text-and-icon-functional-warning:#f97012;--telekom-color-text-and-icon-on-subtle-informational:#7d94f9;--telekom-color-text-and-icon-on-subtle-success:#1bd27f;--telekom-color-text-and-icon-on-subtle-danger:#fb6a55;--telekom-color-text-and-icon-on-subtle-warning:#fd9038;--telekom-color-text-and-icon-on-subtle-violet:#af93fb;--telekom-color-text-and-icon-on-subtle-blue:#7d94f9;--telekom-color-text-and-icon-on-subtle-cyan:#33bbd2;--telekom-color-text-and-icon-on-subtle-teal:#4cc6ac;--telekom-color-text-and-icon-on-subtle-green:#1bd27f;--telekom-color-text-and-icon-on-subtle-olive:#9ec64c;--telekom-color-text-and-icon-on-subtle-brown:#d0a363;--telekom-color-text-and-icon-on-subtle-yellow:#f1b125;--telekom-color-text-and-icon-on-subtle-orange:#fd9038;--telekom-color-text-and-icon-on-subtle-red:#fb6a55;--telekom-color-background-canvas:#000000;--telekom-color-background-canvas-subtle:#0e0e0f;--telekom-color-background-backdrop:hsla(0, 0%, 0%, 0.65);--telekom-color-background-surface:#1c1c1e;--telekom-color-background-surface-subtle:#242426;--telekom-color-background-surface-highlight:#48484b;--telekom-color-primary-standard:#e20074;--telekom-color-primary-hovered:#c00063;--telekom-color-primary-pressed:#9e0051;--telekom-color-ui-base:#0e0e0f;--telekom-color-ui-subtle:#1c1c1e;--telekom-color-ui-faint:#39393c;--telekom-color-ui-regular:#656569;--telekom-color-ui-strong:#929296;--telekom-color-ui-extra-strong:#efeff0;--telekom-color-ui-white:#ffffff;--telekom-color-ui-black:#000000;--telekom-color-ui-disabled:#2b2b2d;--telekom-color-ui-border-standard:hsla(0, 0%, 100%, 0.4);--telekom-color-ui-border-hovered:hsla(0, 0%, 100%, 0.54);--telekom-color-ui-border-pressed:hsla(0, 0%, 100%, 0.94);--telekom-color-ui-border-disabled:hsla(0, 0%, 100%, 0.21);--telekom-color-ui-state-fill-standard:hsla(0, 0%, 100%, 0);--telekom-color-ui-state-fill-hovered:hsla(0, 0%, 100%, 0.14);--telekom-color-ui-state-fill-pressed:hsla(0, 0%, 100%, 0.27);--telekom-color-ui-state-fill-hovered-inverted:hsla(0, 0%, 0%, 0.07);--telekom-color-ui-state-fill-pressed-inverted:hsla(0, 0%, 0%, 0.21);--telekom-color-functional-focus-standard:#7d94f9;--telekom-color-functional-focus-inverted:#2238df;--telekom-color-functional-informational-standard:#2238df;--telekom-color-functional-informational-hovered:#3950ea;--telekom-color-functional-informational-pressed:#576ff3;--telekom-color-functional-informational-subtle:#131f7b;--telekom-color-functional-success-standard:#00b367;--telekom-color-functional-success-hovered:#00c26d;--telekom-color-functional-success-pressed:#1bd27f;--telekom-color-functional-success-subtle:#004829;--telekom-color-functional-danger-standard:#e82010;--telekom-color-functional-danger-hovered:#f2321e;--telekom-color-functional-danger-pressed:#f84934;--telekom-color-functional-danger-subtle:#5d0d06;--telekom-color-functional-warning-standard:#f97012;--telekom-color-functional-warning-hovered:#fc7e21;--telekom-color-functional-warning-pressed:#fd9038;--telekom-color-functional-warning-subtle:#642d07;--telekom-color-additional-violet-subtle:#301e5d;--telekom-color-additional-blue-subtle:#131f7b;--telekom-color-additional-cyan-subtle:#0c454f;--telekom-color-additional-teal-subtle:#174a40;--telekom-color-additional-green-subtle:#004829;--telekom-color-additional-olive-subtle:#394a17;--telekom-color-additional-brown-subtle:#473316;--telekom-color-additional-yellow-subtle:#60470f;--telekom-color-additional-orange-subtle:#642d07;--telekom-color-additional-red-subtle:#5d0d06}[data-mode="light"]{--telekom-color-text-and-icon-standard:#000000;--telekom-color-text-and-icon-additional:hsla(0, 0%, 0%, 0.65);--telekom-color-text-and-icon-disabled:hsla(0, 0%, 0%, 0.4);--telekom-color-text-and-icon-link-standard:#2238df;--telekom-color-text-and-icon-link-hovered:#0819bd;--telekom-color-text-and-icon-link-visited:#6c3bdb;--telekom-color-text-and-icon-link-active:#000d99;--telekom-color-text-and-icon-primary-standard:#e20074;--telekom-color-text-and-icon-primary-hovered:#c00063;--telekom-color-text-and-icon-primary-pressed:#9e0051;--telekom-color-text-and-icon-inverted-standard:#ffffff;--telekom-color-text-and-icon-inverted-additional:hsla(0, 0%, 100%, 0.65);--telekom-color-text-and-icon-white-standard:#ffffff;--telekom-color-text-and-icon-white-additional:hsla(0, 0%, 100%, 0.65);--telekom-color-text-and-icon-black-standard:#000000;--telekom-color-text-and-icon-black-additional:hsla(0, 0%, 0%, 0.65);--telekom-color-text-and-icon-functional-informational:#2238df;--telekom-color-text-and-icon-functional-success:#008653;--telekom-color-text-and-icon-functional-danger:#d91308;--telekom-color-text-and-icon-functional-warning:#b63d00;--telekom-color-text-and-icon-on-subtle-informational:#2238df;--telekom-color-text-and-icon-on-subtle-success:#00774b;--telekom-color-text-and-icon-on-subtle-danger:#c30a03;--telekom-color-text-and-icon-on-subtle-warning:#b63d00;--telekom-color-text-and-icon-on-subtle-violet:#6c3bdb;--telekom-color-text-and-icon-on-subtle-blue:#2238df;--telekom-color-text-and-icon-on-subtle-cyan:#00738A;--telekom-color-text-and-icon-on-subtle-teal:#177364;--telekom-color-text-and-icon-on-subtle-green:#00774b;--telekom-color-text-and-icon-on-subtle-olive:#557317;--telekom-color-text-and-icon-on-subtle-brown:#82581c;--telekom-color-text-and-icon-on-subtle-yellow:#AC5600;--telekom-color-text-and-icon-on-subtle-orange:#b63d00;--telekom-color-text-and-icon-on-subtle-red:#c30a03;--telekom-color-background-canvas:#ffffff;--telekom-color-background-canvas-subtle:#fbfbfb;--telekom-color-background-backdrop:hsla(0, 0%, 0%, 0.5);--telekom-color-background-surface:#ffffff;--telekom-color-background-surface-subtle:#efeff0;--telekom-color-background-surface-highlight:#242426;--telekom-color-primary-standard:#e20074;--telekom-color-primary-hovered:#c00063;--telekom-color-primary-pressed:#9e0051;--telekom-color-ui-base:#ffffff;--telekom-color-ui-subtle:#efeff0;--telekom-color-ui-faint:#dfdfe1;--telekom-color-ui-regular:#929296;--telekom-color-ui-strong:#747478;--telekom-color-ui-extra-strong:#242426;--telekom-color-ui-white:#ffffff;--telekom-color-ui-black:#000000;--telekom-color-ui-disabled:#d0d0d2;--telekom-color-ui-border-standard:hsla(0, 0%, 0%, 0.44);--telekom-color-ui-border-hovered:hsla(0, 0%, 0%, 0.71);--telekom-color-ui-border-pressed:hsla(0, 0%, 0%, 0.71);--telekom-color-ui-border-disabled:hsla(0, 0%, 0%, 0.14);--telekom-color-ui-state-fill-standard:hsla(0, 0%, 0%, 0);--telekom-color-ui-state-fill-hovered:hsla(0, 0%, 0%, 0.07);--telekom-color-ui-state-fill-pressed:hsla(0, 0%, 0%, 0.21);--telekom-color-ui-state-fill-hovered-inverted:hsla(0, 0%, 100%, 0.14);--telekom-color-ui-state-fill-pressed-inverted:hsla(0, 0%, 100%, 0.21);--telekom-color-functional-focus-standard:#2238df;--telekom-color-functional-focus-inverted:#7d94f9;--telekom-color-functional-informational-standard:#2238df;--telekom-color-functional-informational-hovered:#1326cf;--telekom-color-functional-informational-pressed:#0819bd;--telekom-color-functional-informational-subtle:#d3d7f9;--telekom-color-functional-success-standard:#00b367;--telekom-color-functional-success-hovered:#00a461;--telekom-color-functional-success-pressed:#00955a;--telekom-color-functional-success-subtle:#ccf0e1;--telekom-color-functional-danger-standard:#e82010;--telekom-color-functional-danger-hovered:#d91308;--telekom-color-functional-danger-pressed:#c30a03;--telekom-color-functional-danger-subtle:#fad2cf;--telekom-color-functional-warning-standard:#f97012;--telekom-color-functional-warning-hovered:#f46409;--telekom-color-functional-warning-pressed:#e65703;--telekom-color-functional-warning-subtle:#fee2d0;--telekom-color-additional-violet-subtle:#e4dbfb;--telekom-color-additional-blue-subtle:#d3d7f9;--telekom-color-additional-cyan-subtle:#d2eff4;--telekom-color-additional-teal-subtle:#d8f1ec;--telekom-color-additional-green-subtle:#ccf0e1;--telekom-color-additional-olive-subtle:#e8f1d8;--telekom-color-additional-brown-subtle:#efe5d7;--telekom-color-additional-yellow-subtle:#fcefd3;--telekom-color-additional-orange-subtle:#fee2d0;--telekom-color-additional-red-subtle:#fad2cf}}:root{--telekom-spacing-unit-base:0.25rem;--telekom-spacing-unit-x0:calc(var(--telekom-spacing-unit-base) * 0);--telekom-spacing-unit-x025:calc(var(--telekom-spacing-unit-base) * 0.25);--telekom-spacing-unit-x05:calc(var(--telekom-spacing-unit-base) * 0.5);--telekom-spacing-unit-x1:calc(var(--telekom-spacing-unit-base) * 1);--telekom-spacing-unit-x2:calc(var(--telekom-spacing-unit-base) * 2);--telekom-spacing-unit-x3:calc(var(--telekom-spacing-unit-base) * 3);--telekom-spacing-unit-x4:calc(var(--telekom-spacing-unit-base) * 4);--telekom-spacing-unit-x5:calc(var(--telekom-spacing-unit-base) * 5);--telekom-spacing-unit-x6:calc(var(--telekom-spacing-unit-base) * 6);--telekom-spacing-unit-x7:calc(var(--telekom-spacing-unit-base) * 7);--telekom-spacing-unit-x8:calc(var(--telekom-spacing-unit-base) * 8);--telekom-spacing-unit-x9:calc(var(--telekom-spacing-unit-base) * 9);--telekom-spacing-unit-x10:calc(var(--telekom-spacing-unit-base) * 10);--telekom-spacing-unit-x11:calc(var(--telekom-spacing-unit-base) * 11);--telekom-spacing-unit-x12:calc(var(--telekom-spacing-unit-base) * 12);--telekom-spacing-unit-x13:calc(var(--telekom-spacing-unit-base) * 13);--telekom-spacing-unit-x14:calc(var(--telekom-spacing-unit-base) * 14);--telekom-spacing-unit-x15:calc(var(--telekom-spacing-unit-base) * 15);--telekom-spacing-unit-x16:calc(var(--telekom-spacing-unit-base) * 16);--telekom-spacing-unit-x17:calc(var(--telekom-spacing-unit-base) * 17);--telekom-spacing-unit-x18:calc(var(--telekom-spacing-unit-base) * 18);--telekom-spacing-unit-x19:calc(var(--telekom-spacing-unit-base) * 19);--telekom-spacing-unit-x20:calc(var(--telekom-spacing-unit-base) * 20)}.scl-font-variant-body{font:var(--telekom-text-style-body)}.scl-font-variant-body-short{font:var(--telekom-text-style-body);line-height:var(--telekom-typography-line-spacing-tight)}.scl-font-variant-body-large{font:var(--telekom-text-style-lead-text)}.scl-font-variant-smaller{font:var(--telekom-text-style-small)}.scl-font-variant-label{font:var(--telekom-text-style-small)}.scl-font-variant-caption{font:var(--telekom-text-style-caption)}.scl-font-variant-heading-6{font:var(--telekom-text-style-heading-6)}.scl-font-variant-heading-5{font:var(--telekom-text-style-heading-5)}.scl-font-variant-heading-4{font:var(--telekom-text-style-heading-4)}.scl-font-variant-heading-3{font:var(--telekom-text-style-heading-3)}.scl-font-variant-heading-2{font:var(--telekom-text-style-heading-2)}.scl-font-variant-heading-1{font:var(--telekom-text-style-heading-1)}:root{--scl-grid-max-width:1504px}scale-grid,.scl-grid{--spacing-md:var(--spacing-sm);--spacing-lg:var(--spacing-md);--spacing-xl:var(--spacing-lg);--spacing-xxl:var(--spacing-xl);--gutter-y-md:var(--gutter-y-sm);--gutter-y-lg:var(--gutter-y-md);--gutter-y-xl:var(--gutter-y-lg);--gutter-y-xxl:var(--gutter-y-xl);--gutter-x-md:var(--gutter-x-sm);--gutter-x-lg:var(--gutter-x-md);--gutter-x-xl:var(--gutter-x-lg);--gutter-x-xxl:var(--gutter-x-xl);--columns-md:var(--columns-sm);--columns-lg:var(--columns-md);--columns-xl:var(--columns-lg);--columns-xxl:var(--columns-xl);display:grid;box-sizing:content-box;margin-left:auto;margin-right:auto;grid-template-columns:repeat(var(--columns-sm, 4), minmax(0, 1fr));padding-left:var(--spacing-sm, var(--telekom-spacing-unit-x4, 1em));padding-right:var(--spacing-sm, var(--telekom-spacing-unit-x4, 1em));column-gap:var(--gutter-y-sm, var(--telekom-spacing-unit-x8, 2em));row-gap:var(--gutter-x-sm, var(--telekom-spacing-unit-x8, 2em));max-width:none}scale-grid-item,.scl-grid-item{--size-md:var(--size-sm);--size-lg:var(--size-md);--size-xl:var(--size-lg);--size-xxl:var(--size-xl);--offset-md:var(--offset-sm);--offset-lg:var(--offset-md);--offset-xl:var(--offset-lg);--offset-xxl:var(--offset-xl);grid-column:var(--offset-sm, auto) / span var(--size-sm, 4)}@media screen and (min-width: 640px){scale-grid,.scl-grid{grid-template-columns:repeat(var(--columns-md, 8), minmax(0, 1fr));padding-left:var(--spacing-md, var(--telekom-spacing-unit-x4, 1em));padding-right:var(--spacing-md, var(--telekom-spacing-unit-x4, 1em));column-gap:var(--gutter-y-md, var(--telekom-spacing-unit-x8, 2em));row-gap:var(--gutter-x-md, var(--telekom-spacing-unit-x8, 2em))}scale-grid-item,.scl-grid-item{grid-column:var(--offset-md, auto) / span var(--size-md, 4)}}@media screen and (min-width: 1040px){scale-grid,.scl-grid{grid-template-columns:repeat(var(--columns-lg, 16), minmax(0, 1fr));padding-left:var(--spacing-lg, var(--telekom-spacing-unit-x6, 1.5em));padding-right:var(--spacing-lg, var(--telekom-spacing-unit-x6, 1.5em));column-gap:var(--gutter-y-lg, var(--telekom-spacing-unit-x8, 2em));row-gap:var(--gutter-x-lg, var(--telekom-spacing-unit-x8, 2em))}scale-grid-item,.scl-grid-item{grid-column:var(--offset-lg, auto) / span var(--size-lg, 4)}}@media screen and (min-width: 1296px){scale-grid,.scl-grid{grid-template-columns:repeat(var(--columns-xl, 16), minmax(0, 1fr));padding-left:var(--spacing-xl, var(--telekom-spacing-unit-x6, 1.5em));padding-right:var(--spacing-xl, var(--telekom-spacing-unit-x6, 1.5em));column-gap:var(--gutter-y-xl, var(--telekom-spacing-unit-x8, 2em));row-gap:var(--gutter-x-xl, var(--telekom-spacing-unit-x8, 2em))}scale-grid-item,.scl-grid-item{grid-column:var(--offset-xl, auto) / span var(--size-xl, 4)}}@media screen and (min-width: 1680px){scale-grid,.scl-grid{grid-template-columns:repeat(var(--columns-xxl, 16), minmax(0, 1fr));padding-left:var(--spacing-xxl, var(--telekom-spacing-unit-x6, 1.5em));padding-right:var(--spacing-xxl, var(--telekom-spacing-unit-x6, 1.5em));column-gap:var(--gutter-y-xxl, var(--telekom-spacing-unit-x8, 2em));row-gap:var(--gutter-x-xxl, var(--telekom-spacing-unit-x8, 2em));max-width:var(--max-width, var(--scl-grid-max-width))}scale-grid-item,.scl-grid-item{grid-column:var(--offset-xxl, auto) / span var(--size-xxl, 4)}}:root{--scl-z-index-10:10;--scl-z-index-20:20;--scl-z-index-30:30;--scl-z-index-40:40;--scl-z-index-50:50;--scl-z-index-60:60;--scl-z-index-70:70;color-scheme:light dark}.scl-toast-stack{position:fixed;top:var(--telekom-spacing-composition-space-06);inset-inline-end:var(--telekom-spacing-composition-space-06);z-index:var(--scl-z-index-70);z-index:100;max-height:100%;overflow:visible;display:flex;flex-direction:column;gap:var(--telekom-spacing-composition-space-04)}[data-mode='light']{color-scheme:light}[data-mode='dark']{color-scheme:dark}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/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/assets/styles/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: " ";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-2{
  bottom: 0.5rem;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.right-0{
  right: 0px;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.top-0{
  top: 0px;
}
.top-1{
  top: 0.25rem;
}
.top-11{
  top: 2.75rem;
}
.top-14{
  top: 3.5rem;
}
.top-16{
  top: 4rem;
}
.top-2{
  top: 0.5rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-\[4\.5rem\]{
  top: 4.5rem;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-50{
  z-index: 50;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-4{
  grid-column: span 4 / span 4;
}
.m-0{
  margin: 0px;
}
.m-1{
  margin: 0.25rem;
}
.m-2{
  margin: 0.5rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.-mb-\[2px\]{
  margin-bottom: -2px;
}
.-mt-\[2px\]{
  margin-top: -2px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-96{
  margin-bottom: 24rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.mr-0{
  margin-right: 0px;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-5{
  margin-right: 1.25rem;
}
.mr-6{
  margin-right: 1.5rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.box-content{
  box-sizing: content-box;
}
.block{
  display: block;
}
.flex{
  display: flex;
}
.table{
  display: table;
}
.table-cell{
  display: table-cell;
}
.table-header-group{
  display: table-header-group;
}
.table-row-group{
  display: table-row-group;
}
.table-row{
  display: table-row;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-4{
  height: 1rem;
}
.h-\[44px\]{
  height: 44px;
}
.h-full{
  height: 100%;
}
.min-h-40{
  min-height: 10rem;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-screen{
  min-height: 100vh;
}
.w-4{
  width: 1rem;
}
.w-full{
  width: 100%;
}
.min-w-40{
  min-width: 10rem;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.max-w-screen-2xl{
  max-width: 1536px;
}
.table-auto{
  table-layout: auto;
}
.border-collapse{
  border-collapse: collapse;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-context-menu{
  cursor: context-menu;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.resize{
  resize: both;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-1{
  gap: 0.25rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-4{
  gap: 1rem;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-wrap{
  text-wrap: wrap;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.border{
  border-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-b-\[3px\]{
  border-bottom-width: 3px;
}
.border-l{
  border-left-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-slate-100{
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-b-main-color{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(226 0 116 / var(--tw-border-opacity, 1));
}
.border-b-transparent{
  border-bottom-color: transparent;
}
.bg-\[\#fff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-slate-500{
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-1{
  padding: 0.25rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-8{
  padding: 2rem;
}
.p-9{
  padding: 2.25rem;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-8{
  padding-top: 2rem;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-middle{
  vertical-align: middle;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-7xl{
  font-size: 4.5rem;
  line-height: 1;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-medium{
  font-weight: 500;
}
.uppercase{
  text-transform: uppercase;
}
.text-\[\#383838\]{
  --tw-text-opacity: 1;
  color: rgb(56 56 56 / var(--tw-text-opacity, 1));
}
.text-\[\#999\]{
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-green-900{
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-main-color{
  --tw-text-opacity: 1;
  color: rgb(226 0 116 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800{
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: "TeleNeoWeb";
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px/32px "TeleNeoWeb";
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px/32px "TeleNeoWeb";
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px "TeleNeoWeb";
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px "TeleNeoWeb";
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 11.62px/20px "TeleNeoWeb";
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 9.38px/20px "TeleNeoWeb";
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px/24px "TeleNeoWeb";
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px/20px "TeleNeoWeb";
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px "TeleNeoWeb";
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px "TeleNeoWeb";
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px "TeleNeoWeb";
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px "TeleNeoWeb";
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px "TeleNeoWeb";
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px "TeleNeoWeb";
  letter-spacing: normal;
}
.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
  font-family: "TeleNeoWeb";
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: "TeleNeoWeb";
}
.mat-card {
  font-family: "TeleNeoWeb";
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: "TeleNeoWeb";
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: "TeleNeoWeb";
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: "TeleNeoWeb";
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px/32px "TeleNeoWeb";
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: "TeleNeoWeb";
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px/20px "TeleNeoWeb";
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: "TeleNeoWeb";
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid rgba(0, 0, 0, 0);
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: "TeleNeoWeb";
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: "TeleNeoWeb";
  font-size: 12px;
}
.mat-radio-button {
  font-family: "TeleNeoWeb";
}
.mat-select {
  font-family: "TeleNeoWeb";
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: "TeleNeoWeb";
}
.mat-slider-thumb-label-text {
  font-family: "TeleNeoWeb";
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical,
.mat-stepper-horizontal {
  font-family: "TeleNeoWeb";
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: "TeleNeoWeb";
}
.mat-tab-label,
.mat-tab-link {
  font-family: "TeleNeoWeb";
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px "TeleNeoWeb";
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: "TeleNeoWeb";
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: "TeleNeoWeb";
}
.mat-list-option {
  font-family: "TeleNeoWeb";
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: "TeleNeoWeb";
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: "TeleNeoWeb";
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: "TeleNeoWeb";
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px "TeleNeoWeb";
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: "TeleNeoWeb";
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: "TeleNeoWeb";
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block ;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block ;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-badge-content {
  color: #fff;
  background: #3f51b5;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: #fff;
}
.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: rgba(0, 0, 0, 0);
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: rgba(0, 0, 0, 0);
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: #000;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
  color: #fff;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
  color: #fff;
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
  color: #fff;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
  background-color: #3f51b5;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
  background-color: #ff4081;
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]),
.mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,
.mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: #fff;
}
.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0);
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(63, 81, 181, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: #fff;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(63, 81, 181, 0.3);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(63, 81, 181, 0.3);
  }
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: #fff;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 64, 129, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3);
  }
}
.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0);
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #3f51b5;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #3f51b5;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: #fff;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #cbd0e9;
}
.mat-progress-bar-buffer {
  background-color: #cbd0e9;
}
.mat-progress-bar-fill::after {
  background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: #000;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: #fff;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #e20074;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: #df6ea8;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #e20074;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #3f51b5;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(63, 81, 181, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff4081;
  color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: rgba(0, 0, 0, 0);
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header,
.mat-tab-group.mat-background-primary > .mat-tab-link-container,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: #fff;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: #fff;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: #fff;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header,
.mat-tab-group.mat-background-accent > .mat-tab-link-container,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: #fff;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: #fff;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: #fff;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header,
.mat-tab-group.mat-background-warn > .mat-tab-link-container,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: #fff;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: #fff;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: #fff;
  opacity: 0.12;
}
.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: #fff;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: #fff;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row,
.mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row,
.mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: #fff;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #ff4081;
}
.d-none {
  display: none;
}
.d-flex {
  display: flex;
}
.d-inline {
  display: inline-block;
}
@media (min-width: 600px) {
  .d-sm-none {
    display: none;
  }
  .d-sm-block {
    display: block;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-inline {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none;
  }
  .d-md-block {
    display: block;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-inline {
    display: inline-block;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-inline {
    display: inline-block;
  }
}
@media (min-width: 1296px) {
  .d-xl-none {
    display: none;
  }
  .d-xl-block {
    display: block;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-inline {
    display: inline-block;
  }
}
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none;
  }
  .d-xxl-block {
    display: block;
  }
  .d-xxl-flex {
    display: flex;
  }
  .d-xxl-inline {
    display: inline-block;
  }
}
.atag {
  color: rgba(0, 0, 0, 0.4);
}
.atag a {
  color: rgba(28, 65, 235, 0.2509803922) !important;
}
.link {
  text-decoration: none;
  color: #1c41eb;
  font-size: 16px;
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}
.maincolor {
  color: #1c41eb;
}
.maincolor.disabled {
  color: #a0a0a0 !important;
}
.maincolor.hydrated::part(base) {
  color: #1c41eb;
  border-color: #1c41eb;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
llbar-thumb {
  background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body {
  margin: 0;
  padding: 0;
  font-family: "TeleNeoWeb" !important;
  font-size: 14px;
  background-color: var(--telekom-color-background-canvas);
  color: var(--telekom-color-text-and-icon-standard);
}
.menu-main {
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-main::part(base) {
  background: none;
  padding: 0;
  margin: 0;
}
.menu-main img {
  filter: brightness(0) saturate(100%) invert(19%) sepia(84%) saturate(7297%) hue-rotate(320deg) brightness(86%) contrast(108%);
}
.menu-main.m8x {
  margin-left: -8px;
}
.name-app {
  font-weight: 700;
  width: 208px;
  margin-right: 24px;
}
.shell .content {
  background-color: #fff !important;
}
scale-app-shell.hydrated::part(base) {
  background-color: #fff;
  position: relative;
}
scale-app-shell.hydrated::part(base).shell {
  color: #fff;
}
scale-app-shell.hydrated::part(base).shell .content {
  background-color: #fff !important;
}
.box-site {
  font-family: "TeleNeoWeb" !important;
  margin: 0 auto;
  min-height: calc(100vh - 240px);
}
.mobile-box-menu {
  margin-top: 15px;
}
.margin-top-menu {
  margin-top: 10px;
}
.header__nav-logo {
  margin: 10px 0 !important;
}
@media (min-width: 1024px) {
  .header__nav-logo {
    width: auto !important;
    white-space: nowrap;
    opacity: 1 !important;
    font-size: 22px;
    margin: 5px 0 !important;
  }
  .mobile-box-menu {
    display: none;
  }
  .margin-top-menu {
    margin-top: 0;
  }
  .main-navigation {
    margin-left: 0 !important;
  }
}
.error-snackbar {
  background: #751f26 !important;
}
.success-snackbar {
  background: #00750c !important;
}
.snackbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.snackbar .close {
  background: none;
  border: 0;
  color: #fff;
  cursor: pointer;
  margin-left: 10px;
}
.dot {
  width: 12px;
  height: 12px;
  right: -6px;
  top: -6px;
  background: #da0c19;
  border-radius: 6px;
}
.dot.disabled {
  background-color: rgba(208, 208, 210, 0.7);
}
.dotin {
  width: 8px;
  height: 8px;
  right: 17px;
  top: 7px;
  background: #da0c19;
  border-radius: 4px;
}
.suffix {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
  margin-left: 10px;
}
app-search-box {
  position: relative;
}
app-search-box .icon-search {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(239, 239, 239);
  cursor: pointer;
  z-index: 1;
  border-radius: 0 8px 8px 0;
}
app-search-box .clear-search {
  position: absolute;
  right: 40px;
  top: 4px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.footer-container {
  background: none !important;
}
.box-loading {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
}
.box-loading .hydrated::part(text) {
  color: #fff;
}
.header-module {
  word-break: break-all;
  font-weight: 800 !important;
  font-size: 32px !important;
  line-height: 40px !important;
}
.header-module b {
  font-weight: 800 !important;
}
.isSticky .header-module {
  word-break: normal !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subheader {
  transition: 0.5s ease;
}
.btn-del-tag.hydrated::part(base) {
  padding: 0 5px;
  border: 0;
  margin-right: -10px;
}
.header__nav .header__nav-content {
  max-width: 1280px;
  margin: 0 auto;
}
.main-navigation__item-link {
  padding: 10px;
}
.item-menu {
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 16px;
}
.item-menu .mega-menu {
  width: 100%;
  position: absolute;
  top: 52px;
  left: 0;
  border-radius: 0 0 12px 12px;
  display: none;
  /*padding-top: 128px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 16px 64px 0px, rgba(0, 0, 0, 0.1) 0px 8px 16px 0px;*/
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.item-menu .mega-menu .mega-menu__wrapper {
  padding: 12px 16px 24px 24px;
  background-color: #fff;
  border-radius: 12px;
}
.item-menu .active.mega-menu {
  display: block !important;
  z-index: 99999;
}
.mw-300 {
  min-width: 120px;
  width: 100%;
}
@media (min-width: 1024px) {
  .mw-300 {
    min-width: 180px;
  }
}
.mw-400 {
  min-width: 220px;
  width: 100%;
}
@media (min-width: 1024px) {
  .mw-400 {
    min-width: 250px;
  }
}
.mpt-dropdown::part(combobox-container) {
  height: 40px;
}
.mpt-dropdown::part(combobox) {
  height: 40px;
}
.mpt-dropdown::part(label) {
  top: -5px;
}
.mytruncate {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  max-width: 500px;
}
.btn-mpt-no-scale {
  border: 0;
  color: #1c41eb;
}
scale-modal.hydrated::part(window) {
  overflow: hidden;
}
scale-modal.hydrated::part(body) {
  margin: 0 !important;
}
.breadcrumb {
  margin-left: -8px;
  font-size: 14px;
  word-break: break-all;
  white-space: break-spaces;
}
.breadcrumb ol {
  list-style: none;
  margin-top: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
}
.breadcrumb ol li {
  display: inline-flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.65);
}
.breadcrumb ol li a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.65);
  border-radius: 8px;
  padding: 4px 8px;
  cursor: pointer;
}
.breadcrumb ol li a.current {
  color: #000;
}
.breadcrumb ol li a.item:hover {
  color: #e20074;
}
.btn-action.hydrated::part(base) {
  border: none;
  color: #1c41eb;
  white-space: nowrap;
}
.btn-action.hydrated::part(base).disabled {
  color: rgba(107, 114, 128, 0.65);
}
.btn-action.disabled.hydrated::part(base) {
  color: rgba(107, 114, 128, 0.65);
}
.custom-menu {
  box-shadow: 0px 24px 96px 0px hsla(0deg, 0%, 0%, 0.1), 0px 12px 24px 0px hsla(0deg, 0%, 0%, 0.1) !important;
  border-radius: 0.75rem !important;
}
.custom-menu .mat-menu-item {
  height: auto !important;
  border: #fff 2px solid;
}
.custom-menu .mat-menu-item:hover {
  color: #e20074;
}
.box-filter {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 8px 32px rgba(0, 0, 0, 0.1);
  border-radius: 8px 8px 0px 0px;
  z-index: 99;
}
.box-filter .content-filter {
  background: #ffffff;
  padding: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 8px 8px 0px 0px;
}
@media (min-width: 1024px) {
  .box-filter .content-filter {
    position: relative;
    border-radius: 8px;
  }
  .box-filter {
    min-width: 400px;
    position: absolute;
    top: 44px;
    bottom: auto;
    left: auto;
    background-color: transparent;
    border-radius: 8px;
  }
}
.switch label {
  display: flex;
}
.switch span {
  white-space: nowrap;
}
.cal-cell-row {
  display: flex;
}
.cal-cell-row .cal-cell {
  width: 100px;
}
.kpiitem {
  background: #fbfbfb;
  border: 1px solid #f7f7f8;
  border-radius: 12px;
  padding: 16px;
}
.kpiitem .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.65);
}
.kpiitem .value {
  margin-top: 5px;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
}
.magenta:hover {
  cursor: pointer !important;
  color: #e20074 !important;
}
.pink {
  color: #e20074 !important;
}
.btncldmain {
  margin-left: 10px;
}
.btncldmain .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cldmain .mat-date-range-input-container {
  width: 100%;
  justify-content: space-between;
}
.cldmain .mat-date-range-input-container .mat-date-range-input-start-wrapper {
  flex-grow: 1;
  border: #ccc 1px solid;
  border-radius: 5px;
}
.cldmain .mat-date-range-input-container .mat-date-range-input-start-wrapper .mat-start-date {
  position: relative;
  text-align: center;
  padding: 8px;
}
.cldmain .mat-date-range-input-container .mat-date-range-input-start-wrapper .mat-date-range-input-mirror {
  display: none;
}
.cldmain .mat-date-range-input-container .mat-date-range-input-end-wrapper {
  flex-grow: 1;
  border: #ccc 1px solid;
  border-radius: 5px;
}
.cldmain .mat-date-range-input-container .mat-date-range-input-end-wrapper .mat-end-date {
  text-align: center;
  padding: 8px;
}
select option {
  font-family: "TeleNeoWeb" !important;
}
.cropper-container {
  width: 100% !important;
}
.textarea .textarea__helper-text {
  padding-left: 0 !important;
}
#box-status .checkbox-group {
  width: 100%;
}
#box-status .checkbox-group [part=fieldset] {
  max-height: 500px;
}
.mat-calendar-body-selected {
  background-color: #e20074 !important;
  color: #fff;
}
.mat-calendar-body-active .mat-focus-indicator {
  background-color: rgba(226, 0, 116, 0.1254901961) !important;
  color: #fff;
}
.mat-calendar-body-active .mat-calendar-body-selected {
  background-color: #e20074 !important;
  color: #fff;
}
.mat-calendar-body-cell-content:hover {
  background-color: rgba(226, 0, 116, 0.1882352941) !important;
}
.mat-calendar-body-cell-container:hover .mat-calendar-body-cell-content {
  background-color: rgba(226, 0, 116, 0.1882352941) !important;
}
scale-checkbox [part=checkbox] {
  background-color: #fff;
}
.rfboximage {
  position: relative !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  padding-top: 66.6667%;
  overflow: hidden;
}
.rfboximage .img {
  position: absolute;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
  border: #f1f1f1 1px solid;
  border-radius: 5px;
}
.rfboximage .img .imgthumb {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.rfboximage .img .imgicon {
  height: 50%;
  width: 50%;
  object-fit: cover;
}
.rfboximage .img .imgfile {
  max-width: 100%;
  max-height: 100%;
  width: 50%;
  object-fit: cover;
}
.userinfo {
  padding: 0 7px;
  padding-right: 0;
  flex: 1 1 auto !important;
}
.userinfo:hover .usertitle,
.userinfo:hover .usersubtitle {
  cursor: pointer;
  color: #e20074;
}
.userinfo .usertitle {
  font-size: 16px;
  line-height: 16px;
  margin-top: 3px;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.userinfo .usertitle b {
  font-weight: 700;
}
.userinfo .usertitle:hover {
  color: #e20074;
}
.userinfo .usersubtitle {
  font-size: 15px;
  line-height: 15px;
  color: #a0a0a0;
  overflow: hidden;
  margin-top: 5px;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.userinfo .usersubtitle:hover {
  color: #e20074;
}
.userinfo .config-incomplete {
  color: #b30000;
  font-size: 14px;
  line-height: 14px;
  margin-top: 5px;
}
.boxavatar {
  position: relative;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 50%;
  overflow: hidden;
}
.boxavatar.size32 {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}
.boxavatar.size32 .bimg {
  width: 32px;
  height: 32px;
}
.boxavatar.size32 .bimg img {
  width: 32px;
  height: 32px;
}
.boxavatar.size32 .avatar {
  border-radius: 50%;
  height: 32px;
  font-size: 16px;
}
.boxavatar.small {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.boxavatar.small .bimg {
  width: 24px;
  height: 24px;
}
.boxavatar.small .bimg img {
  width: 24px;
  height: 24px;
}
.boxavatar.small .avatar {
  border-radius: 50%;
  height: 24px;
  font-size: 12px;
}
.boxavatar .bimg {
  width: 48px;
  height: 48px;
  background-color: #f3f3f3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.boxavatar .bimg img {
  width: 48px;
  height: 48px;
}
.boxavatar .avatar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  line-height: 21px;
  color: #a0a0a0;
  font-weight: 700;
  border-radius: 24px;
  box-sizing: border-box;
  text-transform: uppercase;
}
.btn-blue.hydrated::part(base) {
  border: none;
  white-space: nowrap;
  font-weight: 700;
  background: none !important;
  color: #1c41eb;
  padding: 0;
  padding-left: 5px;
}
.btn-blue.hydrated::part(base):hover {
  color: #0325bb;
}
.btn-blue img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(71%) saturate(6280%) hue-rotate(234deg) brightness(95%) contrast(94%);
}
.btn-clear.hydrated::part(base) {
  border: none;
  white-space: nowrap;
  padding: 0;
  font-weight: 700;
  background: none !important;
}
.btn-clear.maincolor.hydrated::part(base) {
  color: #1c41eb;
}
.btn-clear-normal {
  width: 100%;
}
.btn-clear-normal.hydrated::part(base) {
  border: none;
  white-space: nowrap;
  font-weight: 700;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.carousel-cells .carousel-cell {
  height: auto !important;
}
.carousel-cells .carousel-cell h4 {
  padding-top: 5px;
  font-weight: 500;
}
app-capture-card {
  height: 100%;
}
app-capture-card .capture-vcard-video {
  height: 100%;
}
app-capture-card .capture-vcard-video .webcam-wrapper {
  height: 100%;
}
app-capture-card .capture-vcard-video .webcam-wrapper video {
  width: 100%;
  height: 100%;
}
app-crop-card {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-icon {
  margin: 0;
}
.cropper-wrap-box {
  position: relative !important;
}
.cropper-wrap-box .cropper-canvas {
  position: relative !important;
}
scale-dropdown.hydrated .dropdown {
  background: #fff;
}
.one-ellipsis {
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
}
.col-name:hover {
  cursor: pointer;
  color: #e20074 !important;
}
.col-name:hover .name,
.col-name:hover .description,
.col-name:hover .code,
.col-name:hover .date,
.col-name:hover .date b {
  color: #e20074 !important;
}
.text-field__label {
  line-height: 18px;
}
.btnpad05.hydrated::part(base) {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.fs16 {
  font-size: 16px;
  line-height: 16px;
}
.fs14 {
  font-size: 14px;
  line-height: 14px;
}
.fs14.h14 {
  height: 14px !important;
}
.carousel-cell img {
  object-fit: cover !important;
}
scale-notification-message.hydrated::part(heading) {
  font-size: 16px;
}
scale-collapsible.hydrated::part(heading):hover .hidden {
  display: block !important;
}
.water-mark-png {
  font-size: 12px;
  color: #808080;
}
@media (max-width: 768px) {
  .txtpercent input {
    padding: 0 !important;
    padding-top: 15px !important;
    padding-left: 12px !important;
  }
}
mark {
  color: #fff;
  background-color: #e20074;
}
scale-card.hydrated::part(base) {
  border-radius: 0 !important;
}
/*
.hydrated {

  .text-field,
  .text-field__control,
  .textarea,
  .textarea__control {

    &:active,
    &:focus {
      outline: none !important;
    }
  }

  .textarea__wrapper {
    outline: none !important;
  }
}

.hydrated::part(base),
.hydrated::part(combobox) {
  outline: none !important;

  &:active,
  &:focus {
    outline: none !important;
  }
}

.hydrated::part(tab-header) {
  outline: none !important;

  &:active,
  &:focus {
    outline: none !important;
  }
}

scale-dropdown {
  &.hydrated {
    select {
      outline: none !important;

      &:active,
      &:focus {
        outline: none !important;
      }
    }
  }
}
*/
cal-time-events {
  display: none !important;
}
.cal-week-view .cal-day-headers {
  padding-left: 0 !important;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: none !important;
}
.cal-week-view .cal-time-label-column {
  width: 0px;
  display: none !important;
}
.text-left {
  text-align: left;
}
.align-baseline {
  align-items: baseline;
}
.h44 {
  min-height: 44px !important;
}
scale-dropdown-select.hydrated::part(option) {
  display: flex;
  align-items: center;
}
scale-dropdown-select.hydrated::part(option) scale-icon-action-checkmark {
  top: 3px;
}
scale-dropdown-select [part~=option][aria-selected=true] scale-icon-action-checkmark {
  top: 3px;
}
@media (min-width: 768px) {
  .md\:align-baseline {
    align-items: baseline;
  }
  .md\:align-middle {
    align-items: middle;
  }
  .md\:align-center {
    align-items: center;
  }
}
.rowClick:hover {
  color: #e20074 !important;
}
.rowClick:hover .itask .number {
  color: #fff !important;
}
.rowClick:hover mark {
  color: #fff !important;
}
.content-perm a {
  color: #1c41eb !important;
}
.mt-05 {
  margin-top: 0.125rem;
}
.underline {
  text-decoration: underline;
}
.break-all {
  word-break: break-all;
}
.head-filter {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 8px;
}
.scroll-filter-box {
  max-height: 200px;
  overflow-y: auto;
  padding-bottom: 15px;
}
.cursor-not-allowed::part(base) {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.3137254902);
}
scale-telekom-nav-flyout.hydrated::part(base) {
  top: auto;
}
scale-telekom-nav-flyout.hydrated::part(backdrop) {
  top: auto;
}
.textStatus {
  padding: 4px 10px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.textStatus.aktiv, .textStatus.active {
  color: #00AA65;
  background: #F2FBF7;
}
.textStatus.suspended {
  color: rgba(0, 0, 0, 0.65);
  background: #F7F7F8;
}
.textStatus.gesperrt, .textStatus.deleted {
  color: #900;
  background: #FEF7F3;
}
.textStatus.initial {
  color: #1C41EB;
  background: #F4F6FE;
}
.STATUS {
  background-color: rgb(247, 247, 248);
  border-radius: 4px;
  height: 28px;
  overflow: hidden;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  padding: 5px;
  text-align: center;
  width: 100%;
  white-space: nowrap;
}
.STATUS.laufend, .STATUS.progressing {
  color: rgb(28, 65, 235);
  background-color: rgb(244, 246, 254);
}
.STATUS.export, .STATUS.exportiert, .STATUS.transferred {
  color: rgb(0, 170, 101);
  background-color: rgb(242, 251, 247);
}
.STATUS.freigegeben {
  color: rgb(101, 81, 159);
  background-color: rgb(242, 240, 247);
}
.STATUS.Qualitycheck, .STATUS.qualitycheck {
  color: rgb(241, 93, 14);
  background-color: rgb(254, 247, 243);
}
.STATUS.fehlgeschlagen, .STATUS.export_fehlgeschlagen {
  color: rgb(179, 0, 0);
  background-color: rgba(179, 0, 0, 0.1);
}
.input__label {
  top: -5px;
}
.animated .input__label {
  top: -2px;
}
.btn-tab {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  padding: 1rem 0.75rem;
  position: relative;
}
.btn-tab:hover {
  color: #9e0051;
}
.btn-tab:hover:after {
  background-color: #9e0051;
}
.btn-tab.active {
  color: #e20074;
}
.btn-tab:before {
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  border-top: 1px solid transparent;
}
.btn-tab:after {
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  height: 0.0625rem;
  background-color: #efeff0;
}
.btn-tab.active:before {
  border-top: 3px;
}
.btn-tab.active:after {
  height: 3px;
  background-color: #e20074;
}
.btn-tab:focus {
  outline: 0.125rem solid #2238df;
  border-radius: 0.25rem;
  z-index: 1;
}
.btn-tab .count {
  top: 5px;
  right: -5px;
  padding: 0px 2px;
  height: 14px;
  min-width: 10px;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: bold;
  border-radius: 50%;
  background-color: #e20074;
  color: #fff;
}
scale-dropdown-select-item::part(base) {
  font-size: 16px;
}
.three-line-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-height: 60px;
}
.lge-block {
  display: none;
}
@media (min-width: 1040px) {
  .lge-block {
    display: block;
  }
}
.btn-black.hydrated::part(base) {
  color: #333;
}
.sp-link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  color: #1c41eb;
  cursor: pointer;
  transition: all 0.2s ease;
}
.sp-link-btn:hover:not(:disabled) {
  background-color: #f3f4f6;
}
.sp-link-btn:active:not(:disabled) {
  background-color: #e5e7eb;
}
.sp-link-btn:focus {
  outline: 2px solid #1c41eb;
  outline-offset: 2px;
}
.sp-link-btn:disabled {
  color: rgba(107, 114, 128, 0.65);
  background-color: transparent;
  cursor: not-allowed;
}
.sp-link-btn svg {
  display: block;
  flex-shrink: 0;
}
scale-telekom-nav-item.active > a:first-child {
  color: #e20074;
}
scale-telekom-nav-item.active > a:first-child::after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--telekom-color-text-and-icon-primary-standard);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
scale-badge::part(label) {
  display: none;
}
.scl-toast-stack {
  z-index: 101 !important;
}
.classification {
  color: #6b6b6b;
  font-size: 16px;
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.classification span {
  background: #e8f2f1 0% 0% no-repeat padding-box;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  color: #218076;
  display: flex;
  font-size: 13px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:text-red-900:hover{
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px){
  .sm\:mr-3{
    margin-right: 0.75rem;
  }
  .sm\:block{
    display: block;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px){
  .md\:col-start-2{
    grid-column-start: 2;
  }
  .md\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .md\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md\:mb-0{
    margin-bottom: 0px;
  }
  .md\:ml-2{
    margin-left: 0.5rem;
  }
  .md\:ml-4{
    margin-left: 1rem;
  }
  .md\:mr-2{
    margin-right: 0.5rem;
  }
  .md\:mr-3{
    margin-right: 0.75rem;
  }
  .md\:mr-4{
    margin-right: 1rem;
  }
  .md\:block{
    display: block;
  }
  .md\:flex{
    display: flex;
  }
  .md\:hidden{
    display: none;
  }
  .md\:w-auto{
    width: auto;
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:justify-start{
    justify-content: flex-start;
  }
  .md\:gap-4{
    gap: 1rem;
  }
  .md\:border-b-0{
    border-bottom-width: 0px;
  }
  .md\:border-l{
    border-left-width: 1px;
  }
  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:pb-0{
    padding-bottom: 0px;
  }
  .md\:pl-3{
    padding-left: 0.75rem;
  }
}
@media (min-width: 1024px){
  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .lg\:mb-0{
    margin-bottom: 0px;
  }
  .lg\:mr-8{
    margin-right: 2rem;
  }
  .lg\:mt-0{
    margin-top: 0px;
  }
  .lg\:block{
    display: block;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:w-1\/3{
    width: 33.333333%;
  }
  .lg\:w-2\/3{
    width: 66.666667%;
  }
  .lg\:w-auto{
    width: auto;
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:items-center{
    align-items: center;
  }
  .lg\:justify-between{
    justify-content: space-between;
  }
  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:pb-0{
    padding-bottom: 0px;
  }
  .lg\:pr-3{
    padding-right: 0.75rem;
  }
  .lg\:pt-0{
    padding-top: 0px;
  }
  .lg\:pt-8{
    padding-top: 2rem;
  }
}

/*# sourceMappingURL=styles.css.map*/