From: Snapshot-Content-Location: https://food-review-af.web.app/ Subject: FoodReviewAF Date: Fri, 16 Jun 2023 12:53:09 -0000 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx----" ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://food-review-af.web.app/ =20 FoodReviewAF =20 =20
Par = m=C4=81jaslapuRestor=C4=81niPi= esl=C4=93gties
Par m=C4=81jaslapu
Te b=C5=ABs teksts

footer works!

 ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-56be374f-37ba-466b-8da7-21bd7e250039@mhtml.blink @charset "utf-8"; @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmSU5fCRc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+460-52F, = U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmSU5fABc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+301, U+40= 0-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmSU5fCBc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+1F00-1FFF= ; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmSU5fBxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+370-3FF; = } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmSU5fCxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+102-103, = U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304= , U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmSU5fChc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+100-2AF, = U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-= 20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmSU5fBBc4AMP6lQ.woff2") format("woff2"); unicode-range: U+0-FF, U+131= , U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-20= 6F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;= } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu= 92Fr1Mu72xKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+460-52F, U+1C= 80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu= 92Fr1Mu5mxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+301, U+400-45= F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu= 92Fr1Mu7mxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu= 92Fr1Mu4WxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu= 92Fr1Mu7WxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+102-103, U+11= 0-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+= 308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu= 92Fr1Mu7GxKKTU1Kvnz.woff2") format("woff2"); unicode-range: U+100-2AF, U+30= 4, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF= , U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu= 92Fr1Mu4mxKKTU1Kg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+= 152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, = U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmEU9fCRc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+460-52F, = U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmEU9fABc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+301, U+40= 0-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmEU9fCBc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+1F00-1FFF= ; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmEU9fBxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+370-3FF; = } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmEU9fCxc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+102-103, = U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304= , U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmEU9fChc4AMP6lbBP.woff2") format("woff2"); unicode-range: U+100-2AF, = U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-= 20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu= 92Fr1MmEU9fBBc4AMP6lQ.woff2") format("woff2"); unicode-range: U+0-FF, U+131= , U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-20= 6F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;= } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-935bb916-86f7-4eb6-9aec-e0589ff62f3a@mhtml.blink @charset "utf-8"; @font-face { font-family: "Material Icons"; font-style: normal; font-weight= : 400; src: url("https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZc= lQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2") format("woff2"); } @font-face { font-family: "Material Icons Outlined"; font-style: normal; fo= nt-weight: 400; src: url("https://fonts.gstatic.com/s/materialiconsoutlined= /v109/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2") format("woff2"= ); } @font-face { font-family: "Material Icons Round"; font-style: normal; font-= weight: 400; src: url("https://fonts.gstatic.com/s/materialiconsround/v108/= LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2") format("woff2"); } @font-face { font-family: "Material Icons Sharp"; font-style: normal; font-= weight: 400; src: url("https://fonts.gstatic.com/s/materialiconssharp/v109/= oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.woff2") format("woff2"); } @font-face { font-family: "Material Icons Two Tone"; font-style: normal; fo= nt-weight: 400; src: url("https://fonts.gstatic.com/s/materialiconstwotone/= v112/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu0NjbrHg.woff2") format("woff2")= ; } body { --google-font-color-materialiconstwotone: none; } .material-icons { font-family: "Material Icons"; font-weight: normal; font-= style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; tex= t-transform: none; display: inline-block; white-space: nowrap; overflow-wra= p: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoo= thing: antialiased; } .material-icons-outlined { font-family: "Material Icons Outlined"; font-wei= ght: normal; font-style: normal; font-size: 24px; line-height: 1; letter-sp= acing: normal; text-transform: none; display: inline-block; white-space: no= wrap; overflow-wrap: normal; direction: ltr; font-feature-settings: "liga";= -webkit-font-smoothing: antialiased; } .material-icons-round { font-family: "Material Icons Round"; font-weight: n= ormal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing:= normal; text-transform: none; display: inline-block; white-space: nowrap; = overflow-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webk= it-font-smoothing: antialiased; } .material-icons-sharp { font-family: "Material Icons Sharp"; font-weight: n= ormal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing:= normal; text-transform: none; display: inline-block; white-space: nowrap; = overflow-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webk= it-font-smoothing: antialiased; } .material-icons-two-tone { font-family: "Material Icons Two Tone"; font-wei= ght: normal; font-style: normal; font-size: 24px; line-height: 1; letter-sp= acing: normal; text-transform: none; display: inline-block; white-space: no= wrap; overflow-wrap: normal; direction: ltr; font-feature-settings: "liga";= -webkit-font-smoothing: antialiased; } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-3ea374aa-0664-4e56-9e17-4f9bd66dc91a@mhtml.blink @charset "utf-8"; html { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38); --m= dc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38); --mdc-check= box-selected-checkmark-color: #000; --mdc-checkbox-selected-focus-icon-colo= r: #ffd740; --mdc-checkbox-selected-hover-icon-color: #ffd740; --mdc-checkb= ox-selected-icon-color: #ffd740; --mdc-checkbox-selected-pressed-icon-color= : #ffd740; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-check= box-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-co= lor: rgba(0, 0, 0, .54); --mdc-checkbox-unselected-pressed-icon-color: rgba= (0, 0, 0, .54); --mdc-checkbox-selected-focus-state-layer-color: #ffd740; -= -mdc-checkbox-selected-hover-state-layer-color: #ffd740; --mdc-checkbox-sel= ected-pressed-state-layer-color: #ffd740; --mdc-checkbox-unselected-focus-s= tate-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color:= black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html { --mdc-checkbox-state-layer-size: 40px; } * { box-sizing: border-box; } html, body, app-root { background-color: rgb(235, 192, 75); height: 100%; d= isplay: block; width: 100%; margin: 0px; } html, body { height: 100%; } body { margin: 0px; font-family: Roboto, "Helvetica Neue", sans-serif; } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-1c9c79eb-690c-47da-8114-dbd4926cee03@mhtml.blink @charset "utf-8"; @media (forced-colors: active) { body { } } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-4d2a7266-746e-4781-88c4-96fffbaa3a1b@mhtml.blink @charset "utf-8"; [_nghost-ng-c1831023685] { display: flex; flex-direction: column; min-heigh= t: 100%; } .content[_ngcontent-ng-c1831023685] { display: flex; flex: 1 1 auto; } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-6a68c68a-80f1-43c6-a6df-1b0ba010d134@mhtml.blink @charset "utf-8"; [_nghost-ng-c1846038727] { display: block; min-height: 50px; border-bottom:= 1px solid black; margin-bottom: 16px; } header[_ngcontent-ng-c1846038727] { height: 100%; display: flex; flex-direc= tion: row; justify-content: end; align-items: center; } .mdc-button[_ngcontent-ng-c1846038727] + .mdc-button[_ngcontent-ng-c1846038= 727] { margin-left: 16px; } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-7ef27a51-751e-4501-9af1-ccb54f7ba2fe@mhtml.blink @charset "utf-8"; .mdc-touch-target-wrapper { display: inline; } .mdc-elevation-overlay { position: absolute; border-radius: inherit; pointe= r-events: none; opacity: var(--mdc-elevation-overlay-opacity, 0); transitio= n: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .mdc-button { position: relative; display: inline-flex; align-items: center= ; justify-content: center; box-sizing: border-box; min-width: 64px; border:= none; outline: none; line-height: inherit; user-select: none; appearance: = none; overflow: visible; vertical-align: middle; background: rgba(0, 0, 0, = 0); } .mdc-button .mdc-elevation-overlay { width: 100%; height: 100%; top: 0px; l= eft: 0px; } .mdc-button:active { outline: none; } .mdc-button:hover { cursor: pointer; } .mdc-button:disabled { cursor: default; pointer-events: none; } .mdc-button[hidden] { display: none; } .mdc-button .mdc-button__icon { margin-left: 0px; margin-right: 8px; displa= y: inline-block; position: relative; vertical-align: top; } [dir=3D"rtl"] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[= dir=3D"rtl"] { margin-left: 8px; margin-right: 0px; } .mdc-button .mdc-button__progress-indicator { font-size: 0px; position: abs= olute; transform: translate(-50%, -50%); top: 50%; left: 50%; line-height: = initial; } .mdc-button .mdc-button__label { position: relative; } .mdc-button .mdc-button__focus-ring { pointer-events: none; border: 2px sol= id rgba(0, 0, 0, 0); border-radius: 6px; box-sizing: content-box; position:= absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: c= alc(100% + 4px); width: calc(100% + 4px); display: none; } @media screen and (forced-colors: active) { .mdc-button .mdc-button__focus-ring { border-color: canvastext; } } .mdc-button .mdc-button__focus-ring::after { content: ""; border: 2px solid= rgba(0, 0, 0, 0); border-radius: 8px; display: block; position: absolute; = top: 50%; left: 50%; transform: translate(-50%, -50%); height: calc(100% + = 4px); width: calc(100% + 4px); } @media screen and (forced-colors: active) { .mdc-button .mdc-button__focus-ring::after { border-color: canvastext; } } @media screen and (forced-colors: active) { .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ri= ng, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring { d= isplay: block; } } .mdc-button .mdc-button__touch { position: absolute; top: 50%; height: 48px= ; left: 0px; right: 0px; transform: translateY(-50%); } .mdc-button__label + .mdc-button__icon { margin-left: 8px; margin-right: 0p= x; } [dir=3D"rtl"] .mdc-button__label + .mdc-button__icon, .mdc-button__label + = .mdc-button__icon[dir=3D"rtl"] { margin-left: 0px; margin-right: 8px; } svg.mdc-button__icon { fill: currentcolor; } .mdc-button--touch { margin-top: 6px; margin-bottom: 6px; } .mdc-button { padding: 0px 8px; } .mdc-button--unelevated { transition: box-shadow 280ms cubic-bezier(0.4, 0,= 0.2, 1) 0s; padding: 0px 16px; } .mdc-button--unelevated.mdc-button--icon-trailing { padding: 0px 12px 0px 1= 6px; } .mdc-button--unelevated.mdc-button--icon-leading { padding: 0px 16px 0px 12= px; } .mdc-button--raised { transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2= , 1) 0s; padding: 0px 16px; } .mdc-button--raised.mdc-button--icon-trailing { padding: 0px 12px 0px 16px;= } .mdc-button--raised.mdc-button--icon-leading { padding: 0px 16px 0px 12px; = } .mdc-button--outlined { border-style: solid; transition: border 280ms cubic= -bezier(0.4, 0, 0.2, 1) 0s; } .mdc-button--outlined .mdc-button__ripple { border-style: solid; border-col= or: rgba(0, 0, 0, 0); } .mat-mdc-button { height: var(--mdc-text-button-container-height, 36px); bo= rder-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, = 4px)); } .mat-mdc-button:not(:disabled) { color: var(--mdc-text-button-label-text-co= lor, inherit); } .mat-mdc-button:disabled { color: var(--mdc-text-button-disabled-label-text= -color, rgba(0, 0, 0, 0.38)); } .mat-mdc-button .mdc-button__ripple { border-radius: var(--mdc-text-button-= container-shape, var(--mdc-shape-small, 4px)); } .mat-mdc-unelevated-button { height: var(--mdc-filled-button-container-heig= ht, 36px); border-radius: var(--mdc-filled-button-container-shape, var(--md= c-shape-small, 4px)); } .mat-mdc-unelevated-button:not(:disabled) { background-color: var(--mdc-fil= led-button-container-color, transparent); } .mat-mdc-unelevated-button:disabled { background-color: var(--mdc-filled-bu= tton-disabled-container-color, rgba(0, 0, 0, 0.12)); } .mat-mdc-unelevated-button:not(:disabled) { color: var(--mdc-filled-button-= label-text-color, inherit); } .mat-mdc-unelevated-button:disabled { color: var(--mdc-filled-button-disabl= ed-label-text-color, rgba(0, 0, 0, 0.38)); } .mat-mdc-unelevated-button .mdc-button__ripple { border-radius: var(--mdc-f= illed-button-container-shape, var(--mdc-shape-small, 4px)); } .mat-mdc-raised-button { height: var(--mdc-protected-button-container-heigh= t, 36px); border-radius: var(--mdc-protected-button-container-shape, var(--= mdc-shape-small, 4px)); box-shadow: var(--mdc-protected-button-container-el= evation, 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-mdc-raised-button:not(:disabled) { background-color: var(--mdc-protect= ed-button-container-color, transparent); } .mat-mdc-raised-button:disabled { background-color: var(--mdc-protected-but= ton-disabled-container-color, rgba(0, 0, 0, 0.12)); } .mat-mdc-raised-button:not(:disabled) { color: var(--mdc-protected-button-l= abel-text-color, inherit); } .mat-mdc-raised-button:disabled { color: var(--mdc-protected-button-disable= d-label-text-color, rgba(0, 0, 0, 0.38)); } .mat-mdc-raised-button .mdc-button__ripple { border-radius: var(--mdc-prote= cted-button-container-shape, var(--mdc-shape-small, 4px)); } .mat-mdc-raised-button.mdc-ripple-upgraded--background-focused, .mat-mdc-ra= ised-button:not(.mdc-ripple-upgraded):focus { box-shadow: var(--mdc-protect= ed-button-focus-container-elevation, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0= px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)); = } .mat-mdc-raised-button:hover { box-shadow: var(--mdc-protected-button-hover= -container-elevation, 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-mdc-raised-button:not(:disabled):active { box-shadow: var(--mdc-protec= ted-button-pressed-container-elevation, 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-mdc-raised-button:disabled { box-shadow: var(--mdc-protected-button-di= sabled-container-elevation, 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-mdc-outlined-button { height: var(--mdc-outlined-button-container-heig= ht, 36px); border-radius: var(--mdc-outlined-button-container-shape, var(--= mdc-shape-small, 4px)); padding: 0px 15px; border-width: var(--mdc-outlined= -button-outline-width, 1px); } .mat-mdc-outlined-button:not(:disabled) { color: var(--mdc-outlined-button-= label-text-color, inherit); } .mat-mdc-outlined-button:disabled { color: var(--mdc-outlined-button-disabl= ed-label-text-color, rgba(0, 0, 0, 0.38)); } .mat-mdc-outlined-button .mdc-button__ripple { border-radius: var(--mdc-out= lined-button-container-shape, var(--mdc-shape-small, 4px)); } .mat-mdc-outlined-button:not(:disabled) { border-color: var(--mdc-outlined-= button-outline-color, rgba(0, 0, 0, 0.12)); } .mat-mdc-outlined-button:disabled { border-color: var(--mdc-outlined-button= -disabled-outline-color, rgba(0, 0, 0, 0.12)); } .mat-mdc-outlined-button.mdc-button--icon-trailing { padding: 0px 11px 0px = 15px; } .mat-mdc-outlined-button.mdc-button--icon-leading { padding: 0px 15px 0px 1= 1px; } .mat-mdc-outlined-button .mdc-button__ripple { inset: -1px; border-width: v= ar(--mdc-outlined-button-outline-width, 1px); } .mat-mdc-outlined-button .mdc-button__touch { left: calc(-1 * var(--mdc-out= lined-button-outline-width, 1px)); width: calc(100% + 2 * var(--mdc-outline= d-button-outline-width, 1px)); } .mat-mdc-button, .mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-m= dc-outlined-button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mat-mdc-button .mat-mdc-button-ripple, .mat-mdc-button .mat-mdc-button-per= sistent-ripple, .mat-mdc-button .mat-mdc-button-persistent-ripple::before, = .mat-mdc-unelevated-button .mat-mdc-button-ripple, .mat-mdc-unelevated-butt= on .mat-mdc-button-persistent-ripple, .mat-mdc-unelevated-button .mat-mdc-b= utton-persistent-ripple::before, .mat-mdc-raised-button .mat-mdc-button-rip= ple, .mat-mdc-raised-button .mat-mdc-button-persistent-ripple, .mat-mdc-rai= sed-button .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-but= ton .mat-mdc-button-ripple, .mat-mdc-outlined-button .mat-mdc-button-persis= tent-ripple, .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::be= fore { inset: 0px; position: absolute; pointer-events: none; border-radius:= inherit; } .mat-mdc-button .mat-mdc-button-ripple, .mat-mdc-unelevated-button .mat-mdc= -button-ripple, .mat-mdc-raised-button .mat-mdc-button-ripple, .mat-mdc-out= lined-button .mat-mdc-button-ripple { overflow: hidden; } .mat-mdc-button .mat-mdc-button-persistent-ripple::before, .mat-mdc-uneleva= ted-button .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-butto= n .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button .mat-= mdc-button-persistent-ripple::before { content: ""; opacity: 0; background-= color: var(--mat-mdc-button-persistent-ripple-color); } .mat-mdc-button .mat-ripple-element, .mat-mdc-unelevated-button .mat-ripple= -element, .mat-mdc-raised-button .mat-ripple-element, .mat-mdc-outlined-but= ton .mat-ripple-element { background-color: var(--mat-mdc-button-ripple-col= or); } .mat-mdc-button .mdc-button__label, .mat-mdc-unelevated-button .mdc-button_= _label, .mat-mdc-raised-button .mdc-button__label, .mat-mdc-outlined-button= .mdc-button__label { z-index: 1; } .mat-mdc-button .mat-mdc-focus-indicator, .mat-mdc-unelevated-button .mat-m= dc-focus-indicator, .mat-mdc-raised-button .mat-mdc-focus-indicator, .mat-m= dc-outlined-button .mat-mdc-focus-indicator { inset: 0px; position: absolut= e; } .mat-mdc-button:focus .mat-mdc-focus-indicator::before, .mat-mdc-unelevated= -button:focus .mat-mdc-focus-indicator::before, .mat-mdc-raised-button:focu= s .mat-mdc-focus-indicator::before, .mat-mdc-outlined-button:focus .mat-mdc= -focus-indicator::before { content: ""; } .mat-mdc-button[disabled], .mat-mdc-unelevated-button[disabled], .mat-mdc-r= aised-button[disabled], .mat-mdc-outlined-button[disabled] { cursor: defaul= t; pointer-events: none; } .mat-mdc-button .mat-mdc-button-touch-target, .mat-mdc-unelevated-button .m= at-mdc-button-touch-target, .mat-mdc-raised-button .mat-mdc-button-touch-ta= rget, .mat-mdc-outlined-button .mat-mdc-button-touch-target { position: abs= olute; top: 50%; height: 48px; left: 0px; right: 0px; transform: translateY= (-50%); } .mat-mdc-button._mat-animation-noopable, .mat-mdc-unelevated-button._mat-an= imation-noopable, .mat-mdc-raised-button._mat-animation-noopable, .mat-mdc-= outlined-button._mat-animation-noopable { transition: none 0s ease 0s !impo= rtant; animation: 0s ease 0s 1 normal none running none !important; } .mat-mdc-button > .mat-icon { margin-left: 0px; margin-right: 8px; display:= inline-block; position: relative; vertical-align: top; font-size: 1.125rem= ; height: 1.125rem; width: 1.125rem; } [dir=3D"rtl"] .mat-mdc-button > .mat-icon, .mat-mdc-button > .mat-icon[dir= =3D"rtl"] { margin-left: 8px; margin-right: 0px; } .mat-mdc-button .mdc-button__label + .mat-icon { margin-left: 8px; margin-r= ight: 0px; } [dir=3D"rtl"] .mat-mdc-button .mdc-button__label + .mat-icon, .mat-mdc-butt= on .mdc-button__label + .mat-icon[dir=3D"rtl"] { margin-left: 0px; margin-r= ight: 8px; } .mat-mdc-unelevated-button > .mat-icon, .mat-mdc-raised-button > .mat-icon,= .mat-mdc-outlined-button > .mat-icon { display: inline-block; position: re= lative; vertical-align: top; font-size: 1.125rem; height: 1.125rem; width: = 1.125rem; margin-left: -4px; margin-right: 8px; } [dir=3D"rtl"] .mat-mdc-unelevated-button > .mat-icon, [dir=3D"rtl"] .mat-md= c-raised-button > .mat-icon, [dir=3D"rtl"] .mat-mdc-outlined-button > .mat-= icon, .mat-mdc-unelevated-button > .mat-icon[dir=3D"rtl"], .mat-mdc-raised-= button > .mat-icon[dir=3D"rtl"], .mat-mdc-outlined-button > .mat-icon[dir= =3D"rtl"] { margin-left: 8px; margin-right: 0px; } [dir=3D"rtl"] .mat-mdc-unelevated-button > .mat-icon, [dir=3D"rtl"] .mat-md= c-raised-button > .mat-icon, [dir=3D"rtl"] .mat-mdc-outlined-button > .mat-= icon, .mat-mdc-unelevated-button > .mat-icon[dir=3D"rtl"], .mat-mdc-raised-= button > .mat-icon[dir=3D"rtl"], .mat-mdc-outlined-button > .mat-icon[dir= =3D"rtl"] { margin-left: 8px; margin-right: -4px; } .mat-mdc-unelevated-button .mdc-button__label + .mat-icon, .mat-mdc-raised-= button .mdc-button__label + .mat-icon, .mat-mdc-outlined-button .mdc-button= __label + .mat-icon { margin-left: 8px; margin-right: -4px; } [dir=3D"rtl"] .mat-mdc-unelevated-button .mdc-button__label + .mat-icon, [d= ir=3D"rtl"] .mat-mdc-raised-button .mdc-button__label + .mat-icon, [dir=3D"= rtl"] .mat-mdc-outlined-button .mdc-button__label + .mat-icon, .mat-mdc-une= levated-button .mdc-button__label + .mat-icon[dir=3D"rtl"], .mat-mdc-raised= -button .mdc-button__label + .mat-icon[dir=3D"rtl"], .mat-mdc-outlined-butt= on .mdc-button__label + .mat-icon[dir=3D"rtl"] { margin-left: -4px; margin-= right: 8px; } .mat-mdc-outlined-button .mat-mdc-button-ripple, .mat-mdc-outlined-button .= mdc-button__ripple { inset: -1px; } .mat-mdc-unelevated-button .mat-mdc-focus-indicator::before, .mat-mdc-raise= d-button .mat-mdc-focus-indicator::before { margin: calc(calc(var(--mat-mdc= -focus-indicator-border-width, 3px) + 2px) * -1); } .mat-mdc-outlined-button .mat-mdc-focus-indicator::before { margin: calc(ca= lc(var(--mat-mdc-focus-indicator-border-width, 3px) + 3px) * -1); } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-372552f6-bc6e-4949-abf5-088e1a5bfbb1@mhtml.blink @charset "utf-8"; .cdk-high-contrast-active .mat-mdc-button:not(.mdc-button--outlined), .cdk-= high-contrast-active .mat-mdc-unelevated-button:not(.mdc-button--outlined),= .cdk-high-contrast-active .mat-mdc-raised-button:not(.mdc-button--outlined= ), .cdk-high-contrast-active .mat-mdc-outlined-button:not(.mdc-button--outl= ined), .cdk-high-contrast-active .mat-mdc-icon-button { outline: solid 1px;= } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-aa0094a2-668e-42e0-b4db-f5c81bfc9c7e@mhtml.blink @charset "utf-8"; [_nghost-ng-c3328435344] { display: inline-block; width: 100%; } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-908455f6-57c4-4490-9629-c3ed0996acc1@mhtml.blink @charset "utf-8"; .mdc-card { display: flex; flex-direction: column; box-sizing: border-box; = } .mdc-card::after { position: absolute; box-sizing: border-box; width: 100%;= height: 100%; top: 0px; left: 0px; border: 1px solid rgba(0, 0, 0, 0); bor= der-radius: inherit; content: ""; pointer-events: none; } @media screen and (forced-colors: active) { .mdc-card::after { border-color: canvastext; } } .mdc-card--outlined::after { border: none; } .mdc-card__content { border-radius: inherit; height: 100%; } .mdc-card__media { position: relative; box-sizing: border-box; background-r= epeat: no-repeat; background-position: center center; background-size: cove= r; } .mdc-card__media::before { display: block; content: ""; } .mdc-card__media:first-child { border-top-left-radius: inherit; border-top-= right-radius: inherit; } .mdc-card__media:last-child { border-bottom-left-radius: inherit; border-bo= ttom-right-radius: inherit; } .mdc-card__media--square::before { margin-top: 100%; } .mdc-card__media--16-9::before { margin-top: 56.25%; } .mdc-card__media-content { position: absolute; inset: 0px; box-sizing: bord= er-box; } .mdc-card__primary-action { display: flex; flex-direction: column; box-sizi= ng: border-box; position: relative; outline: none; color: inherit; text-dec= oration: none; cursor: pointer; overflow: hidden; } .mdc-card__primary-action:first-child { border-top-left-radius: inherit; bo= rder-top-right-radius: inherit; } .mdc-card__primary-action:last-child { border-bottom-left-radius: inherit; = border-bottom-right-radius: inherit; } .mdc-card__actions { display: flex; flex-direction: row; align-items: cente= r; box-sizing: border-box; min-height: 52px; padding: 8px; } .mdc-card__actions--full-bleed { padding: 0px; } .mdc-card__action-buttons, .mdc-card__action-icons { display: flex; flex-di= rection: row; align-items: center; box-sizing: border-box; } .mdc-card__action-icons { color: rgba(0, 0, 0, 0.6); flex-grow: 1; justify-= content: flex-end; } .mdc-card__action-buttons + .mdc-card__action-icons { margin-left: 16px; ma= rgin-right: 0px; } [dir=3D"rtl"] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-car= d__action-buttons + .mdc-card__action-icons[dir=3D"rtl"] { margin-left: 0px= ; margin-right: 16px; } .mdc-card__action { display: inline-flex; flex-direction: row; align-items:= center; box-sizing: border-box; justify-content: center; cursor: pointer; = user-select: none; } .mdc-card__action:focus { outline: none; } .mdc-card__action--button { margin-left: 0px; margin-right: 8px; padding: 0= px 8px; } [dir=3D"rtl"] .mdc-card__action--button, .mdc-card__action--button[dir=3D"r= tl"] { margin-left: 8px; margin-right: 0px; } .mdc-card__action--button:last-child { margin-left: 0px; margin-right: 0px;= } [dir=3D"rtl"] .mdc-card__action--button:last-child, .mdc-card__action--butt= on:last-child[dir=3D"rtl"] { margin-left: 0px; margin-right: 0px; } .mdc-card__actions--full-bleed .mdc-card__action--button { justify-content:= space-between; width: 100%; height: auto; max-height: none; margin: 0px; p= adding: 8px 16px; text-align: left; } [dir=3D"rtl"] .mdc-card__actions--full-bleed .mdc-card__action--button, .md= c-card__actions--full-bleed .mdc-card__action--button[dir=3D"rtl"] { text-a= lign: right; } .mdc-card__action--icon { margin: -6px 0px; padding: 12px; } .mdc-card__action--icon:not(:disabled) { color: rgba(0, 0, 0, 0.6); } .mat-mdc-card { border-radius: var(--mdc-elevated-card-container-shape); ba= ckground-color: var(--mdc-elevated-card-container-color); border-width: 0px= ; border-style: solid; border-color: var(--mdc-elevated-card-container-colo= r); box-shadow: var(--mdc-elevated-card-container-elevation); --mdc-elevate= d-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --md= c-outlined-card-outline-width: 1px; } .mat-mdc-card .mdc-card::after { border-radius: var(--mdc-elevated-card-con= tainer-shape); } .mat-mdc-card-outlined { border-width: var(--mdc-outlined-card-outline-widt= h); border-style: solid; border-color: var(--mdc-outlined-card-outline-colo= r); border-radius: var(--mdc-outlined-card-container-shape); background-col= or: var(--mdc-outlined-card-container-color); box-shadow: var(--mdc-outline= d-card-container-elevation); } .mat-mdc-card-outlined .mdc-card::after { border-radius: var(--mdc-outlined= -card-container-shape); } .mat-mdc-card-title { font-family: var(--mat-card-title-text-font); line-he= ight: var(--mat-card-title-text-line-height); font-size: var(--mat-card-tit= le-text-size); letter-spacing: var(--mat-card-title-text-tracking); font-we= ight: var(--mat-card-title-text-weight); } .mat-mdc-card-subtitle { color: var(--mat-card-subtitle-text-color); font-f= amily: var(--mat-card-subtitle-text-font); line-height: var(--mat-card-subt= itle-text-line-height); font-size: var(--mat-card-subtitle-text-size); lett= er-spacing: var(--mat-card-subtitle-text-tracking); font-weight: var(--mat-= card-subtitle-text-weight); } .mat-mdc-card { position: relative; } .mat-mdc-card-title, .mat-mdc-card-subtitle { display: block; margin: 0px; = } .mat-mdc-card-avatar ~ .mat-mdc-card-header-text .mat-mdc-card-title, .mat-= mdc-card-avatar ~ .mat-mdc-card-header-text .mat-mdc-card-subtitle { paddin= g: 16px 16px 0px; } .mat-mdc-card-header { display: flex; padding: 16px 16px 0px; } .mat-mdc-card-content { display: block; padding: 0px 16px; } .mat-mdc-card-content:first-child { padding-top: 16px; } .mat-mdc-card-content:last-child { padding-bottom: 16px; } .mat-mdc-card-title-group { display: flex; justify-content: space-between; = width: 100%; } .mat-mdc-card-avatar { height: 40px; width: 40px; border-radius: 50%; flex-= shrink: 0; margin-bottom: 16px; object-fit: cover; } .mat-mdc-card-avatar ~ .mat-mdc-card-header-text .mat-mdc-card-subtitle, .m= at-mdc-card-avatar ~ .mat-mdc-card-header-text .mat-mdc-card-title { line-h= eight: normal; } .mat-mdc-card-sm-image { width: 80px; height: 80px; } .mat-mdc-card-md-image { width: 112px; height: 112px; } .mat-mdc-card-lg-image { width: 152px; height: 152px; } .mat-mdc-card-xl-image { width: 240px; height: 240px; } .mat-mdc-card-subtitle ~ .mat-mdc-card-title, .mat-mdc-card-title ~ .mat-md= c-card-subtitle, .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-ca= rd-title, .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-subt= itle, .mat-mdc-card-title-group .mat-mdc-card-title, .mat-mdc-card-title-gr= oup .mat-mdc-card-subtitle { padding-top: 0px; } .mat-mdc-card-content > :last-child:not(.mat-mdc-card-footer) { margin-bott= om: 0px; } .mat-mdc-card-actions-align-end { justify-content: flex-end; } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://food-review-af.web.app/styles.057c0b3c8168d37f.css @charset "utf-8"; .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0px); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-event= s: none; transition: opacity 0s ease 0s, transform 0ms cubic-bezier(0, 0, 0= .2, 1) 0s; transform: scale3d(0, 0, 0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height:= 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; wid= th: 1px; white-space: nowrap; outline: 0px; appearance: none; left: 0px; } [dir=3D"rtl"] .cdk-visually-hidden { left: auto; right: 0px; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none;= top: 0px; left: 0px; 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: 1= 000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: b= order-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%;= } .cdk-overlay-backdrop { position: absolute; inset: 0px; z-index: 1000; poin= ter-events: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition= : opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showin= g { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear 0s, o= pacity 1ms linear 0s; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0= ; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none 0s ease 0s; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index:= 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1= px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll;= } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0px !important; box= -sizing: content-box !important; height: auto !important; overflow: hidden = !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0px !import= ant; box-sizing: content-box !important; height: 0px !important; } @keyframes cdk-text-field-autofill-start {=20 } @keyframes cdk-text-field-autofill-end {=20 } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: 0s ease 1m= s 1 normal none running cdk-text-field-autofill-start; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: 0s e= ase 1ms 1 normal none running cdk-text-field-autofill-end; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { inset: 0px; position: absolute; box-sizing: = border-box; pointer-events: none; display: var(--mat-focus-indicator-displa= y, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-fo= cus-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 { inset: 0px; position: absolute; box-sizi= ng: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicato= r-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) = var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indi= cator-border-color, transparent); border-radius: var(--mat-mdc-focus-indica= tor-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-mdc-option { color: var(--mdc-theme-text-primary-on-background, rgba(0= , 0, 0, .87)); } .mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-option:focus.= mdc-list-item, .mat-mdc-option.mat-mdc-option-active.mdc-list-item, .mat-md= c-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-lis= t-item--disabled) { background: rgba(0, 0, 0, 0.04); } .mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--di= sabled) .mdc-list-item__primary-text { color: var(--mdc-theme-primary, #673= ab7); } .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--dis= abled) .mdc-list-item__primary-text { color: var(--mdc-theme-secondary, #ff= d740); } .mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disab= led) .mdc-list-item__primary-text { color: var(--mdc-theme-error, #f44336);= } .mat-mdc-optgroup-label { color: var(--mdc-theme-text-primary-on-background= , rgba(0, 0, 0, .87)); } .mat-pseudo-checkbox-full { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled { color: rgb(176, 17= 6, 176); } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::afte= r, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-mini= mal::after { color: rgb(103, 58, 183); } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pr= imary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { backgro= und: rgb(103, 58, 183); } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, = .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::a= fter { color: rgb(250, 250, 250); } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseud= o-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: rgb(25= 5, 215, 64); } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox= -indeterminate.mat-pseudo-checkbox-full { background: rgb(255, 215, 64); } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-pseudo-c= heckbox-indeterminate.mat-pseudo-checkbox-full::after { color: rgb(250, 250= , 250); } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after= , .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minima= l::after { color: rgb(255, 215, 64); } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-acc= ent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { backgroun= d: rgb(255, 215, 64); } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .= mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::aft= er { color: rgb(250, 250, 250); } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, = .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::a= fter { color: rgb(244, 67, 54); } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-warn = .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: r= gb(244, 67, 54); } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .ma= t-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {= color: rgb(250, 250, 250); } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkb= ox-minimal::after, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indete= rminate.mat-pseudo-checkbox-minimal::after { color: rgb(176, 176, 176); } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkb= ox-full, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.ma= t-pseudo-checkbox-full { background: rgb(176, 176, 176); } .mat-app-background { background-color: rgb(250, 250, 250); color: rgba(0, = 0, 0, 0.87); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px, rgba(0, 0, 0, 0= .12) 0px 0px; } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px, rg= ba(0, 0, 0, 0.12) 0px 1px 3px; } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px, rg= ba(0, 0, 0, 0.12) 0px 1px 5px; } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px, rg= ba(0, 0, 0, 0.12) 0px 1px 8px; } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px, rg= ba(0, 0, 0, 0.12) 0px 1px 10px; } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 5px 8px, rg= ba(0, 0, 0, 0.12) 0px 1px 14px; } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px, r= gba(0, 0, 0, 0.12) 0px 1px 18px; } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 4px 5px -2px, rgba(0, 0, 0, 0.14) 0px 7px 10px 1p= x, rgba(0, 0, 0, 0.12) 0px 2px 16px 1px; } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1p= x, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shado= w: rgba(0, 0, 0, 0.2) 0px 5px 6px -3px, rgba(0, 0, 0, 0.14) 0px 9px 12px 1p= x, rgba(0, 0, 0, 0.12) 0px 3px 16px 2px; } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 6px 6px -3px, rgba(0, 0, 0, 0.14) 0px 10px 14px= 1px, rgba(0, 0, 0, 0.12) 0px 4px 18px 3px; } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 6px 7px -4px, rgba(0, 0, 0, 0.14) 0px 11px 15px= 1px, rgba(0, 0, 0, 0.12) 0px 4px 20px 3px; } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px= 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px; } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 13px 19px= 2px, rgba(0, 0, 0, 0.12) 0px 5px 24px 4px; } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 7px 9px -4px, rgba(0, 0, 0, 0.14) 0px 14px 21px= 2px, rgba(0, 0, 0, 0.12) 0px 5px 26px 4px; } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 8px 9px -5px, rgba(0, 0, 0, 0.14) 0px 15px 22px= 2px, rgba(0, 0, 0, 0.12) 0px 6px 28px 5px; } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 8px 10px -5px, rgba(0, 0, 0, 0.14) 0px 16px 24p= x 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px; } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 8px 11px -5px, rgba(0, 0, 0, 0.14) 0px 17px 26p= x 2px, rgba(0, 0, 0, 0.12) 0px 6px 32px 5px; } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 9px 11px -5px, rgba(0, 0, 0, 0.14) 0px 18px 28p= x 2px, rgba(0, 0, 0, 0.12) 0px 7px 34px 6px; } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 9px 12px -6px, rgba(0, 0, 0, 0.14) 0px 19px 29p= x 2px, rgba(0, 0, 0, 0.12) 0px 7px 36px 6px; } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 10px 13px -6px, rgba(0, 0, 0, 0.14) 0px 20px 31= px 3px, rgba(0, 0, 0, 0.12) 0px 8px 38px 7px; } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 10px 13px -6px, rgba(0, 0, 0, 0.14) 0px 21px 33= px 3px, rgba(0, 0, 0, 0.12) 0px 8px 40px 7px; } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 10px 14px -6px, rgba(0, 0, 0, 0.14) 0px 22px 35= px 3px, rgba(0, 0, 0, 0.12) 0px 8px 42px 7px; } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 11px 14px -7px, rgba(0, 0, 0, 0.14) 0px 23px 36= px 3px, rgba(0, 0, 0, 0.12) 0px 9px 44px 8px; } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-sha= dow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38= px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px; } .mat-theme-loaded-marker { display: none; } .mat-mdc-option { -webkit-font-smoothing: antialiased; font-family: var(--m= dc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, = sans-serif)); font-size: var(--mdc-typography-body1-font-size, 16px); line-= height: var(--mdc-typography-body1-line-height, 24px); font-weight: var(--m= dc-typography-body1-font-weight, 400); letter-spacing: var(--mdc-typography= -body1-letter-spacing, .03125em); } .mat-mdc-card { --mdc-elevated-card-container-color: white; --mdc-elevated-= card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0= px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12); --mdc-outlined-c= ard-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0= , .12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0,= 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, = .12); --mat-card-subtitle-text-color: rgba(0, 0, 0, .54); } .mat-mdc-card { --mat-card-title-text-font: Roboto, sans-serif; --mat-card-= title-text-line-height: 32px; --mat-card-title-text-size: 20px; --mat-card-= title-text-tracking: .0125em; --mat-card-title-text-weight: 500; --mat-card= -subtitle-text-font: Roboto, sans-serif; --mat-card-subtitle-text-line-heig= ht: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tra= cking: .0071428571em; --mat-card-subtitle-text-weight: 500; } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #673a= b7; --mdc-linear-progress-track-color: rgba(103, 58, 183, .25); } .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots { background-color:= var(--mdc-linear-progress-track-color, rgba(103, 58, 183, .25)); } @media (forced-colors: active) { .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots { background-colo= r: buttonborder; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots { background-colo= r: rgba(0, 0, 0, 0); background-image: url("data:image/svg+xml,%3Csvg versi= on=3D'1.1' xmlns=3D'http://www.w3.org/2000/svg' xmlns:xlink=3D'http://www.w= 3.org/1999/xlink' x=3D'0px' y=3D'0px' enable-background=3D'new 0 0 5 2' xml= :space=3D'preserve' viewBox=3D'0 0 5 2' preserveAspectRatio=3D'none slice'%= 3E%3Ccircle cx=3D'1' cy=3D'1' r=3D'1' fill=3D'rgba(103, 58, 183, 0.25)'/%3E= %3C/svg%3E"); } } .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar { background-color: = var(--mdc-linear-progress-track-color, rgba(103, 58, 183, .25)); } .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-c= olor: #ffd740; --mdc-linear-progress-track-color: rgba(255, 215, 64, .25); = } .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots { backgr= ound-color: var(--mdc-linear-progress-track-color, rgba(255, 215, 64, .25))= ; } @media (forced-colors: active) { .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots { back= ground-color: buttonborder; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots { back= ground-color: rgba(0, 0, 0, 0); background-image: url("data:image/svg+xml,%= 3Csvg version=3D'1.1' xmlns=3D'http://www.w3.org/2000/svg' xmlns:xlink=3D'h= ttp://www.w3.org/1999/xlink' x=3D'0px' y=3D'0px' enable-background=3D'new 0= 0 5 2' xml:space=3D'preserve' viewBox=3D'0 0 5 2' preserveAspectRatio=3D'n= one slice'%3E%3Ccircle cx=3D'1' cy=3D'1' r=3D'1' fill=3D'rgba(255, 215, 64,= 0.25)'/%3E%3C/svg%3E"); } } .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar { backgro= und-color: var(--mdc-linear-progress-track-color, rgba(255, 215, 64, .25));= } .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-col= or: #f44336; --mdc-linear-progress-track-color: rgba(244, 67, 54, .25); } @keyframes mdc-linear-progress-buffering {=20 } .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots { backgrou= nd-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25)); } @media (forced-colors: active) { .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots { backgr= ound-color: buttonborder; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots { backgr= ound-color: rgba(0, 0, 0, 0); background-image: url("data:image/svg+xml,%3C= svg version=3D'1.1' xmlns=3D'http://www.w3.org/2000/svg' xmlns:xlink=3D'htt= p://www.w3.org/1999/xlink' x=3D'0px' y=3D'0px' enable-background=3D'new 0 0= 5 2' xml:space=3D'preserve' viewBox=3D'0 0 5 2' preserveAspectRatio=3D'non= e slice'%3E%3Ccircle cx=3D'1' cy=3D'1' r=3D'1' fill=3D'rgba(244, 67, 54, 0.= 25)'/%3E%3C/svg%3E"); } } .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar { backgroun= d-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25)); } .mat-mdc-tooltip { --mdc-plain-tooltip-container-color: #616161; --mdc-plai= n-tooltip-supporting-text-color: white; } .mat-mdc-tooltip { --mdc-plain-tooltip-supporting-text-font: Roboto, sans-s= erif; --mdc-plain-tooltip-supporting-text-size: 12px; --mdc-plain-tooltip-s= upporting-text-weight: 400; --mdc-plain-tooltip-supporting-text-tracking: .= 0333333333em; } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color:= rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { col= or: rgba(0, 0, 0, 0.87); } @media all { .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::pl= aceholder { color: rgba(0, 0, 0, 0.6); } } @media all { } .mdc-text-field .mdc-text-field__input { caret-color: var(--mdc-theme-prima= ry, #673ab7); } .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-lin= e .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-co= unter, .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-hel= per-line .mdc-text-field-character-counter { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leadi= ng { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trail= ing { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--pref= ix { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suff= ix { color: rgba(0, 0, 0, 0.6); } .mdc-text-field--filled .mdc-text-field__ripple::before, .mdc-text-field--f= illed .mdc-text-field__ripple::after { background-color: var(--mdc-ripple-c= olor, rgba(0, 0, 0, .87)); } .mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-fi= eld--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before { opa= city: var(--mdc-ripple-hover-opacity, .04); } .mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-f= ield__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):foc= us .mdc-text-field__ripple::before { opacity: var(--mdc-ripple-focus-opacit= y, .12); } .mdc-text-field--filled:not(.mdc-text-field--disabled) { background-color: = rgb(245, 245, 245); } .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::be= fore { border-bottom-color: rgba(0, 0, 0, 0.42); } .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripp= le::before { border-bottom-color: rgba(0, 0, 0, 0.87); } .mdc-text-field--filled .mdc-line-ripple::after { border-bottom-color: var(= --mdc-theme-primary, #673ab7); } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outli= ne__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-= notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disa= bled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.38); } .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-fiel= d--focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mdc-= text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--fo= cused):hover .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-fi= eld--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):= hover .mdc-notched-outline .mdc-notched-outline__trailing { border-color: r= gba(0, 0, 0, 0.87); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--fo= cused .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-tex= t-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .md= c-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focus= ed .mdc-notched-outline__trailing { border-color: var(--mdc-theme-primary, = #673ab7); } .mdc-text-field--outlined .mdc-text-field__ripple::before, .mdc-text-field-= -outlined .mdc-text-field__ripple::after { background-color: var(--mdc-ripp= le-color, transparent); } .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label= { color: rgba(103, 58, 183, 0.87); } .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-rip= ple::before { border-bottom-color: var(--mdc-theme-error, #f44336); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::a= fter { border-bottom-color: var(--mdc-theme-error, #f44336); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label= { color: var(--mdc-theme-error, #f44336); } .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--inv= alid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-= msg { color: var(--mdc-theme-error, #f44336); } .mdc-text-field--invalid .mdc-text-field__input { caret-color: var(--mdc-th= eme-error, #f44336); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__ic= on--trailing { color: var(--mdc-theme-error, #f44336); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::b= efore { border-bottom-color: var(--mdc-theme-error, #f44336); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outlin= e__leading, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-no= tched-outline__notch, .mdc-text-field--invalid:not(.mdc-text-field--disable= d) .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #f= 44336); } .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field= --focused):hover .mdc-notched-outline .mdc-notched-outline__leading, .mdc-t= ext-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focu= sed):hover .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-fiel= d--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hov= er .mdc-notched-outline .mdc-notched-outline__trailing { border-color: var(= --mdc-theme-error, #f44336); } .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--foc= used .mdc-notched-outline__leading, .mdc-text-field--invalid:not(.mdc-text-= field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-= text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused = .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #f443= 36); } .mdc-text-field--disabled .mdc-text-field__input { color: rgba(0, 0, 0, 0.3= 8); } @media all { .mdc-text-field--disabled .mdc-text-field__input::placeholder { color: rg= ba(0, 0, 0, 0.38); } } @media all { } .mdc-text-field--disabled .mdc-floating-label { color: rgba(0, 0, 0, 0.38);= } .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-hel= per-text { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field-character-counter, .mdc-text-fiel= d--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter= { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-text-field__icon--leading, .mdc-text-field--= disabled .mdc-text-field__icon--trailing { color: rgba(0, 0, 0, 0.3); } .mdc-text-field--disabled .mdc-text-field__affix--prefix, .mdc-text-field--= disabled .mdc-text-field__affix--suffix { color: rgba(0, 0, 0, 0.38); } .mdc-text-field--disabled .mdc-line-ripple::before { border-bottom-color: r= gba(0, 0, 0, 0.06); } .mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--d= isabled .mdc-notched-outline__notch, .mdc-text-field--disabled .mdc-notched= -outline__trailing { border-color: rgba(0, 0, 0, 0.06); } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-text-field__input::placeholder { color: gr= aytext; } } @media screen and (forced-colors: active), (-ms-high-contrast: active) { } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-floating-label { color: graytext; } } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-h= elper-text { color: graytext; } } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-text-field-character-counter, .mdc-text-fi= eld--disabled + .mdc-text-field-helper-line .mdc-text-field-character-count= er { color: graytext; } } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-text-field__icon--leading { color: graytex= t; } } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-text-field__icon--trailing { color: grayte= xt; } } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-text-field__affix--prefix { color: graytex= t; } } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-text-field__affix--suffix { color: graytex= t; } } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-line-ripple::before { border-bottom-color:= graytext; } } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field-= -disabled .mdc-notched-outline__notch, .mdc-text-field--disabled .mdc-notch= ed-outline__trailing { border-color: graytext; } } .mdc-text-field--disabled.mdc-text-field--filled { background-color: rgb(25= 0, 250, 250); } .mat-mdc-form-field-error { color: var(--mdc-theme-error, #f44336); } .mat-mdc-form-field-focus-overlay { background-color: rgba(0, 0, 0, 0.87); = } .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay { opacity: 0.04= ; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay { opacity= : 0.12; } .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after= { color: rgba(0, 0, 0, 0.54); } .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc= -form-field-infix::after { color: rgba(103, 58, 183, 0.87); } .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-= form-field-infix::after { color: rgba(255, 215, 64, 0.87); } .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-fo= rm-field-infix::after { color: rgba(244, 67, 54, 0.87); } .mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc= -form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-mdc-form-field.mat-accent .mdc-text-field__input { caret-color: var(--= mdc-theme-secondary, #ffd740); } .mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-rip= ple::after { border-bottom-color: var(--mdc-theme-secondary, #ffd740); } .mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field= --disabled) .mdc-floating-label { color: rgba(255, 215, 64, 0.87); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field= --disabled):hover .mdc-line-ripple::before { border-bottom-color: var(--mdc= -theme-error, #f44336); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field= --disabled) .mdc-line-ripple::after { border-bottom-color: var(--mdc-theme-= error, #f44336); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field= --disabled) .mdc-floating-label { color: var(--mdc-theme-error, #f44336); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field= --disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text= -field-helper-text--validation-msg { color: var(--mdc-theme-error, #f44336)= ; } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__in= put { caret-color: var(--mdc-theme-error, #f44336); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field= --disabled) .mdc-text-field__icon--trailing { color: var(--mdc-theme-error,= #f44336); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field= --disabled) .mdc-line-ripple::before { border-bottom-color: var(--mdc-theme= -error, #f44336); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field= --disabled) .mdc-notched-outline__leading, .mat-mdc-form-field.mat-accent .= mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline= __notch, .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-t= ext-field--disabled) .mdc-notched-outline__trailing { border-color: var(--m= dc-theme-error, #f44336); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field= --disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-n= otched-outline__leading, .mat-mdc-form-field.mat-accent .mdc-text-field--in= valid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .m= dc-notched-outline .mdc-notched-outline__notch, .mat-mdc-form-field.mat-acc= ent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-f= ield--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { = border-color: var(--mdc-theme-error, #f44336); } .mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field= --disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc= -form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabl= ed).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-fiel= d.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-te= xt-field--focused .mdc-notched-outline__trailing { border-color: var(--mdc-= theme-error, #f44336); } .mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-fiel= d--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-md= c-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disa= bled).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-fi= eld.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc= -text-field--focused .mdc-notched-outline__trailing { border-color: var(--m= dc-theme-secondary, #ffd740); } .mat-mdc-form-field.mat-warn .mdc-text-field__input { caret-color: var(--md= c-theme-error, #f44336); } .mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-rippl= e::after { border-bottom-color: var(--mdc-theme-error, #f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--= disabled) .mdc-floating-label { color: rgba(244, 67, 54, 0.87); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--= disabled):hover .mdc-line-ripple::before { border-bottom-color: var(--mdc-t= heme-error, #f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--= disabled) .mdc-line-ripple::after { border-bottom-color: var(--mdc-theme-er= ror, #f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--= disabled) .mdc-floating-label { color: var(--mdc-theme-error, #f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--= disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-f= ield-helper-text--validation-msg { color: var(--mdc-theme-error, #f44336); = } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__inpu= t { caret-color: var(--mdc-theme-error, #f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--= disabled) .mdc-text-field__icon--trailing { color: var(--mdc-theme-error, #= f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--= disabled) .mdc-line-ripple::before { border-bottom-color: var(--mdc-theme-e= rror, #f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--= disabled) .mdc-notched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-= text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__no= tch, .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-fi= eld--disabled) .mdc-notched-outline__trailing { border-color: var(--mdc-the= me-error, #f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--= disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-not= ched-outline__leading, .mat-mdc-form-field.mat-warn .mdc-text-field--invali= d:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-n= otched-outline .mdc-notched-outline__notch, .mat-mdc-form-field.mat-warn .m= dc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--= focused):hover .mdc-notched-outline .mdc-notched-outline__trailing { border= -color: var(--mdc-theme-error, #f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--= disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-f= orm-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).= mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.ma= t-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-fie= ld--focused .mdc-notched-outline__trailing { border-color: var(--mdc-theme-= error, #f44336); } .mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field-= -disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mat-mdc-= form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled= ).mdc-text-field--focused .mdc-notched-outline__notch, .mat-mdc-form-field.= mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-= field--focused .mdc-notched-outline__trailing { border-color: var(--mdc-the= me-error, #f44336); } .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-fiel= d.mat-mdc-form-field .mdc-notched-outline__notch { border-left: 1px solid r= gba(0, 0, 0, 0); } [dir=3D"rtl"] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat= -mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch { border-lef= t: none; border-right: 1px solid rgba(0, 0, 0, 0); } .mat-mdc-form-field-infix { min-height: 56px; } .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-labe= l { top: 28px; } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--= upgraded .mdc-floating-label--float-above { --mat-mdc-form-field-label-tran= sform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-= scale, .75)); transform: var(--mat-mdc-form-field-label-transform); } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-in= fix { padding-top: 16px; padding-bottom: 16px; } .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-fi= eld-infix { padding-top: 24px; padding-bottom: 8px; } .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-fiel= d--textarea) .mat-mdc-form-field-infix { padding-top: 16px; padding-bottom:= 16px; } .mdc-text-field__input, .mdc-text-field__affix { -webkit-font-smoothing: an= tialiased; font-family: var(--mdc-typography-subtitle1-font-family, var(--m= dc-typography-font-family, Roboto, sans-serif)); font-size: var(--mdc-typog= raphy-subtitle1-font-size, 16px); font-weight: var(--mdc-typography-subtitl= e1-font-weight, 400); letter-spacing: var(--mdc-typography-subtitle1-letter= -spacing, .009375em); text-decoration: var(--mdc-typography-subtitle1-text-= decoration, inherit); text-transform: var(--mdc-typography-subtitle1-text-t= ransform, none); } .mdc-text-field--textarea .mdc-text-field__input { line-height: 1.5rem; } .mdc-floating-label { -webkit-font-smoothing: antialiased; font-family: var= (--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, = Roboto, sans-serif)); font-size: var(--mdc-typography-subtitle1-font-size, = 16px); font-weight: var(--mdc-typography-subtitle1-font-weight, 400); lette= r-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em); text-= decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); text-= transform: var(--mdc-typography-subtitle1-text-transform, none); } .mat-mdc-form-field-subscript-wrapper, .mat-mdc-form-field-bottom-align::be= fore { -webkit-font-smoothing: antialiased; font-family: var(--mdc-typograp= hy-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-seri= f)); font-size: var(--mdc-typography-caption-font-size, 12px); line-height:= var(--mdc-typography-caption-line-height, 20px); font-weight: var(--mdc-ty= pography-caption-font-weight, 400); letter-spacing: var(--mdc-typography-ca= ption-letter-spacing, .0333333333em); text-decoration: var(--mdc-typography= -caption-text-decoration, inherit); text-transform: var(--mdc-typography-ca= ption-text-transform, none); } .mat-mdc-form-field, .mat-mdc-floating-label { -webkit-font-smoothing: anti= aliased; font-family: var(--mdc-typography-body1-font-family, var(--mdc-typ= ography-font-family, Roboto, sans-serif)); font-size: var(--mdc-typography-= body1-font-size, 16px); line-height: var(--mdc-typography-body1-line-height= , 24px); font-weight: var(--mdc-typography-body1-font-weight, 400); letter-= spacing: var(--mdc-typography-body1-letter-spacing, .03125em); text-decorat= ion: var(--mdc-typography-body1-text-decoration, inherit); text-transform: = var(--mdc-typography-body1-text-transform, none); } .mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-ab= ove { font-size: calc(16px * var(--mat-mdc-form-field-floating-label-scale,= .75)); } .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgrade= d .mdc-floating-label--float-above { font-size: 16px; } .mat-mdc-select-value { color: rgba(0, 0, 0, 0.87); } .mat-mdc-select-placeholder { color: rgba(0, 0, 0, 0.6); } .mat-mdc-select-disabled .mat-mdc-select-value { color: rgba(0, 0, 0, 0.38)= ; } .mat-mdc-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow { color: = rgba(103, 58, 183, 0.87); } .mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow { color: r= gba(255, 215, 64, 0.87); } .mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow, .mat-mdc-fo= rm-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow { col= or: rgba(244, 67, 54, 0.87); } .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select= -arrow { color: rgba(0, 0, 0, 0.38); } .mat-mdc-select-panel { -webkit-font-smoothing: antialiased; font-family: v= ar(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family= , Roboto, sans-serif)); font-size: var(--mdc-typography-subtitle1-font-size= , 16px); font-weight: var(--mdc-typography-subtitle1-font-weight, 400); let= ter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em); tex= t-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); tex= t-transform: var(--mdc-typography-subtitle1-text-transform, none); line-hei= ght: 24px; } .mat-mdc-select { -webkit-font-smoothing: antialiased; font-family: var(--m= dc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, = sans-serif)); font-size: var(--mdc-typography-body1-font-size, 16px); line-= height: var(--mdc-typography-body1-line-height, 24px); font-weight: var(--m= dc-typography-body1-font-weight, 400); letter-spacing: var(--mdc-typography= -body1-letter-spacing, .03125em); text-decoration: var(--mdc-typography-bod= y1-text-decoration, inherit); text-transform: var(--mdc-typography-body1-te= xt-transform, none); } .mat-mdc-autocomplete-panel { -webkit-font-smoothing: antialiased; font-fam= ily: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-= family, Roboto, sans-serif)); font-size: var(--mdc-typography-subtitle1-fon= t-size, 16px); font-weight: var(--mdc-typography-subtitle1-font-weight, 400= ); letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em= ); text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit= ); text-transform: var(--mdc-typography-subtitle1-text-transform, none); li= ne-height: 24px; } .mat-mdc-dialog-container { --mdc-dialog-container-color: white; --mdc-dial= og-subhead-color: rgba(0, 0, 0, .87); --mdc-dialog-supporting-text-color: r= gba(0, 0, 0, .6); } .mat-mdc-dialog-container { --mdc-dialog-subhead-font: Roboto, sans-serif; = --mdc-dialog-subhead-line-height: 32px; --mdc-dialog-subhead-size: 20px; --= mdc-dialog-subhead-weight: 500; --mdc-dialog-subhead-tracking: .0125em; --m= dc-dialog-supporting-text-font: Roboto, sans-serif; --mdc-dialog-supporting= -text-line-height: 24px; --mdc-dialog-supporting-text-size: 16px; --mdc-dia= log-supporting-text-weight: 400; --mdc-dialog-supporting-text-tracking: .03= 125em; } .mat-mdc-standard-chip { --mdc-chip-elevated-container-color: #e0e0e0; --md= c-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-label-text-co= lor: #212121; --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-wit= h-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #2121= 21; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --= mdc-chip-with-trailing-icon-trailing-icon-color: #212121; --mdc-chip-with-i= con-selected-icon-color: #212121; } .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected, .mat-mdc-standard= -chip.mat-primary.mat-mdc-chip-highlighted { --mdc-chip-elevated-container-= color: #673ab7; --mdc-chip-elevated-disabled-container-color: #673ab7; --md= c-chip-label-text-color: white; --mdc-chip-disabled-label-text-color: white= ; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-ico= n-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:= white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mdc-chi= p-with-icon-selected-icon-color: white; } .mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected, .mat-mdc-standard-= chip.mat-accent.mat-mdc-chip-highlighted { --mdc-chip-elevated-container-co= lor: #ffd740; --mdc-chip-elevated-disabled-container-color: #ffd740; --mdc-= chip-label-text-color: rgba(0, 0, 0, .87); --mdc-chip-disabled-label-text-c= olor: rgba(0, 0, 0, .87); --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, .8= 7); --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, .87); --mdc-chi= p-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, .87); --md= c-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, .87); --mdc-ch= ip-with-icon-selected-icon-color: rgba(0, 0, 0, .87); } .mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected, .mat-mdc-standard-ch= ip.mat-warn.mat-mdc-chip-highlighted { --mdc-chip-elevated-container-color:= #f44336; --mdc-chip-elevated-disabled-container-color: #f44336; --mdc-chip= -label-text-color: white; --mdc-chip-disabled-label-text-color: white; --md= c-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-colo= r: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white= ; --mdc-chip-with-trailing-icon-trailing-icon-color: white; --mdc-chip-with= -icon-selected-icon-color: white; } .mat-mdc-chip-focus-overlay { background: rgb(0, 0, 0); } .mat-mdc-chip.mat-mdc-standard-chip { height: 32px; } .mat-mdc-standard-chip { -webkit-font-smoothing: antialiased; font-family: = var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, R= oboto, sans-serif)); font-size: var(--mdc-typography-body2-font-size, 14px)= ; line-height: var(--mdc-typography-body2-line-height, 20px); font-weight: = var(--mdc-typography-body2-font-weight, 400); letter-spacing: var(--mdc-typ= ography-body2-letter-spacing, .0178571429em); text-decoration: var(--mdc-ty= pography-body2-text-decoration, inherit); text-transform: var(--mdc-typogra= phy-body2-text-transform, none); } .mat-mdc-slide-toggle { --mdc-switch-disabled-selected-handle-color: #42424= 2; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-dis= abled-selected-track-color: #424242; --mdc-switch-disabled-unselected-track= -color: #424242; --mdc-switch-unselected-focus-state-layer-color: #424242; = --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-un= selected-hover-state-layer-color: #424242; --mdc-switch-unselected-focus-tr= ack-color: #e0e0e0; --mdc-switch-unselected-hover-track-color: #e0e0e0; --m= dc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-= track-color: #e0e0e0; --mdc-switch-unselected-focus-handle-color: #212121; = --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselecte= d-pressed-handle-color: #212121; --mdc-switch-handle-surface-color: var(--m= dc-theme-surface, #fff); --mdc-switch-unselected-handle-color: #616161; --m= dc-switch-selected-icon-color: #fff; --mdc-switch-disabled-selected-icon-co= lor: #fff; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-= unselected-icon-color: #fff; } .mat-mdc-slide-toggle .mdc-form-field { color: var(--mdc-theme-text-primary= -on-background, rgba(0, 0, 0, .87)); } .mat-mdc-slide-toggle .mdc-switch--disabled + label { color: rgba(0, 0, 0, = 0.38); } .mat-mdc-slide-toggle.mat-primary { --mdc-switch-selected-focus-state-layer= -color: #5e35b1; --mdc-switch-selected-handle-color: #5e35b1; --mdc-switch-= selected-hover-state-layer-color: #5e35b1; --mdc-switch-selected-pressed-st= ate-layer-color: #5e35b1; --mdc-switch-selected-focus-handle-color: #311b92= ; --mdc-switch-selected-hover-handle-color: #311b92; --mdc-switch-selected-= pressed-handle-color: #311b92; --mdc-switch-selected-focus-track-color: #95= 75cd; --mdc-switch-selected-hover-track-color: #9575cd; --mdc-switch-select= ed-pressed-track-color: #9575cd; --mdc-switch-selected-track-color: #9575cd= ; } .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-= color: #ffb300; --mdc-switch-selected-handle-color: #ffb300; --mdc-switch-s= elected-hover-state-layer-color: #ffb300; --mdc-switch-selected-pressed-sta= te-layer-color: #ffb300; --mdc-switch-selected-focus-handle-color: #ff6f00;= --mdc-switch-selected-hover-handle-color: #ff6f00; --mdc-switch-selected-p= ressed-handle-color: #ff6f00; --mdc-switch-selected-focus-track-color: #ffd= 54f; --mdc-switch-selected-hover-track-color: #ffd54f; --mdc-switch-selecte= d-pressed-track-color: #ffd54f; --mdc-switch-selected-track-color: #ffd54f;= } .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-co= lor: #e53935; --mdc-switch-selected-handle-color: #e53935; --mdc-switch-sel= ected-hover-state-layer-color: #e53935; --mdc-switch-selected-pressed-state= -layer-color: #e53935; --mdc-switch-selected-focus-handle-color: #b71c1c; -= -mdc-switch-selected-hover-handle-color: #b71c1c; --mdc-switch-selected-pre= ssed-handle-color: #b71c1c; --mdc-switch-selected-focus-track-color: #e5737= 3; --mdc-switch-selected-hover-track-color: #e57373; --mdc-switch-selected-= pressed-track-color: #e57373; --mdc-switch-selected-track-color: #e57373; } .mat-mdc-slide-toggle { --mdc-switch-state-layer-size: 48px; } .mdc-form-field { -webkit-font-smoothing: antialiased; font-family: var(--m= dc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, = sans-serif)); font-size: var(--mdc-typography-body2-font-size, 14px); line-= height: var(--mdc-typography-body2-line-height, 20px); font-weight: var(--m= dc-typography-body2-font-weight, 400); letter-spacing: var(--mdc-typography= -body2-letter-spacing, .0178571429em); text-decoration: var(--mdc-typograph= y-body2-text-decoration, inherit); text-transform: var(--mdc-typography-bod= y2-text-transform, none); } .mat-mdc-radio-button .mdc-form-field { color: var(--mdc-theme-text-primary= -on-background, rgba(0, 0, 0, .87)); } .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-colo= r: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unse= lected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0= , 0, 0, .54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54)= ; --mdc-radio-selected-focus-icon-color: #673ab7; --mdc-radio-selected-hove= r-icon-color: #673ab7; --mdc-radio-selected-icon-color: #673ab7; --mdc-radi= o-selected-pressed-icon-color: #673ab7; --mat-radio-ripple-color: #000; --m= at-radio-checked-ripple-color: #673ab7; --mat-radio-disabled-label-color: r= gba(0, 0, 0, .38); } .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color= : #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unsel= ected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0,= 0, 0, .54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);= --mdc-radio-selected-focus-icon-color: #ffd740; --mdc-radio-selected-hover= -icon-color: #ffd740; --mdc-radio-selected-icon-color: #ffd740; --mdc-radio= -selected-pressed-icon-color: #ffd740; --mat-radio-ripple-color: #000; --ma= t-radio-checked-ripple-color: #ffd740; --mat-radio-disabled-label-color: rg= ba(0, 0, 0, .38); } .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: = #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselec= ted-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0= , 0, .54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54); -= -mdc-radio-selected-focus-icon-color: #f44336; --mdc-radio-selected-hover-i= con-color: #f44336; --mdc-radio-selected-icon-color: #f44336; --mdc-radio-s= elected-pressed-icon-color: #f44336; --mat-radio-ripple-color: #000; --mat-= radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: rgba= (0, 0, 0, .38); } .mat-mdc-radio-button .mdc-radio { --mdc-radio-state-layer-size: 40px; } .mat-mdc-radio-button .mdc-form-field { -webkit-font-smoothing: antialiased= ; font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography= -font-family, Roboto, sans-serif)); font-size: var(--mdc-typography-body2-f= ont-size, 14px); line-height: var(--mdc-typography-body2-line-height, 20px)= ; font-weight: var(--mdc-typography-body2-font-weight, 400); letter-spacing= : var(--mdc-typography-body2-letter-spacing, .0178571429em); text-decoratio= n: var(--mdc-typography-body2-text-decoration, inherit); text-transform: va= r(--mdc-typography-body2-text-transform, none); } .mat-mdc-slider { --mdc-slider-label-container-color: black; --mdc-slider-l= abel-label-text-color: white; --mdc-slider-disabled-handle-color: #000; --m= dc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-inactive= -track-color: #000; --mdc-slider-with-tick-marks-disabled-container-color: = #000; --mat-mdc-slider-value-indicator-opacity: .6; } .mat-mdc-slider.mat-primary { --mdc-slider-handle-color: #673ab7; --mdc-sli= der-focus-handle-color: #673ab7; --mdc-slider-hover-handle-color: #673ab7; = --mdc-slider-active-track-color: #673ab7; --mdc-slider-inactive-track-color= : #673ab7; --mdc-slider-with-tick-marks-active-container-color: #fff; --mdc= -slider-with-tick-marks-inactive-container-color: #673ab7; --mat-mdc-slider= -ripple-color: #673ab7; --mat-mdc-slider-hover-ripple-color: rgba(103, 58, = 183, .05); --mat-mdc-slider-focus-ripple-color: rgba(103, 58, 183, .2); } .mat-mdc-slider.mat-accent { --mdc-slider-handle-color: #ffd740; --mdc-slid= er-focus-handle-color: #ffd740; --mdc-slider-hover-handle-color: #ffd740; -= -mdc-slider-active-track-color: #ffd740; --mdc-slider-inactive-track-color:= #ffd740; --mdc-slider-with-tick-marks-active-container-color: #000; --mdc-= slider-with-tick-marks-inactive-container-color: #ffd740; --mat-mdc-slider-= ripple-color: #ffd740; --mat-mdc-slider-hover-ripple-color: rgba(255, 215, = 64, .05); --mat-mdc-slider-focus-ripple-color: rgba(255, 215, 64, .2); } .mat-mdc-slider.mat-warn { --mdc-slider-handle-color: #f44336; --mdc-slider= -focus-handle-color: #f44336; --mdc-slider-hover-handle-color: #f44336; --m= dc-slider-active-track-color: #f44336; --mdc-slider-inactive-track-color: #= f44336; --mdc-slider-with-tick-marks-active-container-color: #fff; --mdc-sl= ider-with-tick-marks-inactive-container-color: #f44336; --mat-mdc-slider-ri= pple-color: #f44336; --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54,= .05); --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2); } .mat-mdc-slider { --mdc-slider-label-label-text-font: Roboto, sans-serif; -= -mdc-slider-label-label-text-size: 14px; --mdc-slider-label-label-text-line= -height: 22px; --mdc-slider-label-label-text-tracking: .0071428571em; --mdc= -slider-label-label-text-weight: 500; } .mdc-menu-surface { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0= , 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; } .mdc-menu-surface { background-color: var(--mdc-theme-surface, #fff); color= : var(--mdc-theme-on-surface, #000); } .mdc-list-item__primary-text { color: var(--mdc-theme-text-primary-on-backg= round, rgba(0, 0, 0, .87)); } .mdc-list-item__secondary-text { color: var(--mdc-theme-text-secondary-on-b= ackground, rgba(0, 0, 0, .54)); } .mdc-list-item__overline-text { color: var(--mdc-theme-text-hint-on-backgro= und, rgba(0, 0, 0, .38)); } .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--wi= th-trailing-icon .mdc-list-item__end { background-color: transparent; } .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--wi= th-trailing-icon .mdc-list-item__end { color: var(--mdc-theme-text-icon-on-= background, rgba(0, 0, 0, .38)); } .mdc-list-item__end { color: var(--mdc-theme-text-hint-on-background, rgba(= 0, 0, 0, .38)); } .mdc-list-item--disabled .mdc-list-item__start, .mdc-list-item--disabled .m= dc-list-item__content, .mdc-list-item--disabled .mdc-list-item__end { opaci= ty: 0.38; } .mdc-list-item--disabled .mdc-list-item__primary-text, .mdc-list-item--disa= bled .mdc-list-item__secondary-text, .mdc-list-item--disabled .mdc-list-ite= m__overline-text, .mdc-list-item--disabled.mdc-list-item--with-leading-icon= .mdc-list-item__start, .mdc-list-item--disabled.mdc-list-item--with-traili= ng-icon .mdc-list-item__end, .mdc-list-item--disabled.mdc-list-item--with-t= railing-meta .mdc-list-item__end { color: var(--mdc-theme-on-surface, #000)= ; } .mdc-list-item--selected .mdc-list-item__primary-text, .mdc-list-item--acti= vated .mdc-list-item__primary-text, .mdc-list-item--selected.mdc-list-item-= -with-leading-icon .mdc-list-item__start, .mdc-list-item--activated.mdc-lis= t-item--with-leading-icon .mdc-list-item__start { color: var(--mdc-theme-pr= imary, #673ab7); } .mdc-deprecated-list-group__subheader { color: var(--mdc-theme-text-primary= -on-background, rgba(0, 0, 0, .87)); } .mdc-list-divider::after { border-bottom-color: rgb(255, 255, 255); } .mdc-list-divider { background-color: rgba(0, 0, 0, 0.12); } .mat-mdc-menu-item[disabled], .mat-mdc-menu-item[disabled] .mat-mdc-menu-su= bmenu-icon, .mat-mdc-menu-item[disabled] .mat-icon-no-color { color: var(--= mdc-theme-text-disabled-on-background, rgba(0, 0, 0, .38)); } .mat-mdc-menu-item .mat-icon-no-color, .mat-mdc-menu-submenu-icon { color: = var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87)); } .mat-mdc-menu-item:hover:not([disabled]), .mat-mdc-menu-item.cdk-program-fo= cused:not([disabled]), .mat-mdc-menu-item.cdk-keyboard-focused:not([disable= d]), .mat-mdc-menu-item-highlighted:not([disabled]) { background: rgba(0, 0= , 0, 0.04); } .mat-mdc-menu-content { -webkit-font-smoothing: antialiased; font-family: v= ar(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family= , Roboto, sans-serif)); font-size: var(--mdc-typography-subtitle1-font-size= , 16px); font-weight: var(--mdc-typography-subtitle1-font-weight, 400); let= ter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em); tex= t-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit); tex= t-transform: var(--mdc-typography-subtitle1-text-transform, none); line-hei= ght: 24px; } .mat-mdc-menu-content, .mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-i= tem__primary-text { -webkit-font-smoothing: antialiased; font-family: var(-= -mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto= , sans-serif)); font-size: var(--mdc-typography-body1-font-size, 16px); lin= e-height: var(--mdc-typography-body1-line-height, 24px); font-weight: var(-= -mdc-typography-body1-font-weight, 400); letter-spacing: var(--mdc-typograp= hy-body1-letter-spacing, .03125em); text-decoration: var(--mdc-typography-b= ody1-text-decoration, inherit); text-transform: var(--mdc-typography-body1-= text-transform, none); } .mat-mdc-list-base { --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .= 87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54); --mdc-= list-list-item-leading-icon-color: rgba(0, 0, 0, .38); --mdc-list-list-item= -trailing-supporting-text-color: rgba(0, 0, 0, .38); --mdc-list-list-item-t= railing-icon-color: rgba(0, 0, 0, .38); --mdc-list-list-item-selected-trail= ing-icon-color: rgba(0, 0, 0, .38); --mdc-list-list-item-disabled-label-tex= t-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --= mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-ite= m-hover-label-text-color: rgba(0, 0, 0, .87); --mdc-list-list-item-hover-le= ading-icon-color: rgba(0, 0, 0, .38); --mdc-list-list-item-hover-trailing-i= con-color: rgba(0, 0, 0, .38); --mdc-list-list-item-focus-label-text-color:= rgba(0, 0, 0, .87); --mdc-list-list-item-hover-state-layer-color: black; -= -mdc-list-list-item-hover-state-layer-opacity: .04; --mdc-list-list-item-fo= cus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacit= y: .12; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-disabled-selected-= icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-r= adio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-colo= r: rgba(0, 0, 0, .54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0= , 0, .54); --mdc-radio-selected-focus-icon-color: #673ab7; --mdc-radio-sele= cted-hover-icon-color: #673ab7; --mdc-radio-selected-icon-color: #673ab7; -= -mdc-radio-selected-pressed-icon-color: #673ab7; } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mdc-= radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-i= con-color: #000; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-ra= dio-unselected-icon-color: rgba(0, 0, 0, .54); --mdc-radio-unselected-press= ed-icon-color: rgba(0, 0, 0, .54); --mdc-radio-selected-focus-icon-color: #= ffd740; --mdc-radio-selected-hover-icon-color: #ffd740; --mdc-radio-selecte= d-icon-color: #ffd740; --mdc-radio-selected-pressed-icon-color: #ffd740; } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mdc-radi= o-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-= color: #000; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-= unselected-icon-color: rgba(0, 0, 0, .54); --mdc-radio-unselected-pressed-i= con-color: rgba(0, 0, 0, .54); --mdc-radio-selected-focus-icon-color: #f443= 36; --mdc-radio-selected-hover-icon-color: #f44336; --mdc-radio-selected-ic= on-color: #f44336; --mdc-radio-selected-pressed-icon-color: #f44336; } .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0,= 0, 0, .38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .= 38); --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-selected= -focus-icon-color: #673ab7; --mdc-checkbox-selected-hover-icon-color: #673a= b7; --mdc-checkbox-selected-icon-color: #673ab7; --mdc-checkbox-selected-pr= essed-icon-color: #673ab7; --mdc-checkbox-unselected-focus-icon-color: #212= 121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-un= selected-icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-unselected-pressed-= icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-selected-focus-state-layer-c= olor: #673ab7; --mdc-checkbox-selected-hover-state-layer-color: #673ab7; --= mdc-checkbox-selected-pressed-state-layer-color: #673ab7; --mdc-checkbox-un= selected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-st= ate-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color= : black; } .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-col= or: rgba(0, 0, 0, .38); --mdc-checkbox-disabled-unselected-icon-color: rgba= (0, 0, 0, .38); --mdc-checkbox-selected-checkmark-color: #000; --mdc-checkb= ox-selected-focus-icon-color: #ffd740; --mdc-checkbox-selected-hover-icon-c= olor: #ffd740; --mdc-checkbox-selected-icon-color: #ffd740; --mdc-checkbox-= selected-pressed-icon-color: #ffd740; --mdc-checkbox-unselected-focus-icon-= color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-= checkbox-unselected-icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-unselect= ed-pressed-icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-selected-focus-st= ate-layer-color: #ffd740; --mdc-checkbox-selected-hover-state-layer-color: = #ffd740; --mdc-checkbox-selected-pressed-state-layer-color: #ffd740; --mdc-= checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselect= ed-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-= layer-color: black; } .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color= : rgba(0, 0, 0, .38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0= , 0, 0, .38); --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox= -selected-focus-icon-color: #f44336; --mdc-checkbox-selected-hover-icon-col= or: #f44336; --mdc-checkbox-selected-icon-color: #f44336; --mdc-checkbox-se= lected-pressed-icon-color: #f44336; --mdc-checkbox-unselected-focus-icon-co= lor: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-ch= eckbox-unselected-icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-unselected= -pressed-icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-selected-focus-stat= e-layer-color: #f44336; --mdc-checkbox-selected-hover-state-layer-color: #f= 44336; --mdc-checkbox-selected-pressed-state-layer-color: #f44336; --mdc-ch= eckbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected= -hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-la= yer-color: black; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-ite= m__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activ= ated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .md= c-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__star= t, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-= item--with-leading-icon .mdc-list-item__start { color: rgb(103, 58, 183); } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc= -list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-= base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .mat-mdc-list-base { --mdc-list-list-item-one-line-container-height: 48px; = --mdc-list-list-item-two-line-container-height: 64px; --mdc-list-list-item-= three-line-container-height: 88px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-o= ne-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-i= tem--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc= -list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-t= wo-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-= item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.m= dc-list-item--with-two-lines { height: 72px; } .mat-mdc-list-base { --mdc-list-list-item-label-text-font: Roboto, sans-ser= if; --mdc-list-list-item-label-text-line-height: 24px; --mdc-list-list-item= -label-text-size: 16px; --mdc-list-list-item-label-text-tracking: .03125em;= --mdc-list-list-item-label-text-weight: 400; --mdc-list-list-item-supporti= ng-text-font: Roboto, sans-serif; --mdc-list-list-item-supporting-text-line= -height: 20px; --mdc-list-list-item-supporting-text-size: 14px; --mdc-list-= list-item-supporting-text-tracking: .0178571429em; --mdc-list-list-item-sup= porting-text-weight: 400; --mdc-list-list-item-trailing-supporting-text-fon= t: Roboto, sans-serif; --mdc-list-list-item-trailing-supporting-text-line-h= eight: 20px; --mdc-list-list-item-trailing-supporting-text-size: 12px; --md= c-list-list-item-trailing-supporting-text-tracking: .0333333333em; --mdc-li= st-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font-size: 16px; font-weight: 400; line-height= : 28px; font-family: Roboto, sans-serif; letter-spacing: 0.009375em; } .mat-mdc-paginator { background: rgb(255, 255, 255); color: rgba(0, 0, 0, 0= .87); } .mat-mdc-paginator-icon { fill: rgba(0, 0, 0, 0.54); } .mat-mdc-paginator-decrement, .mat-mdc-paginator-increment { border-top: 2p= x solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-mdc-paginator-first, .mat-mdc-paginator-last { border-top: 2px solid r= gba(0, 0, 0, 0.54); } .mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement, .mat-mdc-icon-= button[disabled] .mat-mdc-paginator-increment, .mat-mdc-icon-button[disable= d] .mat-mdc-paginator-first, .mat-mdc-icon-button[disabled] .mat-mdc-pagina= tor-last { border-color: rgba(0, 0, 0, 0.12); } .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon { fill: rgba(0, 0, 0= , 0.12); } .mat-mdc-paginator .mat-mdc-form-field-infix { min-height: 40px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .ma= t-mdc-floating-label { top: 20px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .md= c-notched-outline--upgraded .mdc-floating-label--float-above { --mat-mdc-fo= rm-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-fi= eld-floating-label-scale, .75)); transform: var(--mat-mdc-form-field-label-= transform); } .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .ma= t-mdc-form-field-infix { padding-top: 8px; padding-bottom: 8px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outline= d) .mat-mdc-form-field-infix { padding-top: 8px; padding-bottom: 8px; } .mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined)= :not(.mdc-text-field--textarea) .mat-mdc-form-field-infix { padding-top: 8p= x; padding-bottom: 8px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outline= d) .mat-mdc-floating-label { display: none; } .mat-mdc-paginator-container { min-height: 56px; } .mat-mdc-paginator { -webkit-font-smoothing: antialiased; font-family: var(= --mdc-typography-caption-font-family, var(--mdc-typography-font-family, Rob= oto, sans-serif)); font-size: var(--mdc-typography-caption-font-size, 12px)= ; line-height: var(--mdc-typography-caption-line-height, 20px); font-weight= : var(--mdc-typography-caption-font-weight, 400); letter-spacing: var(--mdc= -typography-caption-letter-spacing, .0333333333em); text-decoration: var(--= mdc-typography-caption-text-decoration, inherit); text-transform: var(--mdc= -typography-caption-text-transform, none); } .mat-mdc-paginator .mat-mdc-select-value { font-size: 12px; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indic= ator-color: #673ab7; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, = .38); --mat-tab-header-pagination-icon-color: #000; --mat-tab-header-inacti= ve-label-text-color: rgba(0, 0, 0, .6); --mat-tab-header-active-label-text-= color: #673ab7; --mat-tab-header-active-ripple-color: #673ab7; --mat-tab-he= ader-inactive-ripple-color: #673ab7; --mat-tab-header-inactive-focus-label-= text-color: rgba(0, 0, 0, .6); --mat-tab-header-inactive-hover-label-text-c= olor: rgba(0, 0, 0, .6); --mat-tab-header-active-focus-label-text-color: #6= 73ab7; --mat-tab-header-active-hover-label-text-color: #673ab7; --mat-tab-h= eader-active-focus-indicator-color: #673ab7; --mat-tab-header-active-hover-= indicator-color: #673ab7; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-= indicator-active-indicator-color: #ffd740; --mat-tab-header-disabled-ripple= -color: rgba(0, 0, 0, .38); --mat-tab-header-pagination-icon-color: #000; -= -mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6); --mat-tab-hea= der-active-label-text-color: #ffd740; --mat-tab-header-active-ripple-color:= #ffd740; --mat-tab-header-inactive-ripple-color: #ffd740; --mat-tab-header= -inactive-focus-label-text-color: rgba(0, 0, 0, .6); --mat-tab-header-inact= ive-hover-label-text-color: rgba(0, 0, 0, .6); --mat-tab-header-active-focu= s-label-text-color: #ffd740; --mat-tab-header-active-hover-label-text-color= : #ffd740; --mat-tab-header-active-focus-indicator-color: #ffd740; --mat-ta= b-header-active-hover-indicator-color: #ffd740; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indi= cator-active-indicator-color: #f44336; --mat-tab-header-disabled-ripple-col= or: rgba(0, 0, 0, .38); --mat-tab-header-pagination-icon-color: #000; --mat= -tab-header-inactive-label-text-color: rgba(0, 0, 0, .6); --mat-tab-header-= active-label-text-color: #f44336; --mat-tab-header-active-ripple-color: #f4= 4336; --mat-tab-header-inactive-ripple-color: #f44336; --mat-tab-header-ina= ctive-focus-label-text-color: rgba(0, 0, 0, .6); --mat-tab-header-inactive-= hover-label-text-color: rgba(0, 0, 0, .6); --mat-tab-header-active-focus-la= bel-text-color: #f44336; --mat-tab-header-active-hover-label-text-color: #f= 44336; --mat-tab-header-active-focus-indicator-color: #f44336; --mat-tab-he= ader-active-hover-indicator-color: #f44336; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-backgro= und-primary { --mat-tab-header-with-background-background-color: #673ab7; -= -mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-backgrou= nd-accent { --mat-tab-header-with-background-background-color: #ffd740; --m= at-tab-header-with-background-foreground-color: rgba(0, 0, 0, .87); } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background= -warn { --mat-tab-header-with-background-background-color: #f44336; --mat-t= ab-header-with-background-foreground-color: white; } .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 48px= ; } .mat-mdc-tab-header { --mat-tab-header-label-text-font: Roboto, sans-serif;= --mat-tab-header-label-text-size: 14px; --mat-tab-header-label-text-letter= -spacing: .0892857143em; --mat-tab-header-label-text-line-height: 36px; --m= at-tab-header-label-text-weight: 500; } html { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38); --m= dc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38); --mdc-check= box-selected-checkmark-color: #000; --mdc-checkbox-selected-focus-icon-colo= r: #ffd740; --mdc-checkbox-selected-hover-icon-color: #ffd740; --mdc-checkb= ox-selected-icon-color: #ffd740; --mdc-checkbox-selected-pressed-icon-color= : #ffd740; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-check= box-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-co= lor: rgba(0, 0, 0, .54); --mdc-checkbox-unselected-pressed-icon-color: rgba= (0, 0, 0, .54); --mdc-checkbox-selected-focus-state-layer-color: #ffd740; -= -mdc-checkbox-selected-hover-state-layer-color: #ffd740; --mdc-checkbox-sel= ected-pressed-state-layer-color: #ffd740; --mdc-checkbox-unselected-focus-s= tate-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color:= black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color= : rgba(0, 0, 0, .38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0= , 0, 0, .38); --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox= -selected-focus-icon-color: #673ab7; --mdc-checkbox-selected-hover-icon-col= or: #673ab7; --mdc-checkbox-selected-icon-color: #673ab7; --mdc-checkbox-se= lected-pressed-icon-color: #673ab7; --mdc-checkbox-unselected-focus-icon-co= lor: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-ch= eckbox-unselected-icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-unselected= -pressed-icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-selected-focus-stat= e-layer-color: #673ab7; --mdc-checkbox-selected-hover-state-layer-color: #6= 73ab7; --mdc-checkbox-selected-pressed-state-layer-color: #673ab7; --mdc-ch= eckbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected= -hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-la= yer-color: black; } .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: r= gba(0, 0, 0, .38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0= , 0, .38); --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-se= lected-focus-icon-color: #f44336; --mdc-checkbox-selected-hover-icon-color:= #f44336; --mdc-checkbox-selected-icon-color: #f44336; --mdc-checkbox-selec= ted-pressed-icon-color: #f44336; --mdc-checkbox-unselected-focus-icon-color= : #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-check= box-unselected-icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-unselected-pr= essed-icon-color: rgba(0, 0, 0, .54); --mdc-checkbox-selected-focus-state-l= ayer-color: #f44336; --mdc-checkbox-selected-hover-state-layer-color: #f443= 36; --mdc-checkbox-selected-pressed-state-layer-color: #f44336; --mdc-check= box-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-ho= ver-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer= -color: black; } .mat-mdc-checkbox .mdc-form-field { color: var(--mdc-theme-text-primary-on-= background, rgba(0, 0, 0, .87)); } .mat-mdc-checkbox.mat-mdc-checkbox-disabled label { color: rgba(0, 0, 0, 0.= 38); } html { --mdc-checkbox-state-layer-size: 40px; } .mat-mdc-checkbox .mdc-form-field { -webkit-font-smoothing: antialiased; fo= nt-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-fon= t-family, Roboto, sans-serif)); font-size: var(--mdc-typography-body2-font-= size, 14px); line-height: var(--mdc-typography-body2-line-height, 20px); fo= nt-weight: var(--mdc-typography-body2-font-weight, 400); letter-spacing: va= r(--mdc-typography-body2-letter-spacing, .0178571429em); text-decoration: v= ar(--mdc-typography-body2-text-decoration, inherit); text-transform: var(--= mdc-typography-body2-text-transform, none); } .mat-mdc-button.mat-unthemed { --mdc-text-button-label-text-color: #000; } .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #673ab7; = } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #ffd740; } .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #f44336; } .mat-mdc-button[disabled][disabled] { --mdc-text-button-disabled-label-text= -color: rgba(0, 0, 0, .38); --mdc-text-button-label-text-color: rgba(0, 0, = 0, .38); } .mat-mdc-unelevated-button.mat-unthemed { --mdc-filled-button-container-col= or: #fff; --mdc-filled-button-label-text-color: #000; } .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-colo= r: #673ab7; --mdc-filled-button-label-text-color: #fff; } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color= : #ffd740; --mdc-filled-button-label-text-color: #000; } .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: = #f44336; --mdc-filled-button-label-text-color: #fff; } .mat-mdc-unelevated-button[disabled][disabled] { --mdc-filled-button-disabl= ed-container-color: rgba(0, 0, 0, .12); --mdc-filled-button-disabled-label-= text-color: rgba(0, 0, 0, .38); --mdc-filled-button-container-color: rgba(0= , 0, 0, .12); --mdc-filled-button-label-text-color: rgba(0, 0, 0, .38); } .mat-mdc-raised-button.mat-unthemed { --mdc-protected-button-container-colo= r: #fff; --mdc-protected-button-label-text-color: #000; } .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color= : #673ab7; --mdc-protected-button-label-text-color: #fff; } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color:= #ffd740; --mdc-protected-button-label-text-color: #000; } .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #= f44336; --mdc-protected-button-label-text-color: #fff; } .mat-mdc-raised-button[disabled][disabled] { --mdc-protected-button-disable= d-container-color: rgba(0, 0, 0, .12); --mdc-protected-button-disabled-labe= l-text-color: rgba(0, 0, 0, .38); --mdc-protected-button-container-color: r= gba(0, 0, 0, .12); --mdc-protected-button-label-text-color: rgba(0, 0, 0, .= 38); --mdc-protected-button-container-elevation: 0; } .mat-mdc-outlined-button { --mdc-outlined-button-outline-color: rgba(0, 0, = 0, .12); } .mat-mdc-outlined-button.mat-unthemed { --mdc-outlined-button-label-text-co= lor: #000; } .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-col= or: #673ab7; } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-colo= r: #ffd740; } .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color:= #f44336; } .mat-mdc-outlined-button[disabled][disabled] { --mdc-outlined-button-label-= text-color: rgba(0, 0, 0, .38); --mdc-outlined-button-disabled-label-text-c= olor: rgba(0, 0, 0, .38); --mdc-outlined-button-outline-color: rgba(0, 0, 0= , .12); --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12); } .mat-mdc-button, .mat-mdc-outlined-button { --mat-mdc-button-persistent-rip= ple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1); } .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-o= utlined-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0= .04; } .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::befo= re, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:= :before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persi= stent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-md= c-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-= outlined-button:active .mat-mdc-button-persistent-ripple::before { opacity:= 0.12; } .mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary { --mat-m= dc-button-persistent-ripple-color: #673ab7; --mat-mdc-button-ripple-color: = rgba(103, 58, 183, .1); } .mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent { --mat-mdc= -button-persistent-ripple-color: #ffd740; --mat-mdc-button-ripple-color: rg= ba(255, 215, 64, .1); } .mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn { --mat-mdc-but= ton-persistent-ripple-color: #f44336; --mat-mdc-button-ripple-color: rgba(2= 44, 67, 54, .1); } .mat-mdc-raised-button, .mat-mdc-unelevated-button { --mat-mdc-button-persi= stent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1);= } .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .ma= t-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before { o= pacity: 0.04; } .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-rippl= e::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-pers= istent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-= mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboa= rd-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .m= at-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {= opacity: 0.12; } .mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary = { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-c= olor: rgba(255, 255, 255, .1); } .mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent { = --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-col= or: rgba(0, 0, 0, .1); } .mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn { --ma= t-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: = rgba(255, 255, 255, .1); } .mat-mdc-button.mat-mdc-button-base, .mat-mdc-raised-button.mat-mdc-button-= base, .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-mdc-outlined-but= ton.mat-mdc-button-base { height: 36px; } .mdc-button { -webkit-font-smoothing: antialiased; font-family: var(--mdc-t= ypography-button-font-family, var(--mdc-typography-font-family, Roboto, san= s-serif)); font-size: var(--mdc-typography-button-font-size, 14px); line-he= ight: var(--mdc-typography-button-line-height, 36px); font-weight: var(--md= c-typography-button-font-weight, 500); letter-spacing: var(--mdc-typography= -button-letter-spacing, .0892857143em); text-decoration: var(--mdc-typograp= hy-button-text-decoration, none); text-transform: var(--mdc-typography-butt= on-text-transform, none); } .mat-mdc-icon-button { --mdc-icon-button-icon-color: inherit; --mat-mdc-but= ton-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0= , 0, .1); } .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before { opac= ity: 0.04; } .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:= :before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persiste= nt-ripple::before { opacity: 0.12; } .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before { opa= city: 0.12; } .mat-mdc-icon-button.mat-primary { --mat-mdc-button-persistent-ripple-color= : #6200ee; --mat-mdc-button-ripple-color: rgba(98, 0, 238, .1); } .mat-mdc-icon-button.mat-accent { --mat-mdc-button-persistent-ripple-color:= #018786; --mat-mdc-button-ripple-color: rgba(1, 135, 134, .1); } .mat-mdc-icon-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #= b00020; --mat-mdc-button-ripple-color: rgba(176, 0, 32, .1); } .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #673ab7; -= -mat-mdc-button-persistent-ripple-color: #673ab7; --mat-mdc-button-ripple-c= olor: rgba(103, 58, 183, .1); } .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #ffd740; --= mat-mdc-button-persistent-ripple-color: #ffd740; --mat-mdc-button-ripple-co= lor: rgba(255, 215, 64, .1); } .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #f44336; --ma= t-mdc-button-persistent-ripple-color: #f44336; --mat-mdc-button-ripple-colo= r: rgba(244, 67, 54, .1); } .mat-mdc-icon-button[disabled][disabled] { --mdc-icon-button-icon-color: rg= ba(0, 0, 0, .38); --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)= ; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-si= ze: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc= -icon-button-state-layer-size); padding: 12px; } .mat-mdc-fab, .mat-mdc-mini-fab { --mat-mdc-button-persistent-ripple-color:= #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1); } .mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini= -fab:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,= .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::befor= e, .mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:= :before, .mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-= ripple::before { opacity: 0.12; } .mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-min= i-fab:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mat-mdc-button-= persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255= , 255, .1); } .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mat-mdc-button-pe= rsistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, .= 1); } .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mat-mdc-button-persis= tent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255,= .1); } .mat-mdc-fab.mat-unthemed, .mat-mdc-mini-fab.mat-unthemed { --mdc-fab-conta= iner-color: #fff; --mdc-fab-icon-color: #000; --mat-mdc-fab-color: #000; } .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mdc-fab-contain= er-color: #673ab7; --mdc-fab-icon-color: #fff; --mat-mdc-fab-color: #fff; } .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mdc-fab-container= -color: #ffd740; --mdc-fab-icon-color: #000; --mat-mdc-fab-color: #000; } .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mdc-fab-container-col= or: #f44336; --mdc-fab-icon-color: #fff; --mat-mdc-fab-color: #fff; } .mat-mdc-fab[disabled][disabled], .mat-mdc-mini-fab[disabled][disabled] { -= -mdc-fab-container-color: rgba(0, 0, 0, .12); --mdc-fab-icon-color: rgba(0,= 0, 0, .38); --mat-mdc-fab-color: rgba(0, 0, 0, .38); } .mdc-fab--extended { -webkit-font-smoothing: antialiased; font-family: var(= --mdc-typography-button-font-family, var(--mdc-typography-font-family, Robo= to, sans-serif)); font-size: var(--mdc-typography-button-font-size, 14px); = line-height: var(--mdc-typography-button-line-height, 36px); font-weight: v= ar(--mdc-typography-button-font-weight, 500); letter-spacing: var(--mdc-typ= ography-button-letter-spacing, .0892857143em); text-decoration: var(--mdc-t= ypography-button-text-decoration, none); text-transform: var(--mdc-typograp= hy-button-text-transform, none); } .mat-mdc-snack-bar-container { --mdc-snackbar-container-color: #333333; --m= dc-snackbar-supporting-text-color: rgba(255, 255, 255, .87); --mat-snack-ba= r-button-color: #ffd740; } .mat-mdc-snack-bar-container { --mdc-snackbar-supporting-text-font: Roboto,= sans-serif; --mdc-snackbar-supporting-text-line-height: 20px; --mdc-snackb= ar-supporting-text-size: 14px; --mdc-snackbar-supporting-text-weight: 400; = } .mdc-data-table { background-color: var(--mdc-theme-surface, #fff); border-= color: rgba(0, 0, 0, 0.12); } .mdc-data-table__row { background-color: inherit; } .mdc-data-table__header-cell { background-color: var(--mdc-theme-surface, #= fff); } .mdc-data-table__row--selected { background-color: rgba(103, 58, 183, 0.04)= ; } .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select-= -disabled) .mdc-notched-outline__leading, .mdc-data-table__pagination-rows-= per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__= notch, .mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-= select--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0,= 0, 0.12); } .mdc-data-table__cell, .mdc-data-table__header-cell { border-bottom-color: = rgba(0, 0, 0, 0.12); } .mdc-data-table__pagination { border-top-color: rgba(0, 0, 0, 0.12); } .mdc-data-table__row:not(.mdc-data-table__row--selected):hover { background= -color: rgba(0, 0, 0, 0.04); } .mdc-data-table__header-cell, .mdc-data-table__pagination-total, .mdc-data-= table__pagination-rows-per-page-label, .mdc-data-table__cell { color: rgba(= 0, 0, 0, 0.87); } .mat-mdc-table { background: rgb(255, 255, 255); } .mat-mdc-table .mdc-data-table__row { height: 52px; } .mat-mdc-table .mdc-data-table__pagination { min-height: 52px; } .mat-mdc-table .mdc-data-table__header-row { height: 56px; } .mdc-data-table__content, .mdc-data-table__cell { -webkit-font-smoothing: a= ntialiased; font-family: var(--mdc-typography-body2-font-family, var(--mdc-= typography-font-family, Roboto, sans-serif)); font-size: var(--mdc-typograp= hy-body2-font-size, 14px); line-height: var(--mdc-typography-body2-line-hei= ght, 20px); font-weight: var(--mdc-typography-body2-font-weight, 400); lett= er-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em); text= -decoration: var(--mdc-typography-body2-text-decoration, inherit); text-tra= nsform: var(--mdc-typography-body2-text-transform, none); } .mdc-data-table__header-cell { -webkit-font-smoothing: antialiased; font-fa= mily: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font= -family, Roboto, sans-serif)); font-size: var(--mdc-typography-subtitle2-fo= nt-size, 14px); line-height: var(--mdc-typography-subtitle2-line-height, 22= px); font-weight: var(--mdc-typography-subtitle2-font-weight, 500); letter-= spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em); tex= t-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit); tex= t-transform: var(--mdc-typography-subtitle2-text-transform, none); } .mat-mdc-progress-spinner { --mdc-circular-progress-active-indicator-color:= #673ab7; } .mat-mdc-progress-spinner.mat-accent { --mdc-circular-progress-active-indic= ator-color: #ffd740; } .mat-mdc-progress-spinner.mat-warn { --mdc-circular-progress-active-indicat= or-color: #f44336; } .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: inlin= e-block; border-radius: 50%; transition: transform 0.2s ease-in-out 0s; tra= nsform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: e= llipsis; pointer-events: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-= noopable { transition: none 0s ease 0s; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-heigh= t: 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=3D"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=3D"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 { le= ft: -8px; } [dir=3D"rtl"] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badg= e-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { rig= ht: -8px; } [dir=3D"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-heig= ht: 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=3D"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=3D"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 { l= eft: -11px; } [dir=3D"rtl"] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-bad= ge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { ri= ght: -11px; } [dir=3D"rtl"] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badg= e-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-heigh= t: 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=3D"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=3D"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 { le= ft: -14px; } [dir=3D"rtl"] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badg= e-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { rig= ht: -14px; } [dir=3D"rtl"] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge= -content { right: auto; left: -14px; } .mat-badge-content { color: rgb(255, 255, 255); background: rgb(103, 58, 18= 3); } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-r= adius: 0px; } .mat-badge-accent .mat-badge-content { background: rgb(255, 215, 64); color= : rgba(0, 0, 0, 0.87); } .mat-badge-warn .mat-badge-content { color: rgb(255, 255, 255); background:= rgb(244, 67, 54); } .mat-badge-disabled .mat-badge-content { background: rgb(185, 185, 185); co= lor: rgba(0, 0, 0, 0.38); } .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto= , sans-serif; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-bottom-sheet-container { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px -= 5px, rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30p= x 5px; background: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); } .mat-bottom-sheet-container { font-size: 14px; font-weight: 400; line-heigh= t: 20px; font-family: Roboto, sans-serif; letter-spacing: 0.0178571em; } .mat-button-toggle-standalone:not([class*=3D"mat-elevation-z"]), .mat-butto= n-toggle-group:not([class*=3D"mat-elevation-z"]) { box-shadow: rgba(0, 0, 0= , 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px, rgba(0, 0, 0, 0.1= 2) 0px 1px 5px; } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([cl= ass*=3D"mat-elevation-z"]), .mat-button-toggle-group-appearance-standard:no= t([class*=3D"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: rgb= a(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); backgr= ound: rgb(255, 255, 255); } .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { b= ackground-color: rgb(0, 0, 0); } .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-butt= on-toggle { border-left: 1px solid rgb(224, 224, 224); } [dir=3D"rtl"] .mat-button-toggle-group-appearance-standard .mat-button-togg= le + .mat-button-toggle { border-left: none; border-right: 1px solid rgb(22= 4, 224, 224); } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .ma= t-button-toggle + .mat-button-toggle { border-left: none; border-right: non= e; border-top: 1px solid rgb(224, 224, 224); } .mat-button-toggle-checked { background-color: rgb(224, 224, 224); color: r= gba(0, 0, 0, 0.54); } .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: r= gba(0, 0, 0, 0.87); } .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color:= rgb(238, 238, 238); } .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { backgro= und: rgb(255, 255, 255); } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: r= gb(189, 189, 189); } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-b= utton-toggle-group-appearance-standard { border: 1px solid rgb(224, 224, 22= 4); } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { l= ine-height: 48px; } .mat-button-toggle { font-family: Roboto, sans-serif; } .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: r= gba(0, 0, 0, 0.87); border-color: rgba(0, 0, 0, 0); } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-cale= ndar-body-selected):not(.mat-calendar-body-comparison-identical) { color: r= gba(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-bo= dy-selected):not(.mat-calendar-body-comparison-identical) { border-color: r= gba(0, 0, 0, 0.18); } .mat-calendar-body-in-range::before { background: rgba(103, 58, 183, 0.2); = } .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-r= ange::before { background: rgba(249, 171, 0, 0.2); } .mat-calendar-body-comparison-bridge-start::before, [dir=3D"rtl"] .mat-cale= ndar-body-comparison-bridge-end::before { background: linear-gradient(to ri= ght, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-comparison-bridge-end::before, [dir=3D"rtl"] .mat-calend= ar-body-comparison-bridge-start::before { background: linear-gradient(to le= ft, rgba(103, 58, 183, 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 { back= ground: rgb(168, 218, 181); } .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-ca= lendar-body-in-comparison-range > .mat-calendar-body-selected { background:= rgb(70, 163, 94); } .mat-calendar-body-selected { background-color: rgb(103, 58, 183); color: r= gb(255, 255, 255); } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-colo= r: rgba(103, 58, 183, 0.4); } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: rgb(255, = 255, 255) 0px 0px 0px 1px inset; } .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-c= ontent:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-i= dentical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-b= ody-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-co= mparison-identical) { background-color: rgba(103, 58, 183, 0.3); } @media (hover: hover) { .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-cal= endar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-= body-comparison-identical) { background-color: rgba(103, 58, 183, 0.3); } } .mat-datepicker-content { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, = rgba(0, 0, 0, 0.14) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px 1px 10px; backgrou= nd-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { ba= ckground: rgba(255, 215, 64, 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-sta= rt::before, .mat-datepicker-content.mat-accent [dir=3D"rtl"] .mat-calendar-= body-comparison-bridge-end::before { background: linear-gradient(to right, = rgba(255, 215, 64, 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=3D"rtl"] .mat-calendar-bo= dy-comparison-bridge-start::before { background: linear-gradient(to left, r= gba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calen= dar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-cale= ndar-body-in-comparison-range.mat-calendar-body-in-range::after { backgroun= d: rgb(168, 218, 181); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.= mat-calendar-body-selected, .mat-datepicker-content.mat-accent .mat-calenda= r-body-in-comparison-range > .mat-calendar-body-selected { background: rgb(= 70, 163, 94); } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background= -color: rgb(255, 215, 64); color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calen= dar-body-selected { background-color: rgba(255, 215, 64, 0.4); } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-bo= dy-selected { box-shadow: rgba(0, 0, 0, 0.87) 0px 0px 0px 1px inset; } .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-a= ccent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-c= ell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-compari= son-identical) { background-color: rgba(255, 215, 64, 0.3); } @media (hover: hover) { .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calen= dar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calenda= r-body-selected):not(.mat-calendar-body-comparison-identical) { background-= color: rgba(255, 215, 64, 0.3); } } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { back= ground: 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::bef= ore { 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=3D"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=3D"rtl"] .mat-calendar-body-c= omparison-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-calenda= r-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar= -body-in-comparison-range.mat-calendar-body-in-range::after { background: r= gb(168, 218, 181); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.ma= t-calendar-body-selected, .mat-datepicker-content.mat-warn .mat-calendar-bo= dy-in-comparison-range > .mat-calendar-body-selected { background: rgb(70, = 163, 94); } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-c= olor: rgb(244, 67, 54); color: rgb(255, 255, 255); } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calenda= r-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: rgb(255, 255, 255) 0px 0px 0px 1px inset; } .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-a= ctive > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):no= t(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-war= n .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-calenda= r-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-= body-selected):not(.mat-calendar-body-comparison-identical) { background-co= lor: rgba(244, 67, 54, 0.3); } } .mat-datepicker-content-touch { box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15p= x -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px = 46px 8px; } .mat-datepicker-toggle-active { color: rgb(103, 58, 183); } .mat-datepicker-toggle-active.mat-accent { color: rgb(255, 215, 64); } .mat-datepicker-toggle-active.mat-warn { color: rgb(244, 67, 54); } .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-ico= n-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-s= ize); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-bu= tton-touch-target { display: none; } .mat-calendar { font-family: Roboto, sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; fo= nt-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .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: rgb(255, 255, 255); color: rgba(0, 0, 0,= 0.87); } .mat-expansion-panel:not([class*=3D"mat-elevation-z"]) { box-shadow: rgba(0= , 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px, rgba(0, 0, = 0, 0.12) 0px 1px 5px; } .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=3D"true"]), .mat-expansion-panel .mat-expansion-panel-header.= cdk-program-focused:not([aria-disabled=3D"true"]), .mat-expansion-panel:not= (.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=3D"tru= e"]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=3D"true"]) .ma= t-expansion-panel-header:hover { background: rgb(255, 255, 255); } } .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=3D"true"] { color: rgba(0, 0, 0, = 0.26); } .mat-expansion-panel-header[aria-disabled=3D"true"] .mat-expansion-panel-he= ader-title, .mat-expansion-panel-header[aria-disabled=3D"true"] .mat-expans= ion-panel-header-description { color: inherit; } .mat-expansion-panel-header { height: 48px; } .mat-expansion-panel-header.mat-expanded { height: 64px; } .mat-expansion-panel-header { font-family: Roboto, sans-serif; font-size: 1= 4px; font-weight: 500; } .mat-expansion-panel-content { font-size: 14px; font-weight: 400; line-heig= ht: 20px; font-family: Roboto, sans-serif; letter-spacing: 0.0178571em; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-sp= ace: 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; } .mat-icon.mat-primary { color: rgb(103, 58, 183); } .mat-icon.mat-accent { color: rgb(255, 215, 64); } .mat-icon.mat-warn { color: rgb(244, 67, 54); } .mat-drawer-container { background-color: rgb(250, 250, 250); color: rgba(0= , 0, 0, 0.87); } .mat-drawer { background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.= 87); } .mat-drawer.mat-drawer-push { background-color: rgb(255, 255, 255); } .mat-drawer:not(.mat-drawer-side) { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px = 10px -5px, rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6= px 30px 5px; } .mat-drawer-side { border-right: 1px solid rgba(0, 0, 0, 0.12); } .mat-drawer-side.mat-drawer-end, [dir=3D"rtl"] .mat-drawer-side { border-le= ft: 1px solid rgba(0, 0, 0, 0.12); border-right: none; } [dir=3D"rtl"] .mat-drawer-side.mat-drawer-end { border-left: none; border-r= ight: 1px solid rgba(0, 0, 0, 0.12); } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6= ); } .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=3D"false"] { background-color: rgba(0, 0, 0, 0.04); } .mat-step-header:hover[aria-disabled=3D"true"] { cursor: default; } @media (hover: none) { .mat-step-header:hover { background: none; } } .mat-step-header .mat-step-label, .mat-step-header .mat-step-optional { col= or: rgba(0, 0, 0, 0.54); } .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); co= lor: rgb(255, 255, 255); } .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-s= tate-done, .mat-step-header .mat-step-icon-state-edit { background-color: r= gb(103, 58, 183); color: rgb(255, 255, 255); } .mat-step-header.mat-accent .mat-step-icon { color: rgba(0, 0, 0, 0.87); } .mat-step-header.mat-accent .mat-step-icon-selected, .mat-step-header.mat-a= ccent .mat-step-icon-state-done, .mat-step-header.mat-accent .mat-step-icon= -state-edit { background-color: rgb(255, 215, 64); color: rgba(0, 0, 0, 0.8= 7); } .mat-step-header.mat-warn .mat-step-icon { color: rgb(255, 255, 255); } .mat-step-header.mat-warn .mat-step-icon-selected, .mat-step-header.mat-war= n .mat-step-icon-state-done, .mat-step-header.mat-warn .mat-step-icon-state= -edit { background-color: rgb(244, 67, 54); color: rgb(255, 255, 255); } .mat-step-header .mat-step-icon-state-error { background-color: rgba(0, 0, = 0, 0); color: rgb(244, 67, 54); } .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: rgb(244, 67,= 54); } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: rgb(255,= 255, 255); } .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12)= ; } .mat-horizontal-stepper-header::before, .mat-horizontal-stepper-header::aft= er, .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-ver= tical-stepper-header { padding: 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-stepper-vertical, .mat-stepper-horizontal { font-family: Roboto, sans-= serif; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: 400; } .mat-step-label-error { font-size: 16px; } .mat-step-label-selected { font-size: 16px; font-weight: 400; } .mat-sort-header-arrow { color: rgb(117, 117, 117); } .mat-toolbar { background: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.87); = } .mat-toolbar.mat-primary { background: rgb(103, 58, 183); color: rgb(255, 2= 55, 255); } .mat-toolbar.mat-accent { background: rgb(255, 215, 64); color: rgba(0, 0, = 0, 0.87); } .mat-toolbar.mat-warn { background: rgb(244, 67, 54); color: rgb(255, 255, = 255); } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple= , .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: curr= entcolor; } .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-fie= ld-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-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolb= ar h4, .mat-toolbar h5, .mat-toolbar h6 { font-size: 20px; font-weight: 500= ; line-height: 32px; font-family: Roboto, sans-serif; letter-spacing: 0.012= 5em; margin: 0px; } .mat-tree { background: rgb(255, 255, 255); } .mat-tree-node, .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-tree-node { min-height: 48px; } .mat-tree { font-family: Roboto, sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; = } .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-hea= dline-5, .mat-typography h1 { font-size: 24px; font-weight: 400; line-heigh= t: 32px; font-family: Roboto, sans-serif; letter-spacing: normal; margin: 0= px 0px 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-hea= dline-6, .mat-typography h2 { font-size: 20px; font-weight: 500; line-heigh= t: 32px; font-family: Roboto, sans-serif; letter-spacing: 0.0125em; margin:= 0px 0px 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-sub= title-1, .mat-typography h3 { font-size: 16px; font-weight: 400; line-heigh= t: 28px; font-family: Roboto, sans-serif; letter-spacing: 0.009375em; margi= n: 0px 0px 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1,= .mat-typography h4 { font-size: 16px; font-weight: 400; line-height: 24px;= font-family: Roboto, sans-serif; letter-spacing: 0.03125em; margin: 0px 0p= x 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 11.62px / = 20px Roboto, sans-serif; margin: 0px 0px 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 9.38px / 2= 0px Roboto, sans-serif; margin: 0px 0px 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-t= ypography .mat-subtitle-2 { font-size: 14px; font-weight: 500; line-height:= 22px; font-family: Roboto, sans-serif; letter-spacing: 0.00714286em; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-bod= y-2, .mat-typography { font-size: 14px; font-weight: 400; line-height: 20px= ; font-family: Roboto, sans-serif; letter-spacing: 0.0178571em; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .m= at-body-2 p, .mat-typography p { margin: 0px 0px 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-= caption { font-size: 12px; font-weight: 400; line-height: 20px; font-family= : Roboto, sans-serif; letter-spacing: 0.0333333em; } .mat-headline-1, .mat-typography .mat-headline-1 { font-size: 96px; font-we= ight: 300; line-height: 96px; font-family: Roboto, sans-serif; letter-spaci= ng: -0.015625em; margin: 0px 0px 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font-size: 60px; font-we= ight: 300; line-height: 60px; font-family: Roboto, sans-serif; letter-spaci= ng: -0.00833333em; margin: 0px 0px 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font-size: 48px; font-we= ight: 400; line-height: 50px; font-family: Roboto, sans-serif; letter-spaci= ng: normal; margin: 0px 0px 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font-size: 34px; font-we= ight: 400; line-height: 40px; font-family: Roboto, sans-serif; letter-spaci= ng: 0.00735294em; margin: 0px 0px 64px; } * { box-sizing: border-box; } html, body, app-root { background-color: rgb(235, 192, 75); height: 100%; d= isplay: block; width: 100%; margin: 0px; } mat-form-field { display: block !important; } p { display: inline-block; } html, body { height: 100%; } body { margin: 0px; font-family: Roboto, "Helvetica Neue", sans-serif; } .material-icons, .material-icons-outlined { vertical-align: bottom; } mat-card + mat-card { margin-top: 1rem; } mat-card { max-width: 80%; margin: auto; padding: 16px; } .material-icons-outlined { display: inline-block; margin-right: 0.5rem; } mat-divider { margin-top: 16px !important; margin-bottom: 16px !important; } ------MultipartBoundary--h9njD9nEgU7JpEDQ2SuHgG2R8G9R0jMeqBUpPjvkvx------