/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/string-replace-loader/index.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[2]!./src/global.scss ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap); /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/string-replace-loader/index.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[2]!./src/global.scss (1) ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://static.doxxbet.sk/mobile/assets/fonts/icons/icons.css); /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/string-replace-loader/index.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[2]!./src/theme/variables.scss ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /** Ionic CSS Variables **/ :root { --ion-color-primary: #202020; --ion-color-primary-rgb: 50, 56, 64; --ion-color-primary-contrast: #999ca0; --ion-color-primary-contrast-freebet: #bdc1c4; --ion-color-primary-contrast-rgb: rgba(255, 255, 255, 0.5); --ion-color-primary-shade: #2c3138; --ion-color-primary-tint: #4e545a; --ion-color-primary-light: #4e545a; --ion-color-secondary: #159d24; --ion-color-secondary-new: #159d24; --ion-color-secondary-rgb: 244, 0, 52; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #159d24; --ion-color-secondary-tint: #159d24; --ion-color-tertiary: #dedede; --ion-color-tertiary-rgb: 222, 222, 222; --ion-color-tertiary-contrast: #000000; --ion-color-tertiary-contrast-rgb: 0, 0, 0; --ion-color-tertiary-shade: #c3c3c3; --ion-color-tertiary-tint: #e1e1e1; --ion-color-success: #2dd36f; --ion-color-success-rgb: 45, 211, 111; --ion-color-success-contrast: #000000; --ion-color-success-contrast-rgb: 0, 0, 0; --ion-color-success-shade: #28ba62; --ion-color-success-tint: #42d77d; --ion-color-warning: #e2c241; --ion-color-warning-rgb: 226, 194, 65; --ion-color-warning-contrast: #000000; --ion-color-warning-contrast-rgb: 0, 0, 0; --ion-color-warning-shade: #c7ab39; --ion-color-warning-tint: #e5c854; --ion-color-danger: #f30d31; --ion-color-danger-rgb: 243, 13, 49; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #d60b2b; --ion-color-danger-tint: #f42546; --ion-color-dark: #4f555c; --ion-color-dark-rgb: 79, 85, 92; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #464b51; --ion-color-dark-tint: #61666c; --ion-color-medium: #62686f; --ion-color-medium-rgb: 98, 104, 111; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #565c62; --ion-color-medium-tint: #72777d; --ion-color-white: #fff; --ion-color-light: #f2f2f2; --ion-color-light-rgb: 242, 242, 242; --ion-color-light-contrast-old: #7e848a; --ion-color-light-contrast: #323840; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d5d5d5; --ion-color-light-tint: #f3f3f3; --color-black: #5d5d5d; --color-purple1: #a11cff; --color-purple2: #ff00ff; --color-purple3: #35015b; --color-purple4: #5f07a0; --color-success-background: #eaf8de; --ion-toolbar-background: var(--ion-color-primary); --ion-toolbar-color: var(--ion-color-primary-contrast); --ion-tab-bar-color: var(--ion-color-primary-contrast); --ion-tab-bar-color-selected: var(--ion-color-secondary); --ion-tab-bar-background: var(--ion-color-primary); --ion-background-color: var(--ion-color-light); --ion-color-blue: #2aa4ef; --ion-color-blue-light: #2ea3ee; --ion-color-green-rate: #76ce27; --overall-rate-color: #f40034; --text-color-black: #323840; --ion-color-grey-1: #bec1c4; --ion-color-whitered: white; --ion-color-whitered-rgb: 242, 242, 242; --ion-color-whitered-contrast: #f30d31; --ion-color-whitered-contrast-rgb: 0, 0, 0; --ion-color-whitered-shade: #d5d5d5; --ion-color-whitered-tint: #f3f3f3; font-family: "Roboto Condensed", sans-serif; --ion-font-family: "Roboto Condensed", sans-serif; --color-balanced: #85d537; --color-assertive: #f51848; --color-pend: #2aa4ef; --color-buyback: #72cd21; --ion-casino-color-10: #f40034; --ion-casino-color-20: #0da3f3; --ion-casino-color-40: #f30d31; --ion-casino-color-50: #0ec98f; --ion-casino-color-60: #969ca2; --ion-casino-color--10: #c026cc; --ion-casino-color--20: #85cb49; --ion-casino-color-30: #1556a2; --ion-casino-color-101: #ebac00; --ion-casino-color-102: #ebac00; --ion-casino-color-103: #ee4023; --ion-casino-color-104: #ff7700; --ion-casino-color-1: #1556a2; --ion-casino-color-2: #f30d31; --virtual-purple-color: #ad3aff; --ticket-status-detail-labels-color: #7e848a; --ticket-status-detail-values-color: #9b9b9b; --ticket-status-color-won: #85d537; --ticket-status-color-lost: #f51848; --ticket-status-color-pend: #2aa4ef; --ticket-status-color-expired: #e2c241; --ticket-status-color-canceled: #bec1c4; --ticket-status-color-norisk: #0dcac8; --ticket-status-color-refused: #e2c241; --ticket-status-color-buyback: #85d537; --ticket-status-color-compensation: #85d537; --ticket-status-color-await: #bec1c4; --ticket-status-color-edited: #bec1c4; --ticket-status-background-color-won: #f5fbef; --ticket-status-background-color-lost: #feecef; --ticket-status-background-color-pend: #e9f5fe; --ticket-status-background-color-stored: #f7effb; --ticket-status-background-color-canceled: #f7f2e8; --ticket-status-background-color-norisk: #ecfbfb; --ticket-status-background-color-refused: #fafafa; --ticket-status-background-color-buyback: #f5fbef; --ticket-status-background-color-compensation: #f5fbef; --ticket-status-background-color-await: #f5fbef; --ticket-status-background-color-expired: #f7f2e8; --ticket-status-background-color-edited: #fafafa; /* base colors */ --slate-12: #f5f6f7; --slate-25: #eeeef0; --slate-50: #e6e7e8; --slate-75: #dbdcde; --slate-100: #c2c3c6; --slate-200: #999ca0; --slate-250: #82878e; --slate-300: #707479; --slate-350: #62676e; --slate-400: #51565d; --slate-450: #41464e; --slate-500: #323840; --slate-600: #2d323a; --slate-700: #262b32; --slate-800: #1f242a; --slate-900: #13171c; --accent-50: #fffefe; --accent-75: #feebef; --accent-100: #ffb2c2; --accent-200: #ff7a96; --accent-300: #ff325e; --accent-400: #ff1446; --accent-500: #f40034; --accent-600: #d5002d; --accent-700: #b70027; --accent-800: #980020; --accent-900: #7a001a; --blue-500: #21a0f1; --yellow-500: #e2c241; --green-50: #f5fbef; --green-500: #72cd21; --green-600: #58c120; --green-700: #46b10d; --green-800: #3fa508; /* tickets colors */ --match-status-gradient-lost: linear-gradient( 180deg, rgba(244, 121, 0, 1) 0%, rgba(171, 0, 36, 1) 100% ); --match-status-gradient-win: linear-gradient( 180deg, rgba(234, 250, 130, 1) 0%, rgba(69, 176, 12, 1) 100% ); --ticket-status-bg-waiting: var(--slate-12); --ticket-status-color-waiting: var(--slate-500); --ticket-status-icon-color-waiting: var(--slate-100); --ticket-status-bg-await: var(--slate-12); --ticket-status-color-await: var(--slate-500); --ticket-status-icon-color-await: var(--slate-100); --ticket-status-bg-approved: #e8f5fe; --ticket-status-color-approved: var(--blue-500); --ticket-status-icon-color-approved: var(--blue-500); --ticket-status-bg-win: #f5fbef; --ticket-status-color-win: var(--green-500); --ticket-status-icon-color-win: var(--green-500); --ticket-status-bg-lost: #feebef; --ticket-status-color-lost: var(--accent-500); --ticket-status-icon-color-lost: var(--accent-500); --ticket-status-bg-canceled: var(--slate-12); --ticket-status-color-canceled: var((--ion-color-grey-1)); --ticket-status-icon-color-canceled: var(--slate-100); --ticket-status-bg-rejected: #f7f2e8; --ticket-status-color-rejected: var(--slate-500); --ticket-status-icon-color-rejected: var(--yellow-500); --ticket-status-bg-expired: #f7f2e8; --ticket-status-color-expired: var(--slate-500); --ticket-status-icon-color-expired: var(--yellow-500); --ticket-status-bg-compensation: #f5fbef; --ticket-status-color-compensation: var(--green-500); --ticket-status-icon-color-compensation: var(--green-500); --ticket-status-bg-sold: #f5fbef; --ticket-status-color-sold: var(--green-500); --ticket-status-icon-color-sold: var(--green-500); --ticket-status-bg-refused: #f7f2e8; --ticket-status-color-refused: var(--yellow-500); --ticket-status-icon-color-refused: var(--yellow-500); } :root #ticketMenu { --width: 100%; --min-width: 100%; } :root .combinations-detail-fullscreen { --width: 100%; --height: 100%; } :root .range-knob { border: 14px solid white; top: -7px; --knob-box-shadow: 3px 2px 9px #dedede; --knob-background: red; } :root ion-badge.rate { text-align: center; font-size: 12px; margin-right: 0; color: #ffffff; border-radius: 2px; background-color: #72777d; background-color: var(--ion-color-medium-tint); } :root ion-badge.rate.overall { background-color: #f40034; background-color: var(--overall-rate-color); } :root ion-badge.rate.index { padding: 3px 6px 3px 6px; font-weight: 100; } :root ion-badge.rate.index.y { background-color: #f5fbef; background-color: var(--ticket-status-bg-sold); color: #76ce27; color: var(--ion-color-green-rate); } :root ion-badge.rate.index.r { background-color: #feebef; background-color: var(--accent-75); color: #f40034; } :root ion-badge.rate.index.b { background-color: #e8f5fe; color: #2ea3ee; color: var(--ion-color-blue-light); } :root .bold { font-weight: bold; } :root .dark-bold { color: #000; font-weight: bold; } :root .is-anchor { cursor: pointer; } :root #ticketHistory .won, :root #ticketEvents .won, :root #ticketDetailContent .won, :root #ticketList .won, :root #landing-my-tickets .won, :root .content-contains-ticket-statuses .won { color: #85d537; color: var(--ticket-status-color-won); } :root #ticketHistory .lost, :root #ticketEvents .lost, :root #ticketDetailContent .lost, :root #ticketList .lost, :root #landing-my-tickets .lost, :root .content-contains-ticket-statuses .lost { color: #f40034; color: var(--ticket-status-color-lost); } :root #ticketHistory .pend, :root #ticketEvents .pend, :root #ticketDetailContent .pend, :root #ticketList .pend, :root #landing-my-tickets .pend, :root .content-contains-ticket-statuses .pend { color: #2aa4ef; color: var(--ticket-status-color-pend); } :root #ticketHistory .canceled, :root #ticketHistory .refused, :root #ticketEvents .canceled, :root #ticketEvents .refused, :root #ticketDetailContent .canceled, :root #ticketDetailContent .refused, :root #ticketList .canceled, :root #ticketList .refused, :root #landing-my-tickets .canceled, :root #landing-my-tickets .refused, :root .content-contains-ticket-statuses .canceled, :root .content-contains-ticket-statuses .refused { color: var((--ion-color-grey-1)); color: var(--ticket-status-color-canceled); } :root #ticketHistory .norisk, :root #ticketEvents .norisk, :root #ticketDetailContent .norisk, :root #ticketList .norisk, :root #landing-my-tickets .norisk, :root .content-contains-ticket-statuses .norisk { color: #0dcac8; color: var(--ticket-status-color-norisk); } :root #ticketHistory .buyback, :root #ticketEvents .buyback, :root #ticketDetailContent .buyback, :root #ticketList .buyback, :root #landing-my-tickets .buyback, :root .content-contains-ticket-statuses .buyback { color: #85d537; color: var(--ticket-status-color-buyback); } :root #ticketHistory .compensation, :root #ticketEvents .compensation, :root #ticketDetailContent .compensation, :root #ticketList .compensation, :root #landing-my-tickets .compensation, :root .content-contains-ticket-statuses .compensation { color: #72cd21; color: var(--ticket-status-color-compensation); } :root #ticketHistory .await, :root #ticketEvents .await, :root #ticketDetailContent .await, :root #ticketList .await, :root #landing-my-tickets .await, :root .content-contains-ticket-statuses .await { color: #323840; color: var(--ticket-status-color-await); } :root #ticketHistory .border-won, :root #ticketEvents .border-won, :root #ticketDetailContent .border-won, :root #ticketList .border-won, :root #landing-my-tickets .border-won, :root .content-contains-ticket-statuses .border-won { border-color: #85d537; border-color: var(--ticket-status-color-won); } :root #ticketHistory .border-lost, :root #ticketEvents .border-lost, :root #ticketDetailContent .border-lost, :root #ticketList .border-lost, :root #landing-my-tickets .border-lost, :root .content-contains-ticket-statuses .border-lost { border-color: #f40034; border-color: var(--ticket-status-color-lost); } :root #ticketHistory .border-pend, :root #ticketEvents .border-pend, :root #ticketDetailContent .border-pend, :root #ticketList .border-pend, :root #landing-my-tickets .border-pend, :root .content-contains-ticket-statuses .border-pend { border-color: #2aa4ef; border-color: var(--ticket-status-color-pend); } :root #ticketHistory .border-canceled, :root #ticketHistory .border-refused, :root #ticketEvents .border-canceled, :root #ticketEvents .border-refused, :root #ticketDetailContent .border-canceled, :root #ticketDetailContent .border-refused, :root #ticketList .border-canceled, :root #ticketList .border-refused, :root #landing-my-tickets .border-canceled, :root #landing-my-tickets .border-refused, :root .content-contains-ticket-statuses .border-canceled, :root .content-contains-ticket-statuses .border-refused { border-color: var((--ion-color-grey-1)); border-color: var(--ticket-status-color-canceled); } :root #ticketHistory .border-norisk, :root #ticketEvents .border-norisk, :root #ticketDetailContent .border-norisk, :root #ticketList .border-norisk, :root #landing-my-tickets .border-norisk, :root .content-contains-ticket-statuses .border-norisk { border-color: #0dcac8; border-color: var(--ticket-status-color-norisk); } :root #ticketHistory .border-buyback, :root #ticketEvents .border-buyback, :root #ticketDetailContent .border-buyback, :root #ticketList .border-buyback, :root #landing-my-tickets .border-buyback, :root .content-contains-ticket-statuses .border-buyback { border-color: #85d537; border-color: var(--ticket-status-color-buyback); } :root #ticketHistory .border-compensation, :root #ticketEvents .border-compensation, :root #ticketDetailContent .border-compensation, :root #ticketList .border-compensation, :root #landing-my-tickets .border-compensation, :root .content-contains-ticket-statuses .border-compensation { border-color: #72cd21; border-color: var(--ticket-status-color-compensation); } :root #ticketHistory .border-await, :root #ticketEvents .border-await, :root #ticketDetailContent .border-await, :root #ticketList .border-await, :root #landing-my-tickets .border-await, :root .content-contains-ticket-statuses .border-await { border-color: #e2c241; border-color: var(--ticket-status-color-refused); } :root #ticketHistory .background-won, :root #ticketEvents .background-won, :root #ticketDetailContent .background-won, :root #ticketList .background-won, :root #landing-my-tickets .background-won, :root .content-contains-ticket-statuses .background-won { background-color: #f5fbef !important; background-color: var(--ticket-status-background-color-won) !important; } :root #ticketHistory .background-lost, :root #ticketEvents .background-lost, :root #ticketDetailContent .background-lost, :root #ticketList .background-lost, :root #landing-my-tickets .background-lost, :root .content-contains-ticket-statuses .background-lost { background-color: #feecef !important; background-color: var(--ticket-status-background-color-lost) !important; } :root #ticketHistory .background-pend, :root #ticketEvents .background-pend, :root #ticketDetailContent .background-pend, :root #ticketList .background-pend, :root #landing-my-tickets .background-pend, :root .content-contains-ticket-statuses .background-pend { background-color: #e9f5fe !important; background-color: var(--ticket-status-background-color-pend) !important; } :root #ticketHistory .background-canceled, :root #ticketHistory .background-refused, :root #ticketEvents .background-canceled, :root #ticketEvents .background-refused, :root #ticketDetailContent .background-canceled, :root #ticketDetailContent .background-refused, :root #ticketList .background-canceled, :root #ticketList .background-refused, :root #landing-my-tickets .background-canceled, :root #landing-my-tickets .background-refused, :root .content-contains-ticket-statuses .background-canceled, :root .content-contains-ticket-statuses .background-refused { background-color: #f7f2e8 !important; background-color: var(--ticket-status-background-color-canceled) !important; } :root #ticketHistory .background-stored, :root #ticketEvents .background-stored, :root #ticketDetailContent .background-stored, :root #ticketList .background-stored, :root #landing-my-tickets .background-stored, :root .content-contains-ticket-statuses .background-stored { background-color: #f7effb !important; background-color: var(--ticket-status-background-color-stored) !important; } :root #ticketHistory .background-norisk, :root #ticketEvents .background-norisk, :root #ticketDetailContent .background-norisk, :root #ticketList .background-norisk, :root #landing-my-tickets .background-norisk, :root .content-contains-ticket-statuses .background-norisk { background-color: #ecfbfb !important; background-color: var(--ticket-status-background-color-norisk) !important; } :root #ticketHistory .background-buyback, :root #ticketEvents .background-buyback, :root #ticketDetailContent .background-buyback, :root #ticketList .background-buyback, :root #landing-my-tickets .background-buyback, :root .content-contains-ticket-statuses .background-buyback { background-color: #f5fbef !important; background-color: var(--ticket-status-background-color-buyback) !important; } :root #ticketHistory .background-compensation, :root #ticketEvents .background-compensation, :root #ticketDetailContent .background-compensation, :root #ticketList .background-compensation, :root #landing-my-tickets .background-compensation, :root .content-contains-ticket-statuses .background-compensation { background-color: #f5fbef !important; background-color: var(--ticket-status-background-color-compensation) !important; } :root #ticketHistory .background-await, :root #ticketEvents .background-await, :root #ticketDetailContent .background-await, :root #ticketList .background-await, :root #landing-my-tickets .background-await, :root .content-contains-ticket-statuses .background-await { background-color: #fafafa !important; background-color: var(--ticket-status-background-color-refused) !important; } :root #ticketHistory .background-expired, :root #ticketEvents .background-expired, :root #ticketDetailContent .background-expired, :root #ticketList .background-expired, :root #landing-my-tickets .background-expired, :root .content-contains-ticket-statuses .background-expired { background-color: #f7f2e8 !important; background-color: var(--ticket-status-background-color-expired) !important; } .ion-color-whitered { --ion-color-base: var(--ion-color-whitered); --ion-color-base-rgb: var(--ion-color-whitered-rgb); --ion-color-contrast: var(--ion-color-whitered-contrast); --ion-color-contrast-rgb: var(--ion-color-whitered-contrast-rgb); --ion-color-shade: var(--ion-color-whitered-shade); --ion-color-tint: var(--ion-color-whitered-tint); } ion-card { --background: var(--ion-color-dark-contrast); margin-top: 10px; margin-bottom: 10px; border-radius: 5px; } .filter-modal-component .popover-viewport { max-height: 100vh; } .filter-modal-component .popover-content { position: static; width: 300px; margin: 0 auto; } .filter-modal-component .filter-radio { white-space: normal; } /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/string-replace-loader/index.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[2]!./src/utils.scss ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* FLEX UTILITY */ .flex { display: flex; } .relative { position: relative; } .pointer-events-none { pointer-events: none; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/string-replace-loader/index.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[2]!./src/global.scss (2) ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* * App Global CSS * ---------------------------------------------------------------------------- * Put style rules here that you want to apply globally. These styles are for * the entire app and not just one component. Additionally, this file can be * used as an entry point to import other CSS/Sass files to be included in the * output CSS. * For more information on global stylesheets, visit the documentation: * https://ionicframework.com/docs/layout/global-stylesheets */ /* Core CSS required for Ionic components to work properly */ html.ios { --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif; } html.md { --ion-default-font: "Roboto", "Helvetica Neue", sans-serif; } html { --ion-font-family: var(--ion-default-font); } body { background: var(--ion-background-color); } body.backdrop-no-scroll { overflow: hidden; } /** * Card style modal needs additional padding on the * top of the header. We accomplish this by targeting * the first toolbar in the header. * Footer also needs this. We do not adjust the bottom * padding though because of the safe area. */ html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, html.ios ion-modal ion-footer ion-toolbar:first-of-type { padding-top: 6px; } /** * Card style modal needs additional padding on the * bottom of the header. We accomplish this by targeting * the last toolbar in the header. */ html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type { padding-bottom: 6px; } /** * Add padding on the left and right * of toolbars while accounting for * safe area values when in landscape. */ html.ios ion-modal ion-toolbar { padding-right: calc(var(--ion-safe-area-right) + 8px); padding-left: calc(var(--ion-safe-area-left) + 8px); } /** * Card style modal on iPadOS * should only have backdrop on first instance. */ @media screen and (min-width: 768px) { html.ios ion-modal.modal-card:first-of-type { --backdrop-opacity: 0.18; } } /** * Subsequent modals should not have a backdrop/box shadow * as it will cause the screen to appear to get progressively * darker. With Ionic 6, declarative modals made it * possible to have multiple non-presented modals in the DOM, * so we could no longer rely on ion-modal:first-of-type. * Here we disable the opacity/box-shadow for every modal * that comes after the first presented modal. * * Note: ion-modal:not(.overlay-hidden):first-of-type * does not match the first modal to not have * the .overlay-hidden class, it will match the * first modal in general only if it does not * have the .overlay-hidden class. * The :nth-child() pseudo-class has support * for selectors which would help us here. At the * time of writing it does not have great cross browser * support. * * Note 2: This should only apply to non-card and * non-sheet modals. Card and sheet modals have their * own criteria for displaying backdrops/box shadows. * * Do not use :not(.overlay-hidden) in place of * .show-modal because that triggers a memory * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768 */ ion-modal.modal-default.show-modal ~ ion-modal.modal-default { --backdrop-opacity: 0; --box-shadow: none; } /** * This works around a bug in WebKit where the * content will overflow outside of the bottom border * radius when re-painting. As long as a single * border radius value is set on .ion-page, this * issue does not happen. We set the top left radius * here because the top left corner will always have a * radius no matter the platform. * This behavior only applies to card modals. */ html.ios ion-modal.modal-card .ion-page { border-top-left-radius: var(--border-radius); } .ion-color-primary { --ion-color-base: var(--ion-color-primary, #3880ff) !important; --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important; --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important; --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important; } .ion-color-secondary { --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important; --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important; --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important; --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important; } .ion-color-tertiary { --ion-color-base: var(--ion-color-tertiary, #5260ff) !important; --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important; --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important; --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important; } .ion-color-success { --ion-color-base: var(--ion-color-success, #2dd36f) !important; --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important; --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important; --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important; } .ion-color-warning { --ion-color-base: var(--ion-color-warning, #ffc409) !important; --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important; --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important; --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important; } .ion-color-danger { --ion-color-base: var(--ion-color-danger, #eb445a) !important; --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important; --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important; --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important; } .ion-color-light { --ion-color-base: var(--ion-color-light, #f4f5f8) !important; --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important; --ion-color-contrast: var(--ion-color-light-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important; --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important; } .ion-color-medium { --ion-color-base: var(--ion-color-medium, #92949c) !important; --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important; --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-medium-shade, #808289) !important; --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important; } .ion-color-dark { --ion-color-base: var(--ion-color-dark, #222428) !important; --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important; --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important; --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important; } .ion-page { left: 0; right: 0; top: 0; bottom: 0; display: flex; position: absolute; flex-direction: column; justify-content: space-between; contain: layout size style; overflow: hidden; z-index: 0; } /** * When making custom dialogs, using * ion-content is not required. As a result, * some developers may wish to have dialogs * that are automatically sized by the browser. * These changes allow certain dimension values * such as fit-content to work correctly. */ ion-modal > .ion-page { position: relative; contain: layout style; height: 100%; } .split-pane-visible > .ion-page.split-pane-main { position: relative; } ion-route, ion-route-redirect, ion-router, ion-select-option, ion-nav-controller, ion-menu-controller, ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-modal-controller, ion-picker-controller, ion-popover-controller, ion-toast-controller, .ion-page-hidden, [hidden] { /* stylelint-disable-next-line declaration-no-important */ display: none !important; } .ion-page-invisible { opacity: 0; } .can-go-back > ion-header ion-back-button { display: block; } html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa { --ion-statusbar-padding: 20px; } @supports (padding-top: 20px) { html { --ion-safe-area-top: var(--ion-statusbar-padding); } } @supports (padding-top: constant(safe-area-inset-top)) { html { --ion-safe-area-top: constant(safe-area-inset-top); --ion-safe-area-bottom: constant(safe-area-inset-bottom); --ion-safe-area-left: constant(safe-area-inset-left); --ion-safe-area-right: constant(safe-area-inset-right); } } @supports (padding-top: env(safe-area-inset-top)) { html { --ion-safe-area-top: env(safe-area-inset-top); --ion-safe-area-bottom: env(safe-area-inset-bottom); --ion-safe-area-left: env(safe-area-inset-left); --ion-safe-area-right: env(safe-area-inset-right); } } ion-card.ion-color .ion-inherit-color, ion-card-header.ion-color .ion-inherit-color { color: inherit; } .menu-content { transform: translate3d(0, 0, 0); } .menu-content-open { cursor: pointer; touch-action: manipulation; pointer-events: none; } .ios .menu-content-reveal { box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08); } [dir=rtl].ios .menu-content-reveal { box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08); } .md .menu-content-reveal { box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18); } .md .menu-content-push { box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18); } ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] { --border-width: 0px; } ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon { transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1); } @media (prefers-reduced-motion: reduce) { ion-accordion .ion-accordion-toggle-icon { /* stylelint-disable declaration-no-important */ transition: none !important; } } /** * The > [slot="header"] selector ensures that we do * not modify toggle icons for any nested accordions. The state * of one accordion should not affect any accordions inside * of a nested accordion group. */ ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon, ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon { transform: rotate(180deg); } ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] { --border-width: 0px; --inner-border-width: 0px; } ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type { margin-top: 0; } ion-input input::-webkit-date-and-time-value { text-align: start; } /** * The .ion-datetime-button-overlay class contains * styles that allow any modal/popover to be * sized according to the dimensions of the datetime * when used with ion-datetime-button. */ .ion-datetime-button-overlay { --width: fit-content; --height: fit-content; } /** * The grid variant can scale down when inline. * When used in a `fit-content` overlay, this causes * the overlay to shrink when the month/year picker is open. * Explicitly setting the dimensions lets us have a consistently * sized grid interface. */ .ion-datetime-button-overlay ion-datetime.datetime-grid { width: 320px; min-height: 320px; } /* Basic CSS for apps built with Ionic */ audio, canvas, progress, video { vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } b, strong { font-weight: bold; } img { max-width: 100%; } hr { height: 1px; border-width: 0; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } label, input, select, textarea { font-family: inherit; line-height: normal; } textarea { overflow: auto; height: auto; font: inherit; color: inherit; } textarea::-moz-placeholder { padding-left: 2px; } textarea::placeholder { padding-left: 2px; } form, input, optgroup, select { margin: 0; font: inherit; color: inherit; } html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } a, a div, a span, a ion-icon, a ion-label, button, button div, button span, button ion-icon, button ion-label, .ion-tappable, [tappable], [tappable] div, [tappable] span, [tappable] ion-icon, [tappable] ion-label, input, textarea { touch-action: manipulation; } a ion-label, button ion-label { pointer-events: none; } button { padding: 0; border: 0; border-radius: 0; font-family: inherit; font-style: inherit; font-feature-settings: inherit; font-variant: inherit; line-height: 1; text-transform: none; cursor: pointer; -webkit-appearance: button; } [tappable] { cursor: pointer; } a[disabled], button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; } html:not(.hydrated) body { display: none; } html.ion-ce body { display: block; } html.plt-pwa { height: 100vh; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; position: fixed; width: 100%; max-width: 100%; height: 100%; max-height: 100%; /** * Because body has position: fixed, * it should be promoted to its own * layer. * * WebKit does not always promote * the body to its own layer on page * load in Ionic apps. Once scrolling on * ion-content starts, WebKit will promote * body. Unfortunately, this causes a re-paint * which results in scrolling being halted * until the next user gesture. * * This impacts the Custom Elements build. * The lazy loaded build causes the browser to * re-paint during hydration which causes WebKit * to promote body to its own layer. * In the CE Build, this hydration does not * happen, so the additional re-paint does not occur. */ transform: translateZ(0); text-rendering: optimizeLegibility; overflow: hidden; touch-action: manipulation; -webkit-user-drag: none; -ms-content-zooming: none; word-wrap: break-word; overscroll-behavior-y: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; } html { font-family: var(--ion-default-font); font-family: var(--ion-font-family); } a { background-color: transparent; color: #3880ff; color: var(--ion-color-primary, #3880ff); } h1, h2, h3, h4, h5, h6 { margin-top: 16px; margin-bottom: 10px; font-weight: 500; line-height: 1.2; } h1 { margin-top: 20px; font-size: 26px; } h2 { margin-top: 18px; font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } small { font-size: 75%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .ion-hide { display: none !important; } .ion-hide-up { display: none !important; } .ion-hide-down { display: none !important; } @media (min-width: 576px) { .ion-hide-sm-up { display: none !important; } } @media (max-width: 575.98px) { .ion-hide-sm-down { display: none !important; } } @media (min-width: 768px) { .ion-hide-md-up { display: none !important; } } @media (max-width: 767.98px) { .ion-hide-md-down { display: none !important; } } @media (min-width: 992px) { .ion-hide-lg-up { display: none !important; } } @media (max-width: 991.98px) { .ion-hide-lg-down { display: none !important; } } @media (min-width: 1200px) { .ion-hide-xl-up { display: none !important; } } @media (max-width: 1199.98px) { .ion-hide-xl-down { display: none !important; } } /* Optional CSS utils that can be commented out */ .ion-no-padding { --padding-start: 0; --padding-end: 0; --padding-top: 0; --padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .ion-padding { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-left: 16px; padding-left: var(--ion-padding, 16px); padding-right: 16px; padding-right: var(--ion-padding, 16px); padding-top: 16px; padding-top: var(--ion-padding, 16px); padding-bottom: 16px; padding-bottom: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding { padding-left: 0; padding-left: initial; padding-right: 0; padding-right: initial; padding-inline-start: 16px; padding-inline-start: var(--ion-padding, 16px); padding-inline-end: 16px; padding-inline-end: var(--ion-padding, 16px); } } .ion-padding-top { --padding-top: var(--ion-padding, 16px); padding-top: 16px; padding-top: var(--ion-padding, 16px); } .ion-padding-start { --padding-start: var(--ion-padding, 16px); padding-left: 16px; padding-left: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding-start { padding-left: 0; padding-left: initial; padding-inline-start: 16px; padding-inline-start: var(--ion-padding, 16px); } } .ion-padding-end { --padding-end: var(--ion-padding, 16px); padding-right: 16px; padding-right: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding-end { padding-right: 0; padding-right: initial; padding-inline-end: 16px; padding-inline-end: var(--ion-padding, 16px); } } .ion-padding-bottom { --padding-bottom: var(--ion-padding, 16px); padding-bottom: 16px; padding-bottom: var(--ion-padding, 16px); } .ion-padding-vertical { --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-top: 16px; padding-top: var(--ion-padding, 16px); padding-bottom: 16px; padding-bottom: var(--ion-padding, 16px); } .ion-padding-horizontal { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); padding-left: 16px; padding-left: var(--ion-padding, 16px); padding-right: 16px; padding-right: var(--ion-padding, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-padding-horizontal { padding-left: 0; padding-left: initial; padding-right: 0; padding-right: initial; padding-inline-start: 16px; padding-inline-start: var(--ion-padding, 16px); padding-inline-end: 16px; padding-inline-end: var(--ion-padding, 16px); } } .ion-no-margin { --margin-start: 0; --margin-end: 0; --margin-top: 0; --margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .ion-margin { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-left: 16px; margin-left: var(--ion-margin, 16px); margin-right: 16px; margin-right: var(--ion-margin, 16px); margin-top: 16px; margin-top: var(--ion-margin, 16px); margin-bottom: 16px; margin-bottom: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin { margin-left: 0; margin-left: initial; margin-right: 0; margin-right: initial; margin-inline-start: 16px; margin-inline-start: var(--ion-margin, 16px); margin-inline-end: 16px; margin-inline-end: var(--ion-margin, 16px); } } .ion-margin-top { --margin-top: var(--ion-margin, 16px); margin-top: 16px; margin-top: var(--ion-margin, 16px); } .ion-margin-start { --margin-start: var(--ion-margin, 16px); margin-left: 16px; margin-left: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin-start { margin-left: 0; margin-left: initial; margin-inline-start: 16px; margin-inline-start: var(--ion-margin, 16px); } } .ion-margin-end { --margin-end: var(--ion-margin, 16px); margin-right: 16px; margin-right: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin-end { margin-right: 0; margin-right: initial; margin-inline-end: 16px; margin-inline-end: var(--ion-margin, 16px); } } .ion-margin-bottom { --margin-bottom: var(--ion-margin, 16px); margin-bottom: 16px; margin-bottom: var(--ion-margin, 16px); } .ion-margin-vertical { --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-top: 16px; margin-top: var(--ion-margin, 16px); margin-bottom: 16px; margin-bottom: var(--ion-margin, 16px); } .ion-margin-horizontal { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); margin-left: 16px; margin-left: var(--ion-margin, 16px); margin-right: 16px; margin-right: var(--ion-margin, 16px); } @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) { .ion-margin-horizontal { margin-left: 0; margin-left: initial; margin-right: 0; margin-right: initial; margin-inline-start: 16px; margin-inline-start: var(--ion-margin, 16px); margin-inline-end: 16px; margin-inline-end: var(--ion-margin, 16px); } } .ion-float-left { float: left !important; } .ion-float-right { float: right !important; } .ion-float-start { float: left !important; } [dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start { float: right !important; } .ion-float-end { float: right !important; } [dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end { float: left !important; } @media (min-width: 576px) { .ion-float-sm-left { float: left !important; } .ion-float-sm-right { float: right !important; } .ion-float-sm-start { float: left !important; } [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start { float: right !important; } .ion-float-sm-end { float: right !important; } [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end { float: left !important; } } @media (min-width: 768px) { .ion-float-md-left { float: left !important; } .ion-float-md-right { float: right !important; } .ion-float-md-start { float: left !important; } [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start { float: right !important; } .ion-float-md-end { float: right !important; } [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end { float: left !important; } } @media (min-width: 992px) { .ion-float-lg-left { float: left !important; } .ion-float-lg-right { float: right !important; } .ion-float-lg-start { float: left !important; } [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start { float: right !important; } .ion-float-lg-end { float: right !important; } [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end { float: left !important; } } @media (min-width: 1200px) { .ion-float-xl-left { float: left !important; } .ion-float-xl-right { float: right !important; } .ion-float-xl-start { float: left !important; } [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start { float: right !important; } .ion-float-xl-end { float: right !important; } [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end { float: left !important; } } .ion-text-center { text-align: center !important; } .ion-text-justify { text-align: justify !important; } .ion-text-start { text-align: start !important; } .ion-text-end { text-align: end !important; } .ion-text-left { text-align: left !important; } .ion-text-right { text-align: right !important; } .ion-text-nowrap { white-space: nowrap !important; } .ion-text-wrap { white-space: normal !important; } @media (min-width: 576px) { .ion-text-sm-center { text-align: center !important; } .ion-text-sm-justify { text-align: justify !important; } .ion-text-sm-start { text-align: start !important; } .ion-text-sm-end { text-align: end !important; } .ion-text-sm-left { text-align: left !important; } .ion-text-sm-right { text-align: right !important; } .ion-text-sm-nowrap { white-space: nowrap !important; } .ion-text-sm-wrap { white-space: normal !important; } } @media (min-width: 768px) { .ion-text-md-center { text-align: center !important; } .ion-text-md-justify { text-align: justify !important; } .ion-text-md-start { text-align: start !important; } .ion-text-md-end { text-align: end !important; } .ion-text-md-left { text-align: left !important; } .ion-text-md-right { text-align: right !important; } .ion-text-md-nowrap { white-space: nowrap !important; } .ion-text-md-wrap { white-space: normal !important; } } @media (min-width: 992px) { .ion-text-lg-center { text-align: center !important; } .ion-text-lg-justify { text-align: justify !important; } .ion-text-lg-start { text-align: start !important; } .ion-text-lg-end { text-align: end !important; } .ion-text-lg-left { text-align: left !important; } .ion-text-lg-right { text-align: right !important; } .ion-text-lg-nowrap { white-space: nowrap !important; } .ion-text-lg-wrap { white-space: normal !important; } } @media (min-width: 1200px) { .ion-text-xl-center { text-align: center !important; } .ion-text-xl-justify { text-align: justify !important; } .ion-text-xl-start { text-align: start !important; } .ion-text-xl-end { text-align: end !important; } .ion-text-xl-left { text-align: left !important; } .ion-text-xl-right { text-align: right !important; } .ion-text-xl-nowrap { white-space: nowrap !important; } .ion-text-xl-wrap { white-space: normal !important; } } .ion-text-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } @media (min-width: 576px) { .ion-text-sm-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-sm-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-sm-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } @media (min-width: 768px) { .ion-text-md-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-md-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-md-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } @media (min-width: 992px) { .ion-text-lg-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-lg-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-lg-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } @media (min-width: 1200px) { .ion-text-xl-uppercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: uppercase !important; } .ion-text-xl-lowercase { /* stylelint-disable-next-line declaration-no-important */ text-transform: lowercase !important; } .ion-text-xl-capitalize { /* stylelint-disable-next-line declaration-no-important */ text-transform: capitalize !important; } } .ion-align-self-start { align-self: flex-start !important; } .ion-align-self-end { align-self: flex-end !important; } .ion-align-self-center { align-self: center !important; } .ion-align-self-stretch { align-self: stretch !important; } .ion-align-self-baseline { align-self: baseline !important; } .ion-align-self-auto { align-self: auto !important; } .ion-wrap { flex-wrap: wrap !important; } .ion-nowrap { flex-wrap: nowrap !important; } .ion-wrap-reverse { flex-wrap: wrap-reverse !important; } .ion-justify-content-start { justify-content: flex-start !important; } .ion-justify-content-center { justify-content: center !important; } .ion-justify-content-end { justify-content: flex-end !important; } .ion-justify-content-around { justify-content: space-around !important; } .ion-justify-content-between { justify-content: space-between !important; } .ion-justify-content-evenly { justify-content: space-evenly !important; } .ion-align-items-start { align-items: flex-start !important; } .ion-align-items-center { align-items: center !important; } .ion-align-items-end { align-items: flex-end !important; } .ion-align-items-stretch { align-items: stretch !important; } .ion-align-items-baseline { align-items: baseline !important; } /* Import sweiper scss */ /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face { font-family: 'sports'; src: url('sports.eot?85895816'); src: url('sports.eot?85895816#iefix') format('embedded-opentype'), url('sports.ttf?85895816') format('truetype'), url('sports.woff?85895816') format('woff'), url('sports.svg?85895816#sports') format('svg'); font-weight: normal; font-style: normal; /* font-size: 12px; */ } [class^='sport-icon-'], [class*=' sport-icon-'] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'sports' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^='sport-icon-']:before, [class*=' sport-icon-']:before { content: '\e900'; } .sport-icon-0:before { content: '\e900'; } .sport-icon-48:before { content: '\e901'; } .sport-icon-49:before { content: '\e902'; } .sport-icon-50:before { content: '\e903'; } .sport-icon-51:before { content: '\e904'; } .sport-icon-52:before { content: '\e905'; } .sport-icon-53:before { content: '\e906'; } .sport-icon-54:before { content: '\e907'; } .sport-icon-55:before { content: '\e908'; } .sport-icon-58:before { content: '\e909'; } .sport-icon-60:before { content: '\e90a'; } .sport-icon-61:before { content: '\e90b'; } .sport-icon-62:before { content: '\e90c'; } .sport-icon-63:before { content: '\e90d'; } .sport-icon-64:before { content: '\e90e'; } .sport-icon-65:before { content: '\e90f'; } .sport-icon-67:before { content: '\e910'; } .sport-icon-68:before { content: '\e911'; } .sport-icon-69:before { content: '\e912'; } .sport-icon-70:before { content: '\e913'; } .sport-icon-71:before { content: '\e914'; } .sport-icon-72:before { content: '\e915'; } .sport-icon-73:before { content: '\e916'; } .sport-icon-74:before { content: '\e917'; } .sport-icon-75:before { content: '\e918'; } .sport-icon-76:before { content: '\e919'; } .sport-icon-77:before { content: '\e91a'; } .sport-icon-78:before { content: '\e91b'; } .sport-icon-80:before { content: '\e91c'; } .sport-icon-81:before { content: '\e91d'; } .sport-icon-82:before { content: '\e91e'; } .sport-icon-83:before { content: '\e91f'; } .sport-icon-86:before { content: '\e920'; } .sport-icon-87:before { content: '\e921'; } .sport-icon-88:before { content: '\e922'; } .sport-icon-89:before { content: '\e923'; } .sport-icon-90:before { content: '\e924'; } .sport-icon-92:before { content: '\e925'; } .sport-icon-93:before { content: '\e926'; } .sport-icon-94:before { content: '\e927'; } .sport-icon-95:before { content: '\e928'; } .sport-icon-96:before { content: '\e929'; } .sport-icon-97:before { content: '\e92a'; } .sport-icon-98:before { content: '\e92b'; } .sport-icon-99:before { content: '\e92c'; } .sport-icon-100:before { content: '\e92d'; } .sport-icon-101:before { content: '\e92e'; } .sport-icon-102:before { content: '\e92f'; } .sport-icon-103:before { content: '\e930'; } .sport-icon-104:before { content: '\e931'; } .sport-icon-105:before { content: '\e932'; } .sport-icon-106:before { content: '\e933'; } .sport-icon-107:before { content: '\e934'; } .sport-icon-108:before { content: '\e935'; } .sport-icon-109:before { content: '\e936'; } .sport-icon-110:before { content: '\e937'; } .sport-icon-114:before { content: '\e938'; } .sport-icon-115:before { content: '\e939'; } .sport-icon-116:before { content: '\e93a'; } .sport-icon-117:before { content: '\e93b'; } .sport-icon-118:before { content: '\e93c'; } .sport-icon-119:before { content: '\e93d'; } .sport-icon-120:before { content: '\e93e'; } .sport-icon-121:before { content: '\e93f'; } .sport-icon-122:before { content: '\e940'; } .sport-icon-123:before { content: '\e941'; } .sport-icon-124:before { content: '\e942'; } .sport-icon-125:before { content: '\e943'; } .sport-icon-126:before { content: '\e944'; } .sport-icon-130:before { content: '\e945'; } .sport-icon-131:before { content: '\e946'; } .sport-icon-143:before { content: '\e947'; } .sport-icon-151:before { content: '\e948'; } .sport-icon-152:before { content: '\e949'; } .sport-icon-153-region_1235:before { content: '\e94a'; } .sport-icon-153-region_1236:before { content: '\e94b'; } .sport-icon-153-region_1237:before { content: '\e94c'; } .sport-icon-153-region_1238:before { content: '\e94d'; } .sport-icon-153-region_1239:before { content: '\e94e'; } .sport-icon-153-region_2139:before { content: '\e94f'; } .sport-icon-153-region_2286:before { content: '\e950'; } .sport-icon-153:before { content: '\e951'; } .sport-icon-158:before { content: '\e952'; } .sport-icon-161:before { content: '\e953'; } .sport-icon-166:before { content: '\e954'; } .sport-icon-167:before { content: '\e955'; } .sport-icon-171:before { content: '\e956'; } .sport-icon-178:before { content: '\e957'; } .sport-icon-183:before { content: '\e958'; } .sport-icon-188:before { content: '\e959'; } .sport-icon-194:before { content: '\e95a'; } .sport-icon-195:before { content: '\e95b'; } .sport-icon-196:before { content: '\e95c'; } .sport-icon-197:before { content: '\e95d'; } .sport-icon-198:before { content: '\e95e'; } .sport-icon-199:before { content: '\e95f'; } @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: 8px; height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: #000; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: 0.2; opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: 1; opacity: var(--swiper-pagination-bullet-opacity, 1); background: #007aff; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Roboto Condensed, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container{ width: 100%; } @media (min-width: 640px){ .container{ max-width: 640px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } .pointer-events-none{ pointer-events: none; } .\!visible{ visibility: visible !important; } .visible{ visibility: visible; } .collapse{ visibility: collapse; } .static{ position: static; } .fixed{ position: fixed; } .\!absolute{ position: absolute !important; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .-bottom-2{ bottom: -0.5rem; } .-bottom-3{ bottom: -0.75rem; } .-left-\[10px\]{ left: -10px; } .-left-\[7px\]{ left: -7px; } .-right-2{ right: -0.5rem; } .-top-3{ top: -0.75rem; } .-top-\[35px\]{ top: -35px; } .-top-\[38px\]{ top: -38px; } .-top-\[53px\]{ top: -53px; } .-top-\[60px\]{ top: -60px; } .bottom-0{ bottom: 0px; } .bottom-3{ bottom: 0.75rem; } .bottom-\[2px\]{ bottom: 2px; } .bottom-\[3px\]{ bottom: 3px; } .bottom-\[49px\]{ bottom: 49px; } .left-0{ left: 0px; } .left-1\/2{ left: 50%; } .right-0{ right: 0px; } .right-2{ right: 0.5rem; } .right-3{ right: 0.75rem; } .right-4{ right: 1rem; } .top-0{ top: 0px; } .top-1\/2{ top: 50%; } .top-2{ top: 0.5rem; } .top-\[5px\]{ top: 5px; } .top-\[60px\]{ top: 60px; } .top-full{ top: 100%; } .z-10{ z-index: 10; } .z-20{ z-index: 20; } .z-50{ z-index: 50; } .col-span-1{ grid-column: span 1 / span 1; } .col-span-2{ grid-column: span 2 / span 2; } .float-left{ float: left; } .m-0{ margin: 0px; } .m-5{ margin: 1.25rem; } .mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .mx-1\.5{ margin-left: 0.375rem; margin-right: 0.375rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-3{ margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-3\.5{ margin-top: 0.875rem; margin-bottom: 0.875rem; } .my-5{ margin-top: 1.25rem; margin-bottom: 1.25rem; } .-ml-1{ margin-left: -0.25rem; } .-ml-\[35px\]{ margin-left: -35px; } .-ml-\[38px\]{ margin-left: -38px; } .-ml-\[53px\]{ margin-left: -53px; } .-ml-\[60px\]{ margin-left: -60px; } .-mr-0{ margin-right: -0px; } .-mr-0\.5{ margin-right: -0.125rem; } .-mt-0{ margin-top: -0px; } .-mt-0\.5{ margin-top: -0.125rem; } .mb-0{ margin-bottom: 0px; } .mb-0\.5{ margin-bottom: 0.125rem; } .mb-1{ margin-bottom: 0.25rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-20{ margin-bottom: 5rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mb-40{ margin-bottom: 10rem; } .mb-5{ margin-bottom: 1.25rem; } .mb-7{ margin-bottom: 1.75rem; } .me-1{ margin-inline-end: 0.25rem; } .ml-1{ margin-left: 0.25rem; } .ml-2{ margin-left: 0.5rem; } .ml-4{ margin-left: 1rem; } .ml-5{ margin-left: 1.25rem; } .ml-auto{ margin-left: auto; } .mr-0{ margin-right: 0px; } .mr-0\.5{ margin-right: 0.125rem; } .mr-1{ margin-right: 0.25rem; } .mr-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mr-5{ margin-right: 1.25rem; } .mr-auto{ margin-right: auto; } .mt-1{ margin-top: 0.25rem; } .mt-2{ margin-top: 0.5rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-6{ margin-top: 1.5rem; } .mt-9{ margin-top: 2.25rem; } .mt-\[-1px\]{ margin-top: -1px; } .mt-\[2px\]{ margin-top: 2px; } .mt-auto{ margin-top: auto; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .table{ display: table; } .grid{ display: grid; } .contents{ display: contents; } .list-item{ display: list-item; } .hidden{ display: none; } .h-10{ height: 2.5rem; } .h-11{ height: 2.75rem; } .h-12{ height: 3rem; } .h-14{ height: 3.5rem; } .h-15{ height: 3.75rem; } .h-16{ height: 4rem; } .h-2{ height: 0.5rem; } .h-20{ height: 5rem; } .h-3{ height: 0.75rem; } .h-32{ height: 8rem; } .h-4{ height: 1rem; } .h-5{ height: 1.25rem; } .h-6{ height: 1.5rem; } .h-7{ height: 1.75rem; } .h-8{ height: 2rem; } .h-9{ height: 2.25rem; } .h-\[106px\]{ height: 106px; } .h-\[10px\]{ height: 10px; } .h-\[120px\]{ height: 120px; } .h-\[150px\]{ height: 150px; } .h-\[16px\]{ height: 16px; } .h-\[20px\]{ height: 20px; } .h-\[21px\]{ height: 21px; } .h-\[231px\]{ height: 231px; } .h-\[3\.2em\]{ height: 3.2em; } .h-\[31px\]{ height: 31px; } .h-\[3px\]{ height: 3px; } .h-\[50vh\]{ height: 50vh; } .h-\[59px\]{ height: 59px; } .h-\[62px\]{ height: 62px; } .h-\[6px\]{ height: 6px; } .h-\[70px\]{ height: 70px; } .h-\[72px\]{ height: 72px; } .h-\[76px\]{ height: 76px; } .h-auto{ height: auto; } .h-full{ height: 100%; } .h-screen{ height: 100vh; } .h-toolbar{ height: 3.75rem; } .min-h-0{ min-height: 0px; } .min-h-\[3\.5rem\]{ min-height: 3.5rem; } .w-0{ width: 0px; } .w-0\.5{ width: 0.125rem; } .w-1\/2{ width: 50%; } .w-10{ width: 2.5rem; } .w-11\/12{ width: 91.666667%; } .w-12{ width: 3rem; } .w-14{ width: 3.5rem; } .w-15{ width: 3.75rem; } .w-16{ width: 4rem; } .w-2{ width: 0.5rem; } .w-2\/12{ width: 16.666667%; } .w-2\/5{ width: 40%; } .w-24{ width: 6rem; } .w-28{ width: 7rem; } .w-3{ width: 0.75rem; } .w-3\/4{ width: 75%; } .w-4{ width: 1rem; } .w-4\/12{ width: 33.333333%; } .w-5{ width: 1.25rem; } .w-5\/12{ width: 41.666667%; } .w-6{ width: 1.5rem; } .w-7{ width: 1.75rem; } .w-8\/12{ width: 66.666667%; } .w-9{ width: 2.25rem; } .w-\[106px\]{ width: 106px; } .w-\[10px\]{ width: 10px; } .w-\[120px\]{ width: 120px; } .w-\[140px\]{ width: 140px; } .w-\[30px\]{ width: 30px; } .w-\[50px\]{ width: 50px; } .w-\[62px\]{ width: 62px; } .w-\[6px\]{ width: 6px; } .w-\[70px\]{ width: 70px; } .w-\[76px\]{ width: 76px; } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .min-w-full{ min-width: 100%; } .max-w-0{ max-width: 0px; } .max-w-\[115px\]{ max-width: 115px; } .max-w-\[128px\]{ max-width: 128px; } .max-w-\[35px\]{ max-width: 35px; } .max-w-\[60px\]{ max-width: 60px; } .flex-1{ flex: 1 1 0%; } .flex-\[0_0_60px\]{ flex: 0 0 60px; } .flex-auto{ flex: 1 1 auto; } .flex-none{ flex: none; } .flex-shrink{ flex-shrink: 1; } .flex-shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .grow{ flex-grow: 1; } .-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90{ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-110{ --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-125{ --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .animate-\[freespin-animation_3s_0\.2s_infinite\]{ animation: freespin-animation 3s 0.2s infinite; } @keyframes pulse{ 50%{ opacity: .5; } } .animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .cursor-pointer{ cursor: pointer; } .grid-flow-col{ grid-auto-flow: column; } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-rows-\[0fr\]{ grid-template-rows: 0fr; } .grid-rows-\[1fr\]{ grid-template-rows: 1fr; } .grid-rows-\[max-content_0fr\]{ grid-template-rows: max-content 0fr; } .grid-rows-\[max-content_1fr\]{ grid-template-rows: max-content 1fr; } .flex-row{ flex-direction: row; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .flex-nowrap{ flex-wrap: nowrap; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .items-stretch{ align-items: stretch; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .justify-evenly{ justify-content: space-evenly; } .gap-1{ gap: 0.25rem; } .gap-2{ gap: 0.5rem; } .gap-4{ gap: 1rem; } .gap-5{ gap: 1.25rem; } .gap-\[10px\]{ gap: 10px; } .gap-y-4{ row-gap: 1rem; } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-7 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.75rem * var(--tw-space-y-reverse)); } .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .self-center{ align-self: center; } .overflow-hidden{ overflow: hidden; } .overflow-visible{ overflow: visible; } .overflow-scroll{ overflow: scroll; } .overflow-x-auto{ overflow-x: auto; } .overflow-x-hidden{ overflow-x: hidden; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre-line{ white-space: pre-line; } .rounded{ border-radius: 0.25rem; } .rounded-\[10px\]{ border-radius: 10px; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-md{ border-radius: 0.375rem; } .rounded-none{ border-radius: 0px; } .rounded-sm{ border-radius: 0.125rem; } .rounded-l{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-r{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-t{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .border{ border-width: 1px; } .border-2{ border-width: 2px; } .border-b{ border-bottom-width: 1px; } .border-l{ border-left-width: 1px; } .border-r{ border-right-width: 1px; } .border-t{ border-top-width: 1px; } .border-solid{ border-style: solid; } .\!border-\[\#72CD21\]{ --tw-border-opacity: 1 !important; border-color: rgb(114 205 33 / var(--tw-border-opacity)) !important; } .\!border-green-700{ border-color: var(--green-700) !important; } .border-\[\#DEDEDE\]{ --tw-border-opacity: 1; border-color: rgb(222 222 222 / var(--tw-border-opacity)); } .border-\[\#F40034\]{ --tw-border-opacity: 1; border-color: rgb(244 0 52 / var(--tw-border-opacity)); } .border-\[var\(--color-buyback\)\]{ border-color: var(--color-buyback); } .border-accent{ border-color: var(--accent-500); } .border-gray-100{ --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity)); } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-green{ border-color: #72cd21; border-color: var(--green-500); } .border-primary-400{ border-color: #51565d; border-color: var(--primary-400); } .border-slate-75{ border-color: var(--slate-75); } .\!bg-\[\#72CD21\]{ --tw-bg-opacity: 1 !important; background-color: rgb(114 205 33 / var(--tw-bg-opacity)) !important; } .\!bg-\[\#F40034\]{ --tw-bg-opacity: 1 !important; background-color: rgb(244 0 52 / var(--tw-bg-opacity)) !important; } .\!bg-\[\#F8F8F8\]{ --tw-bg-opacity: 1 !important; background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important; } .\!bg-\[\#e8f5fe\]{ --tw-bg-opacity: 1 !important; background-color: rgb(232 245 254 / var(--tw-bg-opacity)) !important; } .\!bg-green{ background-color: #72cd21 !important; background-color: var(--green-500) !important; } .\!bg-green-700{ background-color: var(--green-700) !important; } .\!bg-white{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .bg-\[\#72CD21\]{ --tw-bg-opacity: 1; background-color: rgb(114 205 33 / var(--tw-bg-opacity)); } .bg-\[\#7E848A\]{ --tw-bg-opacity: 1; background-color: rgb(126 132 138 / var(--tw-bg-opacity)); } .bg-\[\#F30D31\]{ --tw-bg-opacity: 1; background-color: rgb(243 13 49 / var(--tw-bg-opacity)); } .bg-\[\#F40034\]{ --tw-bg-opacity: 1; background-color: rgb(244 0 52 / var(--tw-bg-opacity)); } .bg-\[\#f2f2f2\]{ --tw-bg-opacity: 1; background-color: rgb(242 242 242 / var(--tw-bg-opacity)); } .bg-\[var\(--color-buyback\)\]{ background-color: var(--color-buyback); } .bg-\[var\(--ion-color-primary\)\]{ background-color: var(--ion-color-primary); } .bg-accent{ background-color: var(--accent-500); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-blue{ background-color: var(--blue-500); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } .bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } .bg-green{ background-color: #72cd21; background-color: var(--green-500); } .bg-primary{ background-color: #323840; background-color: var(--primary-500); } .bg-primary-300{ background-color: #707479; background-color: var(--primary-300); } .bg-red-500{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } .bg-slate-200{ background-color: var(--slate-200); } .bg-slate-25{ background-color: var(--slate-25); } .bg-slate-900{ background-color: var(--ion-color-primary); } .bg-transparent{ background-color: transparent; } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-gradient-to-r{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-\[\#E60C2E\]{ --tw-gradient-from: #E60C2E var(--tw-gradient-from-position); --tw-gradient-to: rgb(230 12 46 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-\[\#F30D31\]{ --tw-gradient-to: #F30D31 var(--tw-gradient-to-position); } .bg-cover{ background-size: cover; } .bg-right{ background-position: right; } .bg-no-repeat{ background-repeat: no-repeat; } .p-0{ padding: 0px; } .p-1{ padding: 0.25rem; } .p-1\.5{ padding: 0.375rem; } .p-2{ padding: 0.5rem; } .p-2\.5{ padding: 0.625rem; } .p-3{ padding: 0.75rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-\[10px\]{ padding-left: 10px; padding-right: 10px; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-7{ padding-top: 1.75rem; padding-bottom: 1.75rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-px{ padding-top: 1px; padding-bottom: 1px; } .pb-0{ padding-bottom: 0px; } .pb-0\.5{ padding-bottom: 0.125rem; } .pb-1{ padding-bottom: 0.25rem; } .pb-12{ padding-bottom: 3rem; } .pb-14{ padding-bottom: 3.5rem; } .pb-3{ padding-bottom: 0.75rem; } .pb-32{ padding-bottom: 8rem; } .pb-4{ padding-bottom: 1rem; } .pb-5{ padding-bottom: 1.25rem; } .pb-7{ padding-bottom: 1.75rem; } .pb-\[25px\]{ padding-bottom: 25px; } .pe-2{ padding-inline-end: 0.5rem; } .pe-\[10px\]{ padding-inline-end: 10px; } .pl-1{ padding-left: 0.25rem; } .pl-2{ padding-left: 0.5rem; } .pl-3{ padding-left: 0.75rem; } .pl-4{ padding-left: 1rem; } .pl-5{ padding-left: 1.25rem; } .pr-1{ padding-right: 0.25rem; } .pr-2{ padding-right: 0.5rem; } .pr-3{ padding-right: 0.75rem; } .pr-5{ padding-right: 1.25rem; } .pr-6{ padding-right: 1.5rem; } .pr-7{ padding-right: 1.75rem; } .pr-8{ padding-right: 2rem; } .pr-px{ padding-right: 1px; } .ps-1{ padding-inline-start: 0.25rem; } .ps-2{ padding-inline-start: 0.5rem; } .ps-8{ padding-inline-start: 2rem; } .ps-\[10px\]{ padding-inline-start: 10px; } .pt-0{ padding-top: 0px; } .pt-0\.5{ padding-top: 0.125rem; } .pt-1{ padding-top: 0.25rem; } .pt-1\.5{ padding-top: 0.375rem; } .pt-2{ padding-top: 0.5rem; } .pt-3{ padding-top: 0.75rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .pt-7{ padding-top: 1.75rem; } .pt-8{ padding-top: 2rem; } .pt-\[10px\]{ padding-top: 10px; } .pt-px{ padding-top: 1px; } .text-left{ text-align: left; } .\!text-center{ text-align: center !important; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-end{ text-align: end; } .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } .font-\[proximanovaexcn-blackit\]{ font-family: proximanovaexcn-blackit; } .font-sans{ font-family: Roboto Condensed, sans-serif; } .\!text-5xl{ font-size: 3rem !important; line-height: 1 !important; } .\!text-xs{ font-size: 0.75rem !important; line-height: 1rem !important; } .text-2xl{ font-size: 1.5rem; line-height: 2rem; } .text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .text-4xl{ font-size: 2.25rem; line-height: 2.5rem; } .text-5xl{ font-size: 3rem; line-height: 1; } .text-\[1\.375rem\]{ font-size: 1.375rem; } .text-\[10px\]{ font-size: 10px; } .text-base{ font-size: 1rem; line-height: 1.5rem; } .text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .text-xl{ font-size: 1.25rem; line-height: 1.75rem; } .text-xs{ font-size: 0.75rem; line-height: 1rem; } .font-bold{ font-weight: 700; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .font-thin{ font-weight: 100; } .uppercase{ text-transform: uppercase; } .lowercase{ text-transform: lowercase; } .capitalize{ text-transform: capitalize; } .leading-4{ line-height: 1rem; } .tracking-\[0\.3em\]{ letter-spacing: 0.3em; } .tracking-\[12px\]{ letter-spacing: 12px; } .\!text-\[\#323840\]{ --tw-text-opacity: 1 !important; color: rgb(50 56 64 / var(--tw-text-opacity)) !important; } .\!text-slate{ color: var(--slate-500) !important; } .\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-\[\#313841\]{ --tw-text-opacity: 1; color: rgb(49 56 65 / var(--tw-text-opacity)); } .text-\[\#323840\]{ --tw-text-opacity: 1; color: rgb(50 56 64 / var(--tw-text-opacity)); } .text-\[\#395398\]{ --tw-text-opacity: 1; color: rgb(57 83 152 / var(--tw-text-opacity)); } .text-\[\#72CD21\]{ --tw-text-opacity: 1; color: rgb(114 205 33 / var(--tw-text-opacity)); } .text-\[\#7E848A\]{ --tw-text-opacity: 1; color: rgb(126 132 138 / var(--tw-text-opacity)); } .text-\[\#7e848a\]{ --tw-text-opacity: 1; color: rgb(126 132 138 / var(--tw-text-opacity)); } .text-\[\#EC1B34\]{ --tw-text-opacity: 1; color: rgb(236 27 52 / var(--tw-text-opacity)); } .text-\[\#F40034\]{ --tw-text-opacity: 1; color: rgb(244 0 52 / var(--tw-text-opacity)); } .text-\[\#a11cff\]{ --tw-text-opacity: 1; color: rgb(161 28 255 / var(--tw-text-opacity)); } .text-\[\#bec1c4\]{ --tw-text-opacity: 1; color: rgb(190 193 196 / var(--tw-text-opacity)); } .text-\[var\(--color-buyback\)\]{ color: var(--color-buyback); } .text-accent{ color: var(--accent-500); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-blue{ color: var(--blue-500); } .text-gray-300{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } .text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .text-green{ color: #72cd21; color: var(--green-500); } .text-green-500{ --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); } .text-primary{ color: #323840; color: var(--primary-500); } .text-primary-300{ color: #707479; color: var(--primary-300); } .text-primary-900{ color: #13171c; color: var(--primary-900); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-slate{ color: var(--slate-500); } .text-slate-100{ color: var(--slate-100); } .text-slate-200{ color: var(--slate-200); } .text-slate-250{ color: var(--slate-250); } .text-slate-300{ color: var(--slate-300); } .text-slate-500{ --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .opacity-0{ opacity: 0; } .opacity-100{ opacity: 1; } .opacity-30{ opacity: 0.3; } .opacity-50{ opacity: 0.5; } .opacity-60{ opacity: 0.6; } .opacity-80{ opacity: 0.8; } .shadow{ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.06); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_6px_14px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{ --tw-shadow: 0 6px 14px rgba(0,0,0,0.15); --tw-shadow-colored: 0 6px 14px var(--tw-shadow-color); box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color); box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline{ outline-style: solid; } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-\[0_2px_5px_rgba\(0\2c 0\2c 0\2c 0\.10\)\]{ --tw-drop-shadow: drop-shadow(0 2px 5px rgba(0,0,0,0.10)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur{ --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\[--ms-overflow-style\:none\]{ --ms-overflow-style: none; } .\[scrollbar-width\:none\]{ scrollbar-width: none; } :root { --primary-25: #eeeef0; --primary-50: #e6e7e8; --primary-75: #dbdcde; --primary-100: #c2c3c6; --primary-200: #999ca0; --primary-250: #82878e; --primary-300: #707479; --primary-350: #62676e; --primary-400: #51565d; --primary-450: #41464e; --primary-500: #323840; --primary-600: #2d323a; --primary-700: #262b32; --primary-800: #1f242a; --primary-900: #13171c; --accent-50: $accent-50 --accent-100: $accent-100 --accent-200: $accent-200 --accent-300: $accent-300 --accent-400: $accent-400 --accent-500: $accent-500 --accent-600: $accent-600 --accent-700: $accent-700 --accent-800: $accent-800 --accent-900: $accent-900 --blue-500: #21a0f1; --yellow-500: #e2c241; --green-500: #72cd21; } .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography .mat-h3, .mat-typography .mat-subheading-2, .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography .mat-h4, .mat-typography .mat-subheading-1, .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 14px; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: none; display: var(--mat-focus-indicator-display, none); border: 3px solid transparent; border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: 4px; border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: none; display: var(--mat-mdc-focus-indicator-display, none); border: 3px solid transparent; border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: 4px; border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-option { color: rgba(0, 0, 0, 0.87); } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #323840; color: var(--primary-500); } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #159d24; } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #159d24; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox::after { color: #fafafa; } .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { background: #323840; background: var(--primary-500); } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate { background: #159d24; } .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate { background: #159d24; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .mat-badge { position: relative; } .mat-badge.mat-badge { overflow: visible; } .mat-badge-hidden .mat-badge-content { display: none; } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable { transition: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .mat-badge-content { color: white; background: #323840; background: var(--primary-500); } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-radius: 0; } .mat-badge-accent .mat-badge-content { background: #159d24; color: white; } .mat-badge-warn .mat-badge-content { color: white; background: #159d24; } .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-button, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #323840; color: var(--primary-500); } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #159d24; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: #159d24; } .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #323840; background-color: var(--primary-500); } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #159d24; } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #159d24; } .mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .mat-button-focus-overlay { background: black; } .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #323840; background-color: var(--primary-500); } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #159d24; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #159d24; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone:not([class*=mat-elevation-z]), .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 48px; } .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafafa; } .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .mat-checkbox-mixedmark { background-color: #fafafa; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #323840; background-color: var(--primary-500); } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #159d24; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #159d24; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } .mat-checkbox .mat-ripple-element { background-color: black; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #323840; background: var(--primary-500); } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #159d24; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #159d24; } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .mat-chip.mat-standard-chip::after { background: black; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #323840; background-color: var(--primary-500); color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #159d24; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #159d24; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .mat-cell, .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } .mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .mat-calendar-table-header, .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .mat-calendar-body-cell-content, .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-in-range::before { background: #323840; background: var(--primary-500); } .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-calendar-body-comparison-bridge-start::before, [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, #323840 50%, rgba(249, 171, 0, 0.2) 50%); background: linear-gradient(to right, var(--primary-500) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-comparison-bridge-end::before, [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, #323840 50%, rgba(249, 171, 0, 0.2) 50%); background: linear-gradient(to left, var(--primary-500) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-calendar-body-selected { background-color: #323840; background-color: var(--primary-500); color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { opacity: 0.2; } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: #323840; background-color: var(--primary-500); } @media (hover: hover) { .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: #323840; background-color: var(--primary-500); } } .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(21, 157, 36, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(21, 157, 36, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(21, 157, 36, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #159d24; color: white; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(21, 157, 36, 0.4); } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(21, 157, 36, 0.3); } @media (hover: hover) { .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(21, 157, 36, 0.3); } } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(21, 157, 36, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(21, 157, 36, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(21, 157, 36, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #159d24; color: white; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(21, 157, 36, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(21, 157, 36, 0.3); } @media (hover: hover) { .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(21, 157, 36, 0.3); } } .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-datepicker-toggle-active { color: #323840; color: var(--primary-500); } .mat-datepicker-toggle-active.mat-accent { color: #159d24; } .mat-datepicker-toggle-active.mat-warn { color: #159d24; } .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel-header-description, .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-expansion-panel-header { height: 48px; } .mat-expansion-panel-header.mat-expanded { height: 64px; } .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-form-field.mat-focused .mat-form-field-label { color: #323840; color: var(--primary-500); } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #159d24; } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #159d24; } .mat-focused .mat-form-field-required-marker { color: #159d24; } .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #323840; background-color: var(--primary-500); } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #159d24; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #159d24; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #323840; color: var(--primary-500); } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #159d24; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #159d24; } .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #159d24; } .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #159d24; } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #159d24; } .mat-error { color: #159d24; } .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #323840; color: var(--primary-500); } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #159d24; } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #159d24; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #159d24; } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .mat-icon.mat-primary { color: #323840; color: var(--primary-500); } .mat-icon.mat-accent { color: #159d24; } .mat-icon.mat-warn { color: #159d24; } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-input-element { caret-color: #323840; caret-color: var(--primary-500); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-form-field.mat-accent .mat-input-element { caret-color: #159d24; } .mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element { caret-color: #159d24; } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #159d24; } .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } .mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .mat-menu-panel { background: white; } .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .mat-menu-item[disabled], .mat-menu-item[disabled] .mat-menu-submenu-icon, .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon-no-color, .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-paginator { background: white; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-paginator-container { min-height: 56px; } .mat-progress-bar-background { fill: #c2c3c6; fill: var(--primary-100); } .mat-progress-bar-buffer { background-color: #c2c3c6; background-color: var(--primary-100); } .mat-progress-bar-fill::after { background-color: #323840; background-color: var(--primary-500); } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #c1e3c5; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #c1e3c5; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #159d24; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #c1e3c5; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #c1e3c5; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #159d24; } .mat-progress-spinner circle, .mat-spinner circle { stroke: #323840; stroke: var(--primary-500); } .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #159d24; } .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: #159d24; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #323840; border-color: var(--primary-500); } .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #323840; background-color: var(--primary-500); } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #159d24; } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #159d24; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #159d24; } .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #159d24; } .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button .mat-ripple-element { background-color: black; } .mat-select-value { color: rgba(0, 0, 0, 0.87); } .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-select-panel { background: white; } .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #323840; color: var(--primary-500); } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #159d24; } .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #159d24; } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #159d24; } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-drawer.mat-drawer-push { background-color: white; } .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #159d24; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(21, 157, 36, 0.54); } .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #159d24; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #323840; background-color: var(--primary-500); } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: #323840; background-color: var(--primary-500); } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #323840; background-color: var(--primary-500); } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #159d24; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(21, 157, 36, 0.54); } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #159d24; } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-primary .mat-slider-track-fill, .mat-slider.mat-primary .mat-slider-thumb, .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #323840; background-color: var(--primary-500); } .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-primary .mat-slider-focus-ring { background-color: #323840; background-color: var(--primary-500); opacity: 0.2; } .mat-slider.mat-accent .mat-slider-track-fill, .mat-slider.mat-accent .mat-slider-thumb, .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #159d24; } .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(21, 157, 36, 0.2); } .mat-slider.mat-warn .mat-slider-track-fill, .mat-slider.mat-warn .mat-slider-thumb, .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #159d24; } .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(21, 157, 36, 0.2); } .mat-slider:hover .mat-slider-track-background, .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-disabled .mat-slider-track-background, .mat-slider.mat-slider-disabled .mat-slider-track-fill, .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { .mat-step-header:hover { background: none; } } .mat-step-header .mat-step-label, .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit { background-color: #323840; background-color: var(--primary-500); color: white; } .mat-step-header.mat-accent .mat-step-icon { color: white; } .mat-step-header.mat-accent .mat-step-icon-selected, .mat-step-header.mat-accent .mat-step-icon-state-done, .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #159d24; color: white; } .mat-step-header.mat-warn .mat-step-icon { color: white; } .mat-step-header.mat-warn .mat-step-icon-selected, .mat-step-header.mat-warn .mat-step-icon-state-done, .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #159d24; color: white; } .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #159d24; } .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: #159d24; } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: white; } .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header::before, .mat-horizontal-stepper-header::after, .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header { height: 72px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .mat-vertical-stepper-header { padding: 24px 24px; } .mat-stepper-vertical-line::before { top: -16px; bottom: -16px; } .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { top: 36px; } .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { top: 36px; } .mat-sort-header-arrow { color: #757575; } .mat-tab-nav-bar, .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .mat-tab-label, .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .mat-tab-group[class*=mat-background-] > .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: #c2c3c6; background-color: var(--primary-100); } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #323840; background-color: var(--primary-500); } .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(208, 235, 211, 0.3); } .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #159d24; } .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(208, 235, 211, 0.3); } .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #159d24; } .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: #c2c3c6; background-color: var(--primary-100); } .mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #323840; background-color: var(--primary-500); } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(208, 235, 211, 0.3); } .mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #159d24; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(208, 235, 211, 0.3); } .mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #159d24; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { background: #323840; background: var(--primary-500); color: white; } .mat-toolbar.mat-accent { background: #159d24; color: white; } .mat-toolbar.mat-warn { background: #159d24; color: white; } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .mat-toolbar .mat-input-element { caret-color: currentColor; } .mat-toolbar-multiple-rows { min-height: 64px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 64px; } @media (max-width: 599px) { .mat-toolbar-multiple-rows { min-height: 56px; } .mat-toolbar-row, .mat-toolbar-single-row { height: 56px; } } .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .mat-tree { background: white; } .mat-tree-node, .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-tree-node { min-height: 48px; } .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-simple-snackbar-action { color: #159d24; } body.dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-option { color: white; } body.dark .mat-option:hover:not(.mat-option-disabled), body.dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } body.dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } body.dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } body.dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } body.dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #323840; color: var(--primary-500); } body.dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #159d24; } body.dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #159d24; } body.dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } body.dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } body.dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } body.dark .mat-pseudo-checkbox::after { color: #303030; } body.dark .mat-pseudo-checkbox-disabled { color: #686868; } body.dark .mat-primary .mat-pseudo-checkbox-checked, body.dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #323840; background: var(--primary-500); } body.dark .mat-pseudo-checkbox-checked, body.dark .mat-pseudo-checkbox-indeterminate, body.dark .mat-accent .mat-pseudo-checkbox-checked, body.dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #159d24; } body.dark .mat-warn .mat-pseudo-checkbox-checked, body.dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #159d24; } body.dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, body.dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } body.dark .mat-app-background, body.dark.mat-app-background { background-color: #303030; color: white; } body.dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } body.dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } body.dark .mat-autocomplete-panel { background: #424242; color: white; } body.dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } body.dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } body.dark .mat-badge-content { color: white; background: #323840; background: var(--primary-500); } .cdk-high-contrast-active body.dark .mat-badge-content { outline: solid 1px; border-radius: 0; } body.dark .mat-badge-accent .mat-badge-content { background: #159d24; color: white; } body.dark .mat-badge-warn .mat-badge-content { color: white; background: #159d24; } body.dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } body.dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } body.dark .mat-button, body.dark .mat-icon-button, body.dark .mat-stroked-button { color: inherit; background: transparent; } body.dark .mat-button.mat-primary, body.dark .mat-icon-button.mat-primary, body.dark .mat-stroked-button.mat-primary { color: #323840; color: var(--primary-500); } body.dark .mat-button.mat-accent, body.dark .mat-icon-button.mat-accent, body.dark .mat-stroked-button.mat-accent { color: #159d24; } body.dark .mat-button.mat-warn, body.dark .mat-icon-button.mat-warn, body.dark .mat-stroked-button.mat-warn { color: #159d24; } body.dark .mat-button.mat-primary.mat-button-disabled, body.dark .mat-button.mat-accent.mat-button-disabled, body.dark .mat-button.mat-warn.mat-button-disabled, body.dark .mat-button.mat-button-disabled.mat-button-disabled, body.dark .mat-icon-button.mat-primary.mat-button-disabled, body.dark .mat-icon-button.mat-accent.mat-button-disabled, body.dark .mat-icon-button.mat-warn.mat-button-disabled, body.dark .mat-icon-button.mat-button-disabled.mat-button-disabled, body.dark .mat-stroked-button.mat-primary.mat-button-disabled, body.dark .mat-stroked-button.mat-accent.mat-button-disabled, body.dark .mat-stroked-button.mat-warn.mat-button-disabled, body.dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } body.dark .mat-button.mat-primary .mat-button-focus-overlay, body.dark .mat-icon-button.mat-primary .mat-button-focus-overlay, body.dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-button.mat-accent .mat-button-focus-overlay, body.dark .mat-icon-button.mat-accent .mat-button-focus-overlay, body.dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #159d24; } body.dark .mat-button.mat-warn .mat-button-focus-overlay, body.dark .mat-icon-button.mat-warn .mat-button-focus-overlay, body.dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #159d24; } body.dark .mat-button.mat-button-disabled .mat-button-focus-overlay, body.dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, body.dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } body.dark .mat-button .mat-ripple-element, body.dark .mat-icon-button .mat-ripple-element, body.dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } body.dark .mat-button-focus-overlay { background: white; } body.dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } body.dark .mat-flat-button, body.dark .mat-raised-button, body.dark .mat-fab, body.dark .mat-mini-fab { color: white; background-color: #424242; } body.dark .mat-flat-button.mat-primary, body.dark .mat-raised-button.mat-primary, body.dark .mat-fab.mat-primary, body.dark .mat-mini-fab.mat-primary { color: white; } body.dark .mat-flat-button.mat-accent, body.dark .mat-raised-button.mat-accent, body.dark .mat-fab.mat-accent, body.dark .mat-mini-fab.mat-accent { color: white; } body.dark .mat-flat-button.mat-warn, body.dark .mat-raised-button.mat-warn, body.dark .mat-fab.mat-warn, body.dark .mat-mini-fab.mat-warn { color: white; } body.dark .mat-flat-button.mat-primary.mat-button-disabled, body.dark .mat-flat-button.mat-accent.mat-button-disabled, body.dark .mat-flat-button.mat-warn.mat-button-disabled, body.dark .mat-flat-button.mat-button-disabled.mat-button-disabled, body.dark .mat-raised-button.mat-primary.mat-button-disabled, body.dark .mat-raised-button.mat-accent.mat-button-disabled, body.dark .mat-raised-button.mat-warn.mat-button-disabled, body.dark .mat-raised-button.mat-button-disabled.mat-button-disabled, body.dark .mat-fab.mat-primary.mat-button-disabled, body.dark .mat-fab.mat-accent.mat-button-disabled, body.dark .mat-fab.mat-warn.mat-button-disabled, body.dark .mat-fab.mat-button-disabled.mat-button-disabled, body.dark .mat-mini-fab.mat-primary.mat-button-disabled, body.dark .mat-mini-fab.mat-accent.mat-button-disabled, body.dark .mat-mini-fab.mat-warn.mat-button-disabled, body.dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } body.dark .mat-flat-button.mat-primary, body.dark .mat-raised-button.mat-primary, body.dark .mat-fab.mat-primary, body.dark .mat-mini-fab.mat-primary { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-flat-button.mat-accent, body.dark .mat-raised-button.mat-accent, body.dark .mat-fab.mat-accent, body.dark .mat-mini-fab.mat-accent { background-color: #159d24; } body.dark .mat-flat-button.mat-warn, body.dark .mat-raised-button.mat-warn, body.dark .mat-fab.mat-warn, body.dark .mat-mini-fab.mat-warn { background-color: #159d24; } body.dark .mat-flat-button.mat-primary.mat-button-disabled, body.dark .mat-flat-button.mat-accent.mat-button-disabled, body.dark .mat-flat-button.mat-warn.mat-button-disabled, body.dark .mat-flat-button.mat-button-disabled.mat-button-disabled, body.dark .mat-raised-button.mat-primary.mat-button-disabled, body.dark .mat-raised-button.mat-accent.mat-button-disabled, body.dark .mat-raised-button.mat-warn.mat-button-disabled, body.dark .mat-raised-button.mat-button-disabled.mat-button-disabled, body.dark .mat-fab.mat-primary.mat-button-disabled, body.dark .mat-fab.mat-accent.mat-button-disabled, body.dark .mat-fab.mat-warn.mat-button-disabled, body.dark .mat-fab.mat-button-disabled.mat-button-disabled, body.dark .mat-mini-fab.mat-primary.mat-button-disabled, body.dark .mat-mini-fab.mat-accent.mat-button-disabled, body.dark .mat-mini-fab.mat-warn.mat-button-disabled, body.dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } body.dark .mat-flat-button.mat-primary .mat-ripple-element, body.dark .mat-raised-button.mat-primary .mat-ripple-element, body.dark .mat-fab.mat-primary .mat-ripple-element, body.dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-flat-button.mat-accent .mat-ripple-element, body.dark .mat-raised-button.mat-accent .mat-ripple-element, body.dark .mat-fab.mat-accent .mat-ripple-element, body.dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-flat-button.mat-warn .mat-ripple-element, body.dark .mat-raised-button.mat-warn .mat-ripple-element, body.dark .mat-fab.mat-warn .mat-ripple-element, body.dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-stroked-button:not([class*=mat-elevation-z]), body.dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } body.dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-fab:not([class*=mat-elevation-z]), body.dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), body.dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } body.dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), body.dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), body.dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), body.dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } body.dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } body.dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } body.dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } body.dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } body.dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } body.dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } body.dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } body.dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } body.dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } body.dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } body.dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } body.dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } body.dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, body.dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } body.dark .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 48px; } body.dark .mat-card { background: #424242; color: white; } body.dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } body.dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } body.dark .mat-checkbox-checkmark { fill: #303030; } body.dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } body.dark .mat-checkbox-mixedmark { background-color: #303030; } body.dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, body.dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, body.dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #159d24; } body.dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, body.dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #159d24; } body.dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, body.dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } body.dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } body.dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } body.dark .mat-checkbox .mat-ripple-element { background-color: white; } body.dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, body.dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #323840; background: var(--primary-500); } body.dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, body.dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #159d24; } body.dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, body.dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #159d24; } body.dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } body.dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } body.dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } body.dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } body.dark .mat-chip.mat-standard-chip::after { background: white; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #323840; background-color: var(--primary-500); color: white; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #159d24; color: white; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #159d24; color: white; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } body.dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-table { background: #424242; } body.dark .mat-table thead, body.dark .mat-table tbody, body.dark .mat-table tfoot, body.dark mat-header-row, body.dark mat-row, body.dark mat-footer-row, body.dark [mat-header-row], body.dark [mat-row], body.dark [mat-footer-row], body.dark .mat-table-sticky { background: inherit; } body.dark mat-row, body.dark mat-header-row, body.dark mat-footer-row, body.dark th.mat-header-cell, body.dark td.mat-cell, body.dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } body.dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } body.dark .mat-cell, body.dark .mat-footer-cell { color: white; } body.dark .mat-calendar-arrow { fill: white; } body.dark .mat-datepicker-toggle, body.dark .mat-datepicker-content .mat-calendar-next-button, body.dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } body.dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } body.dark .mat-calendar-table-header, body.dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } body.dark .mat-calendar-body-cell-content, body.dark .mat-date-range-input-separator { color: white; border-color: transparent; } body.dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } body.dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } body.dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } body.dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } body.dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } body.dark .mat-calendar-body-in-range::before { background: #323840; background: var(--primary-500); } body.dark .mat-calendar-body-comparison-identical, body.dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } body.dark .mat-calendar-body-comparison-bridge-start::before, body.dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, #323840 50%, rgba(249, 171, 0, 0.2) 50%); background: linear-gradient(to right, var(--primary-500) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-calendar-body-comparison-bridge-end::before, body.dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, #323840 50%, rgba(249, 171, 0, 0.2) 50%); background: linear-gradient(to left, var(--primary-500) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, body.dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } body.dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, body.dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } body.dark .mat-calendar-body-selected { background-color: #323840; background-color: var(--primary-500); color: white; } body.dark .mat-calendar-body-disabled > .mat-calendar-body-selected { opacity: 0.2; } body.dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } body.dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), body.dark .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: #323840; background-color: var(--primary-500); } @media (hover: hover) { body.dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: #323840; background-color: var(--primary-500); } } body.dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(21, 157, 36, 0.2); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, body.dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(21, 157, 36, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, body.dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(21, 157, 36, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #159d24; color: white; } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(21, 157, 36, 0.4); } body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } body.dark .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), body.dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(21, 157, 36, 0.3); } @media (hover: hover) { body.dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(21, 157, 36, 0.3); } } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(21, 157, 36, 0.2); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, body.dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(21, 157, 36, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, body.dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(21, 157, 36, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #159d24; color: white; } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(21, 157, 36, 0.4); } body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } body.dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), body.dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(21, 157, 36, 0.3); } @media (hover: hover) { body.dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(21, 157, 36, 0.3); } } body.dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } body.dark .mat-datepicker-toggle-active { color: #323840; color: var(--primary-500); } body.dark .mat-datepicker-toggle-active.mat-accent { color: #159d24; } body.dark .mat-datepicker-toggle-active.mat-warn { color: #159d24; } body.dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } body.dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } body.dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } body.dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } body.dark .mat-expansion-panel { background: #424242; color: white; } body.dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } body.dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), body.dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), body.dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { body.dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } body.dark .mat-expansion-panel-header-title { color: white; } body.dark .mat-expansion-panel-header-description, body.dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } body.dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } body.dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, body.dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } body.dark .mat-expansion-panel-header { height: 48px; } body.dark .mat-expansion-panel-header.mat-expanded { height: 64px; } body.dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } body.dark .mat-hint { color: rgba(255, 255, 255, 0.7); } body.dark .mat-form-field.mat-focused .mat-form-field-label { color: #323840; color: var(--primary-500); } body.dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #159d24; } body.dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #159d24; } body.dark .mat-focused .mat-form-field-required-marker { color: #159d24; } body.dark .mat-form-field-ripple { background-color: white; } body.dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #159d24; } body.dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #159d24; } body.dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #323840; color: var(--primary-500); } body.dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #159d24; } body.dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #159d24; } body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #159d24; } body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #159d24; } body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, body.dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #159d24; } body.dark .mat-error { color: #159d24; } body.dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } body.dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } body.dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } body.dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } body.dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } body.dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } body.dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } body.dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } body.dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } body.dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } body.dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } body.dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } body.dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } body.dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #323840; color: var(--primary-500); } body.dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #159d24; } body.dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #159d24; } body.dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #159d24; } body.dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } body.dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } body.dark .mat-icon.mat-primary { color: #323840; color: var(--primary-500); } body.dark .mat-icon.mat-accent { color: #159d24; } body.dark .mat-icon.mat-warn { color: #159d24; } body.dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } body.dark .mat-input-element:disabled, body.dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element { caret-color: #323840; caret-color: var(--primary-500); } body.dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } body.dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } body.dark .mat-form-field.mat-accent .mat-input-element { caret-color: #159d24; } body.dark .mat-form-field.mat-warn .mat-input-element, body.dark .mat-form-field-invalid .mat-input-element { caret-color: #159d24; } body.dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #159d24; } body.dark .mat-list-base .mat-list-item { color: white; } body.dark .mat-list-base .mat-list-option { color: white; } body.dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } body.dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } body.dark .mat-list-option:hover, body.dark .mat-list-option:focus, body.dark .mat-nav-list .mat-list-item:hover, body.dark .mat-nav-list .mat-list-item:focus, body.dark .mat-action-list .mat-list-item:hover, body.dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } body.dark .mat-list-single-selected-option, body.dark .mat-list-single-selected-option:hover, body.dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } body.dark .mat-menu-panel { background: #424242; } body.dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-menu-item { background: transparent; color: white; } body.dark .mat-menu-item[disabled], body.dark .mat-menu-item[disabled] .mat-menu-submenu-icon, body.dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } body.dark .mat-menu-item .mat-icon-no-color, body.dark .mat-menu-submenu-icon { color: white; } body.dark .mat-menu-item:hover:not([disabled]), body.dark .mat-menu-item.cdk-program-focused:not([disabled]), body.dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), body.dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } body.dark .mat-paginator { background: #424242; } body.dark .mat-paginator, body.dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } body.dark .mat-paginator-decrement, body.dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } body.dark .mat-paginator-first, body.dark .mat-paginator-last { border-top: 2px solid white; } body.dark .mat-icon-button[disabled] .mat-paginator-decrement, body.dark .mat-icon-button[disabled] .mat-paginator-increment, body.dark .mat-icon-button[disabled] .mat-paginator-first, body.dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } body.dark .mat-paginator-container { min-height: 56px; } body.dark .mat-progress-bar-background { fill: #c2c3c6; fill: var(--primary-100); } body.dark .mat-progress-bar-buffer { background-color: #c2c3c6; background-color: var(--primary-100); } body.dark .mat-progress-bar-fill::after { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #294b2d; } body.dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #294b2d; } body.dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #159d24; } body.dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #294b2d; } body.dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #294b2d; } body.dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #159d24; } body.dark .mat-progress-spinner circle, body.dark .mat-spinner circle { stroke: #323840; stroke: var(--primary-500); } body.dark .mat-progress-spinner.mat-accent circle, body.dark .mat-spinner.mat-accent circle { stroke: #159d24; } body.dark .mat-progress-spinner.mat-warn circle, body.dark .mat-spinner.mat-warn circle { stroke: #159d24; } body.dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } body.dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #323840; border-color: var(--primary-500); } body.dark .mat-radio-button.mat-primary .mat-radio-inner-circle, body.dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), body.dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, body.dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #159d24; } body.dark .mat-radio-button.mat-accent .mat-radio-inner-circle, body.dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), body.dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, body.dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #159d24; } body.dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #159d24; } body.dark .mat-radio-button.mat-warn .mat-radio-inner-circle, body.dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), body.dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, body.dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #159d24; } body.dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, body.dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } body.dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, body.dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } body.dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } body.dark .mat-radio-button .mat-ripple-element { background-color: white; } body.dark .mat-select-value { color: white; } body.dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } body.dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } body.dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } body.dark .mat-select-panel { background: #424242; } body.dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } body.dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #323840; color: var(--primary-500); } body.dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #159d24; } body.dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #159d24; } body.dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #159d24; } body.dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } body.dark .mat-drawer-container { background-color: #303030; color: white; } body.dark .mat-drawer { background-color: #424242; color: white; } body.dark .mat-drawer.mat-drawer-push { background-color: #424242; } body.dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } body.dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } body.dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } body.dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } body.dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } body.dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } body.dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #159d24; } body.dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(21, 157, 36, 0.54); } body.dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #159d24; } body.dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #159d24; } body.dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(21, 157, 36, 0.54); } body.dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #159d24; } body.dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } body.dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } body.dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } body.dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-primary .mat-slider-track-fill, body.dark .mat-slider.mat-primary .mat-slider-thumb, body.dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } body.dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: #323840; background-color: var(--primary-500); opacity: 0.2; } body.dark .mat-slider.mat-accent .mat-slider-track-fill, body.dark .mat-slider.mat-accent .mat-slider-thumb, body.dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #159d24; } body.dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } body.dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(21, 157, 36, 0.2); } body.dark .mat-slider.mat-warn .mat-slider-track-fill, body.dark .mat-slider.mat-warn .mat-slider-thumb, body.dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #159d24; } body.dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } body.dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(21, 157, 36, 0.2); } body.dark .mat-slider:hover .mat-slider-track-background, body.dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-slider-disabled .mat-slider-track-background, body.dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, body.dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } body.dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, body.dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } body.dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, body.dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } body.dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, body.dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, body.dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } body.dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } body.dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } body.dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } body.dark .mat-step-header.cdk-keyboard-focused, body.dark .mat-step-header.cdk-program-focused, body.dark .mat-step-header:hover:not([aria-disabled]), body.dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } body.dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { body.dark .mat-step-header:hover { background: none; } } body.dark .mat-step-header .mat-step-label, body.dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } body.dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: white; } body.dark .mat-step-header .mat-step-icon-selected, body.dark .mat-step-header .mat-step-icon-state-done, body.dark .mat-step-header .mat-step-icon-state-edit { background-color: #323840; background-color: var(--primary-500); color: white; } body.dark .mat-step-header.mat-accent .mat-step-icon { color: white; } body.dark .mat-step-header.mat-accent .mat-step-icon-selected, body.dark .mat-step-header.mat-accent .mat-step-icon-state-done, body.dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #159d24; color: white; } body.dark .mat-step-header.mat-warn .mat-step-icon { color: white; } body.dark .mat-step-header.mat-warn .mat-step-icon-selected, body.dark .mat-step-header.mat-warn .mat-step-icon-state-done, body.dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #159d24; color: white; } body.dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #159d24; } body.dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } body.dark .mat-step-header .mat-step-label.mat-step-label-error { color: #159d24; } body.dark .mat-stepper-horizontal, body.dark .mat-stepper-vertical { background-color: #424242; } body.dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } body.dark .mat-horizontal-stepper-header::before, body.dark .mat-horizontal-stepper-header::after, body.dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } body.dark .mat-horizontal-stepper-header { height: 72px; } body.dark .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, body.dark .mat-vertical-stepper-header { padding: 24px 24px; } body.dark .mat-stepper-vertical-line::before { top: -16px; bottom: -16px; } body.dark .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, body.dark .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { top: 36px; } body.dark .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { top: 36px; } body.dark .mat-sort-header-arrow { color: #c6c6c6; } body.dark .mat-tab-nav-bar, body.dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } body.dark .mat-tab-group-inverted-header .mat-tab-nav-bar, body.dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } body.dark .mat-tab-label, body.dark .mat-tab-link { color: white; } body.dark .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } body.dark .mat-tab-header-pagination-chevron { border-color: white; } body.dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } body.dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, body.dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } body.dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: #c2c3c6; background-color: var(--primary-100); } body.dark .mat-tab-group.mat-primary .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } body.dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(208, 235, 211, 0.3); } body.dark .mat-tab-group.mat-accent .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #159d24; } body.dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } body.dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(208, 235, 211, 0.3); } body.dark .mat-tab-group.mat-warn .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #159d24; } body.dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, body.dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } body.dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: #c2c3c6; background-color: var(--primary-100); } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #323840; background-color: var(--primary-500); } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } body.dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } body.dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(208, 235, 211, 0.3); } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #159d24; } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } body.dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } body.dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), body.dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(208, 235, 211, 0.3); } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #159d24; } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } body.dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, body.dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } body.dark .mat-toolbar { background: #212121; color: white; } body.dark .mat-toolbar.mat-primary { background: #323840; background: var(--primary-500); color: white; } body.dark .mat-toolbar.mat-accent { background: #159d24; color: white; } body.dark .mat-toolbar.mat-warn { background: #159d24; color: white; } body.dark .mat-toolbar .mat-form-field-underline, body.dark .mat-toolbar .mat-form-field-ripple, body.dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } body.dark .mat-toolbar .mat-form-field-label, body.dark .mat-toolbar .mat-focused .mat-form-field-label, body.dark .mat-toolbar .mat-select-value, body.dark .mat-toolbar .mat-select-arrow, body.dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } body.dark .mat-toolbar .mat-input-element { caret-color: currentColor; } body.dark .mat-toolbar-multiple-rows { min-height: 64px; } body.dark .mat-toolbar-row, body.dark .mat-toolbar-single-row { height: 64px; } @media (max-width: 599px) { body.dark .mat-toolbar-multiple-rows { min-height: 56px; } body.dark .mat-toolbar-row, body.dark .mat-toolbar-single-row { height: 56px; } } body.dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } body.dark .mat-tree { background: #424242; } body.dark .mat-tree-node, body.dark .mat-nested-tree-node { color: white; } body.dark .mat-tree-node { min-height: 48px; } body.dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } body.dark .mat-simple-snackbar-action { color: inherit; } .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto Condensed, sans-serif; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1 { font: 400 24px / 32px Roboto Condensed, sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2 { font: 500 20px / 32px Roboto Condensed, sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography .mat-h3, .mat-typography .mat-subheading-2, .mat-typography h3 { font: 400 16px / 28px Roboto Condensed, sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography .mat-h4, .mat-typography .mat-subheading-1, .mat-typography h4 { font: 400 15px / 24px Roboto Condensed, sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto Condensed, sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto Condensed, sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto Condensed, sans-serif; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography { font: 400 14px / 20px Roboto Condensed, sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 12px / 20px Roboto Condensed, sans-serif; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto Condensed, sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto Condensed, sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto Condensed, sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto Condensed, sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px / 20px Roboto Condensed, sans-serif; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto Condensed, sans-serif; font-size: 14px; font-weight: 500; } .mat-button-toggle { font-family: Roboto Condensed, sans-serif; } .mat-card { font-family: Roboto Condensed, sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox { font-family: Roboto Condensed, sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto Condensed, sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto Condensed, sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 500 20px / 32px Roboto Condensed, sans-serif; letter-spacing: normal; } .mat-expansion-panel-header { font-family: Roboto Condensed, sans-serif; font-size: 15px; font-weight: 400; } .mat-expansion-panel-content { font: 400 14px / 20px Roboto Condensed, sans-serif; letter-spacing: normal; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto Condensed, sans-serif; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34373em) scale(0.75); width: 133.3333533333%; } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34372em) scale(0.75); width: 133.3333633333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px); width: 133.3333933333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px); width: 133.3334033333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px); width: 133.3334133333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28116em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28115em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28114em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59373em) scale(0.75); width: 133.3333533333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59372em) scale(0.75); width: 133.3333633333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59373em) scale(0.75); width: 133.3333533333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59372em) scale(0.75); width: 133.3333633333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Roboto Condensed, sans-serif; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto Condensed, sans-serif; font-size: 12px; } .mat-radio-button { font-family: Roboto Condensed, sans-serif; } .mat-select { font-family: Roboto Condensed, sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font-family: Roboto Condensed, sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto Condensed, sans-serif; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Roboto Condensed, sans-serif; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 14px; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-tab-group { font-family: Roboto Condensed, sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto Condensed, sans-serif; font-size: 14px; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px / 32px Roboto Condensed, sans-serif; letter-spacing: normal; margin: 0; } .mat-tooltip { font-family: Roboto Condensed, sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .mat-list-item { font-family: Roboto Condensed, sans-serif; } .mat-list-option { font-family: Roboto Condensed, sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto Condensed, sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto Condensed, sans-serif; font-size: 12px; font-weight: 500; } .mat-option { font-family: Roboto Condensed, sans-serif; font-size: 16px; } .mat-optgroup-label { font: 500 14px / 24px Roboto Condensed, sans-serif; letter-spacing: normal; } .mat-simple-snackbar { font-family: Roboto Condensed, sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree { font-family: Roboto Condensed, sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: none; display: var(--mat-focus-indicator-display, none); border: 3px solid transparent; border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: 4px; border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: none; display: var(--mat-mdc-focus-indicator-display, none); border: 3px solid transparent; border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: 4px; border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-dialog-container { height: -moz-fit-content !important; height: fit-content !important; margin-left: 1.25rem !important; margin-right: 1.25rem !important; overflow: visible !important; background-color: transparent !important; padding: 0px !important; } .notifications-bottom-sheet .mat-bottom-sheet-container { padding: 0; overflow: visible; background: transparent; box-shadow: none; } .mat-form-field[appearance=outline].no-label .mat-form-field-infix { border-top: 0; } * { -webkit-font-smoothing: antialiased; } body, * { -webkit-tap-highlight-color: transparent; } html { line-height: normal; } button:focus { outline: none; } .custom-dialog-container .mat-dialog-container { padding: 0px !important; margin: 0px !important; } body.glightbox-open { height: 100%; } /* Fonts */ @font-face { font-family: "proximanovaexcn-medium"; src: url("https://static.doxxbet.sk/doxxbetPortal/assets/fonts/proximanova/proximanovaexcn-medium-webfont.woff2") format("woff2"), url("https://static.doxxbet.sk/doxxbetPortal/assets/fonts/proximanova/proximanovaexcn-medium-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: "proximanovaexcn-blackit"; src: url("https://static.doxxbet.sk/doxxbetPortal/assets/fonts/proximanova/proximanovaexcn-blackit-webfont.woff2") format("woff2"), url("https://static.doxxbet.sk/doxxbetPortal/assets/fonts/proximanova/proximanovaexcn-blackit-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: block; } /* Import custom styles */ :root { --xx-sport-color-48: rgb(77, 148, 255); --xx-sport-color-49: rgb(178, 71, 0); --xx-sport-color-50: rgb(204, 0, 0); --xx-sport-color-51: rgb(204, 82, 0); --xx-sport-color-52: rgb(255, 178, 128); --xx-sport-color-53: rgb(0, 82, 204); --xx-sport-color-54: rgb(0, 204, 0); --xx-sport-color-55: rgb(230, 92, 0); --xx-sport-color-56: rgb(90, 90, 90); --xx-sport-color-57: rgb(61, 92, 153); --xx-sport-color-58: rgb(255, 117, 25); --xx-sport-color-60: rgb(166, 77, 77); --xx-sport-color-61: rgb(0, 163, 0); --xx-sport-color-62: rgb(0, 143, 71); --xx-sport-color-63: rgb(255, 102, 0); --xx-sport-color-64: rgb(0, 122, 61); --xx-sport-color-65: rgb(153, 0, 0); --xx-sport-color-66: rgb(0, 184, 0); --xx-sport-color-67: rgb(115, 0, 0); --xx-sport-color-68: rgb(77, 219, 77); --xx-sport-color-69: rgb(214, 173, 153); --xx-sport-color-70: rgb(138, 46, 0); --xx-sport-color-71: rgb(25, 209, 25); --xx-sport-color-72: rgb(255, 153, 153); --xx-sport-color-73: rgb(204, 153, 128); --xx-sport-color-74: rgb(255, 204, 0); --xx-sport-color-75: rgb(141, 25, 25); --xx-sport-color-76: rgb(51, 133, 255); --xx-sport-color-77: rgb(46, 184, 230); --xx-sport-color-78: rgb(153, 51, 0); --xx-sport-color-79: rgb(255, 230, 128); --xx-sport-color-80: rgb(51, 204, 255); --xx-sport-color-81: rgb(255, 133, 51); --xx-sport-color-82: rgb(204, 255, 51); --xx-sport-color-83: rgb(71, 209, 255); --xx-sport-color-85: rgb(0, 204, 102); --xx-sport-color-86: rgb(255, 219, 77); --xx-sport-color-87: rgb(51, 214, 51); --xx-sport-color-88: rgb(0, 143, 0); --xx-sport-color-89: rgb(255, 194, 153); --xx-sport-color-90: rgb(102, 102, 102); --xx-sport-color-91: rgb(163, 117, 255); --xx-sport-color-92: rgb(128, 128, 128); --xx-sport-color-93: rgb(255, 163, 102); --xx-sport-color-94: rgb(255, 214, 51); --xx-sport-color-95: rgb(153, 153, 153); --xx-sport-color-96: rgb(255, 102, 102); --xx-sport-color-97: rgb(102, 0, 0); --xx-sport-color-98: rgb(0, 153, 153); --xx-sport-color-99: rgb(179, 102, 102); --xx-sport-color-100: rgb(0, 138, 138); --xx-sport-color-101: rgb(230, 184, 0); --xx-sport-color-102: rgb(112, 219, 255); --xx-sport-color-103: rgb(255, 77, 77); --xx-sport-color-104: rgb(92, 214, 255); --xx-sport-color-105: rgb(76, 76, 76); --xx-sport-color-106: rgb(153, 51, 51); --xx-sport-color-107: rgb(194, 133, 102); --xx-sport-color-108: rgb(163, 71, 25); --xx-sport-color-109: rgb(255, 0, 0); --xx-sport-color-110: rgb(255, 51, 51); --xx-sport-color-111: rgb(178, 0, 0); --xx-sport-color-112: rgb(163, 194, 255); --xx-sport-color-113: rgb(0, 184, 92); --xx-sport-color-114: rgb(71, 107, 178); --xx-sport-color-115: rgb(102, 163, 255); --xx-sport-color-116: rgb(0, 122, 122); --xx-sport-color-117: rgb(92, 138, 230); --xx-sport-color-118: rgb(0, 102, 255); --xx-sport-color-119: rgb(0, 92, 230); --xx-sport-color-120: rgb(133, 173, 255); --xx-sport-color-121: rgb(25, 117, 255); --xx-sport-color-122: rgb(128, 178, 255); --xx-sport-color-123: rgb(153, 194, 255); --xx-sport-color-124: rgb(117, 163, 255); --xx-sport-color-125: rgb(102, 153, 255); --xx-sport-color-126: rgb(82, 122, 204); --xx-sport-color-127: rgb(148, 184, 255); --xx-sport-color-128: rgb(255, 235, 153); --xx-sport-color-129: rgb(25, 163, 163); --xx-sport-color-130: rgb(255, 148, 77); --xx-sport-color-131: rgb(128, 0, 0); --xx-sport-color-132: rgb(138, 92, 230); --xx-sport-color-133: rgb(0, 163, 82); --xx-sport-color-134: rgb(41, 163, 204); --xx-sport-color-135: rgb(230, 0, 0); --xx-sport-color-136: rgb(178, 178, 178); --xx-sport-color-137: rgb(255, 128, 128); --xx-sport-color-138: rgb(204, 204, 204); --xx-sport-color-139: rgb(173, 92, 51); --xx-sport-color-140: rgb(184, 112, 77); --xx-sport-color-141: rgb(230, 230, 230); --xx-sport-color-142: rgb(173, 133, 255); --xx-sport-color-143: rgb(153, 102, 255); --xx-sport-color-144: rgb(255, 224, 102); --xx-sport-color-145: rgb(122, 82, 204); --xx-sport-color-153: rgb(161, 28, 255); --xx-sport-color-188: rgb(34, 37, 43); --xx-sport-color--1: rgb(255, 172, 39); } *[class*=flag_] { background: url("https://static.doxxbet.sk/regions/flags-small.png"); background-repeat: no-repeat; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; position: relative; top: 1px; background-size: 1065px 1003px; width: 47px; height: 35px; } /* 47x35 */ .flag_ { background-position: -12px -12px; } .flag_0 { background-position: -12px -12px; } .flag_0-black { background-position: -83px -12px; } .flag_0-white { background-position: -154px -12px; } .flag_AFG { background-position: -225px -12px; } .flag_AIA { background-position: -296px -12px; } .flag_ALA { background-position: -367px -12px; } .flag_ALB { background-position: -438px -12px; } .flag_ALG { background-position: -509px -12px; } .flag_AND { background-position: -580px -12px; } .flag_ANG { background-position: -651px -12px; } .flag_ANT { background-position: -722px -12px; } .flag_ARG { background-position: -793px -12px; } .flag_ARM { background-position: -864px -12px; } .flag_ARU { background-position: -935px -12px; } .flag_ASA { background-position: -12px -71px; } .flag_AUS { background-position: -83px -71px; } .flag_AUT { background-position: -154px -71px; } .flag_AZE { background-position: -225px -71px; } .flag_BAH { background-position: -296px -71px; } .flag_BAN { background-position: -367px -71px; } .flag_BAR { background-position: -438px -71px; } .flag_BDI { background-position: -509px -71px; } .flag_BEL { background-position: -580px -71px; } .flag_BEN { background-position: -651px -71px; } .flag_BER { background-position: -722px -71px; } .flag_BHU { background-position: -793px -71px; } .flag_BIH { background-position: -864px -71px; } .flag_BIZ { background-position: -935px -71px; } .flag_BLR { background-position: -12px -130px; } .flag_BOL { background-position: -83px -130px; } .flag_BON { background-position: -154px -130px; } .flag_BOT { background-position: -225px -130px; } .flag_BRA { background-position: -296px -130px; } .flag_BRN { background-position: -367px -130px; } .flag_BRU { background-position: -438px -130px; } .flag_BSQ { background-position: -509px -130px; } .flag_BUL { background-position: -580px -130px; } .flag_BUR { background-position: -651px -130px; } .flag_CAF { background-position: -722px -130px; } .flag_CAM { background-position: -793px -130px; } .flag_CAN { background-position: -864px -130px; } .flag_CAT { background-position: -935px -130px; } .flag_CAY { background-position: -12px -189px; } .flag_CGO { background-position: -83px -189px; } .flag_CHA { background-position: -154px -189px; } .flag_CHI { background-position: -225px -189px; } .flag_CHN { background-position: -296px -189px; } .flag_CIV { background-position: -367px -189px; } .flag_CMR { background-position: -438px -189px; } .flag_COD { background-position: -509px -189px; } .flag_COK { background-position: -580px -189px; } .flag_COL { background-position: -651px -189px; } .flag_COM { background-position: -722px -189px; } .flag_CPV { background-position: -793px -189px; } .flag_CRC { background-position: -864px -189px; } .flag_CRO { background-position: -935px -189px; } .flag_CUB { background-position: -12px -248px; } .flag_CUW { background-position: -83px -248px; } .flag_CYP { background-position: -154px -248px; } .flag_CZE { background-position: -225px -248px; } .flag_DEN { background-position: -296px -248px; } .flag_DJI { background-position: -367px -248px; } .flag_DMA { background-position: -438px -248px; } .flag_DOM { background-position: -509px -248px; } .flag_ECU { background-position: -580px -248px; } .flag_EGY { background-position: -651px -248px; } .flag_ENG { background-position: -722px -248px; } .flag_ERI { background-position: -793px -248px; } .flag_ESA { background-position: -864px -248px; } .flag_ESH { background-position: -935px -248px; } .flag_ESP { background-position: -12px -307px; } .flag_EST { background-position: -83px -307px; } .flag_ETH { background-position: -154px -307px; } .flag_FAR { background-position: -225px -307px; } .flag_FIJ { background-position: -296px -307px; } .flag_FIN { background-position: -367px -307px; } .flag_FLK { background-position: -438px -307px; } .flag_FRA { background-position: -509px -307px; } .flag_FRO { background-position: -580px -307px; } .flag_FSM { background-position: -651px -307px; } .flag_GAB { background-position: -722px -307px; } .flag_GAM { background-position: -793px -307px; } .flag_GBR { background-position: -864px -307px; } .flag_GBS { background-position: -935px -307px; } .flag_GEO { background-position: -12px -366px; } .flag_GEQ { background-position: -83px -366px; } .flag_GER { background-position: -154px -366px; } .flag_GHA { background-position: -225px -366px; } .flag_GIB { background-position: -296px -366px; } .flag_GRE { background-position: -367px -366px; } .flag_GRL { background-position: -438px -366px; } .flag_GRN { background-position: -509px -366px; } .flag_GUA { background-position: -580px -366px; } .flag_GUD { background-position: -651px -366px; } .flag_GUF { background-position: -722px -366px; } .flag_GUI { background-position: -793px -366px; } .flag_GUM { background-position: -864px -366px; } .flag_GUY { background-position: -935px -366px; } .flag_HAI { background-position: -12px -425px; } .flag_HKG { background-position: -83px -425px; } .flag_HON { background-position: -154px -425px; } .flag_HUN { background-position: -225px -425px; } .flag_INA { background-position: -296px -425px; } .flag_IND { background-position: -367px -425px; } .flag_IRI { background-position: -438px -425px; } .flag_IRL { background-position: -509px -425px; } .flag_IRN { background-position: -580px -425px; } .flag_IRQ { background-position: -651px -425px; } .flag_ISL { background-position: -722px -425px; } .flag_ISR { background-position: -793px -425px; } .flag_ISV { background-position: -864px -425px; } .flag_ITA { background-position: -935px -425px; } .flag_IVB { background-position: -12px -484px; } .flag_JAM { background-position: -83px -484px; } .flag_JER { background-position: -154px -484px; } .flag_JOR { background-position: -225px -484px; } .flag_JPN { background-position: -296px -484px; } .flag_KAZ { background-position: -367px -484px; } .flag_KEN { background-position: -438px -484px; } .flag_KGZ { background-position: -509px -484px; } .flag_KIR { background-position: -580px -484px; } .flag_KOR { background-position: -651px -484px; } .flag_KOS { background-position: -722px -484px; } .flag_KSA { background-position: -793px -484px; } .flag_KUW { background-position: -864px -484px; } .flag_LAO { background-position: -935px -484px; } .flag_LAT { background-position: -12px -543px; } .flag_LBA { background-position: -83px -543px; } .flag_LBR { background-position: -154px -543px; } .flag_LCA { background-position: -225px -543px; } .flag_LES { background-position: -296px -543px; } .flag_LIB { background-position: -367px -543px; } .flag_LIE { background-position: -438px -543px; } .flag_LTU { background-position: -509px -543px; } .flag_LUX { background-position: -580px -543px; } .flag_MAC { background-position: -651px -543px; } .flag_MAD { background-position: -722px -543px; } .flag_MAF { background-position: -793px -543px; } .flag_MAR { background-position: -864px -543px; } .flag_MAW { background-position: -935px -543px; } .flag_MDA { background-position: -12px -602px; } .flag_MDV { background-position: -83px -602px; } .flag_MEX { background-position: -154px -602px; } .flag_MGL { background-position: -225px -602px; } .flag_MHL { background-position: -296px -602px; } .flag_MKD { background-position: -367px -602px; } .flag_MLI { background-position: -438px -602px; } .flag_MLT { background-position: -509px -602px; } .flag_MNE { background-position: -580px -602px; } .flag_MNP { background-position: -651px -602px; } .flag_MON { background-position: -722px -602px; } .flag_MOZ { background-position: -793px -602px; } .flag_MRI { background-position: -864px -602px; } .flag_MSR { background-position: -935px -602px; } .flag_MTN { background-position: -12px -661px; } .flag_MTQ { background-position: -83px -661px; } .flag_MYA { background-position: -154px -661px; } .flag_MYT { background-position: -225px -661px; } .flag_NAM { background-position: -296px -661px; } .flag_NCA { background-position: -367px -661px; } .flag_NCL { background-position: -438px -661px; } .flag_NED { background-position: -509px -661px; } .flag_NEP { background-position: -580px -661px; } .flag_NFK { background-position: -651px -661px; } .flag_NGR { background-position: -722px -661px; } .flag_NIG { background-position: -793px -661px; } .flag_NIR { background-position: -864px -661px; } .flag_NIU { background-position: -935px -661px; } .flag_NOR { background-position: -12px -720px; } .flag_NRU { background-position: -83px -720px; } .flag_NZL { background-position: -154px -720px; } .flag_OMA { background-position: -225px -720px; } .flag_PAK { background-position: -296px -720px; } .flag_PAN { background-position: -367px -720px; } .flag_PAR { background-position: -438px -720px; } .flag_PCN { background-position: -509px -720px; } .flag_PER { background-position: -580px -720px; } .flag_PHI { background-position: -651px -720px; } .flag_PLE { background-position: -722px -720px; } .flag_PLW { background-position: -793px -720px; } .flag_PNG { background-position: -864px -720px; } .flag_POL { background-position: -935px -720px; } .flag_POR { background-position: -12px -779px; } .flag_PRK { background-position: -83px -779px; } .flag_PUR { background-position: -154px -779px; } .flag_QAT { background-position: -225px -779px; } .flag_REU { background-position: -296px -779px; } .flag_ROU { background-position: -367px -779px; } .flag_RSA { background-position: -438px -779px; } .flag_RUS { background-position: -509px -779px; } .flag_RWA { background-position: -580px -779px; } .flag_SAM { background-position: -651px -779px; } .flag_SCO { background-position: -722px -779px; } .flag_SEN { background-position: -793px -779px; } .flag_SEY { background-position: -864px -779px; } .flag_SHN { background-position: -935px -779px; } .flag_SIN { background-position: -12px -838px; } .flag_SJM { background-position: -83px -838px; } .flag_SKN { background-position: -154px -838px; } .flag_SLE { background-position: -225px -838px; } .flag_SLO { background-position: -296px -838px; } .flag_SMR { background-position: -367px -838px; } .flag_SOL { background-position: -438px -838px; } .flag_SOM { background-position: -509px -838px; } .flag_SPM { background-position: -580px -838px; } .flag_SRB { background-position: -651px -838px; } .flag_SRI { background-position: -722px -838px; } .flag_SSD { background-position: -793px -838px; } .flag_STP { background-position: -864px -838px; } .flag_SUD { background-position: -935px -838px; } .flag_SUI { background-position: -12px -897px; } .flag_SUR { background-position: -83px -897px; } .flag_SVK { background-position: -154px -897px; } .flag_SWE { background-position: -225px -897px; } .flag_SYR { background-position: -296px -897px; } .flag_TAH { background-position: -367px -897px; } .flag_TAN { background-position: -438px -897px; } .flag_TCA { background-position: -509px -897px; } .flag_TGA { background-position: -580px -897px; } .flag_THA { background-position: -651px -897px; } .flag_TJK { background-position: -722px -897px; } .flag_TKL { background-position: -793px -897px; } .flag_TKM { background-position: -864px -897px; } .flag_TLS { background-position: -935px -897px; } .flag_TOG { background-position: -12px -956px; } .flag_TPE { background-position: -83px -956px; } .flag_TTO { background-position: -154px -956px; } .flag_TUN { background-position: -225px -956px; } .flag_TUR { background-position: -296px -956px; } .flag_TUV { background-position: -367px -956px; } .flag_UAE { background-position: -438px -956px; } .flag_UGA { background-position: -509px -956px; } .flag_UKR { background-position: -580px -956px; } .flag_URU { background-position: -651px -956px; } .flag_USA { background-position: -722px -956px; } .flag_UZB { background-position: -793px -956px; } .flag_VAN { background-position: -864px -956px; } .flag_VAT { background-position: -935px -956px; } .flag_VEN { background-position: -1006px -12px; } .flag_VIE { background-position: -1006px -71px; } .flag_VIN { background-position: -1006px -130px; } .flag_WAL { background-position: -1006px -189px; } .flag_WLF { background-position: -1006px -248px; } .flag_YEM { background-position: -1006px -307px; } .flag_ZAM { background-position: -1006px -366px; } .flag_ZIM { background-position: -1006px -425px; } .flag_ZNZ { background-position: -1006px -484px; } /* / 47x35 */ /* 22x16 */ *[class*=flag_].size22 { background-size: 510px 476px; width: 22px; height: 16px; } .flag_0.size22 { background-position: -482px -258px; } .flag_0-black.size22 { background-position: -482px -286px; } .flag_0-white.size22 { background-position: -482px -314px; } .flag_AFG.size22 { background-position: -108px -6px; } .flag_AIA.size22 { background-position: -142px -6px; } .flag_ALA.size22 { background-position: -176px -6px; } .flag_ALB.size22 { background-position: -210px -6px; } .flag_ALG.size22 { background-position: -244px -6px; } .flag_AND.size22 { background-position: -278px -6px; } .flag_ANG.size22 { background-position: -312px -6px; } .flag_ANT.size22 { background-position: -346px -6px; } .flag_ARG.size22 { background-position: -380px -6px; } .flag_ARM.size22 { background-position: -414px -6px; } .flag_ARU.size22 { background-position: -448px -6px; } .flag_ASA.size22 { background-position: -6px -34px; } .flag_AUS.size22 { background-position: -40px -34px; } .flag_AUT.size22 { background-position: -74px -34px; } .flag_AZE.size22 { background-position: -108px -34px; } .flag_BAH.size22 { background-position: -142px -34px; } .flag_BAN.size22 { background-position: -176px -34px; } .flag_BAR.size22 { background-position: -210px -34px; } .flag_BDI.size22 { background-position: -244px -34px; } .flag_BEL.size22 { background-position: -278px -34px; } .flag_BEN.size22 { background-position: -312px -34px; } .flag_BER.size22 { background-position: -346px -34px; } .flag_BHU.size22 { background-position: -380px -34px; } .flag_BIH.size22 { background-position: -414px -34px; } .flag_BIZ.size22 { background-position: -448px -34px; } .flag_BLR.size22 { background-position: -6px -62px; } .flag_BOL.size22 { background-position: -40px -62px; } .flag_BON.size22 { background-position: -74px -62px; } .flag_BOT.size22 { background-position: -108px -62px; } .flag_BRA.size22 { background-position: -142px -62px; } .flag_BRN.size22 { background-position: -176px -62px; } .flag_BRU.size22 { background-position: -210px -62px; } .flag_BSQ.size22 { background-position: -244px -62px; } .flag_BUL.size22 { background-position: -278px -62px; } .flag_BUR.size22 { background-position: -312px -62px; } .flag_CAF.size22 { background-position: -346px -62px; } .flag_CAM.size22 { background-position: -380px -62px; } .flag_CAN.size22 { background-position: -414px -62px; } .flag_CAT.size22 { background-position: -448px -62px; } .flag_CAY.size22 { background-position: -6px -90px; } .flag_CGO.size22 { background-position: -40px -90px; } .flag_CHA.size22 { background-position: -74px -90px; } .flag_CHI.size22 { background-position: -108px -90px; } .flag_CHN.size22 { background-position: -142px -90px; } .flag_CIV.size22 { background-position: -176px -90px; } .flag_CMR.size22 { background-position: -210px -90px; } .flag_COD.size22 { background-position: -244px -90px; } .flag_COK.size22 { background-position: -278px -90px; } .flag_COL.size22 { background-position: -312px -90px; } .flag_COM.size22 { background-position: -346px -90px; } .flag_CPV.size22 { background-position: -380px -90px; } .flag_CRC.size22 { background-position: -414px -90px; } .flag_CRO.size22 { background-position: -448px -90px; } .flag_CUB.size22 { background-position: -6px -118px; } .flag_CUW.size22 { background-position: -40px -118px; } .flag_CYP.size22 { background-position: -74px -118px; } .flag_CZE.size22 { background-position: -108px -118px; } .flag_DEN.size22 { background-position: -142px -118px; } .flag_DJI.size22 { background-position: -176px -118px; } .flag_DMA.size22 { background-position: -210px -118px; } .flag_DOM.size22 { background-position: -244px -118px; } .flag_ECU.size22 { background-position: -278px -118px; } .flag_EGY.size22 { background-position: -312px -118px; } .flag_ENG.size22 { background-position: -346px -118px; } .flag_ERI.size22 { background-position: -380px -118px; } .flag_ESA.size22 { background-position: -414px -118px; } .flag_ESH.size22 { background-position: -448px -118px; } .flag_ESP.size22 { background-position: -6px -146px; } .flag_EST.size22 { background-position: -40px -146px; } .flag_ETH.size22 { background-position: -74px -146px; } .flag_FAR.size22 { background-position: -108px -146px; } .flag_FIJ.size22 { background-position: -142px -146px; } .flag_FIN.size22 { background-position: -176px -146px; } .flag_FLK.size22 { background-position: -210px -146px; } .flag_FRA.size22 { background-position: -244px -146px; } .flag_FRO.size22 { background-position: -278px -146px; } .flag_FSM.size22 { background-position: -312px -146px; } .flag_GAB.size22 { background-position: -346px -146px; } .flag_GAM.size22 { background-position: -380px -146px; } .flag_GBR.size22 { background-position: -414px -146px; } .flag_GBS.size22 { background-position: -448px -146px; } .flag_GEO.size22 { background-position: -6px -174px; } .flag_GEQ.size22 { background-position: -40px -174px; } .flag_GER.size22 { background-position: -74px -174px; } .flag_GHA.size22 { background-position: -108px -174px; } .flag_GIB.size22 { background-position: -142px -174px; } .flag_GRE.size22 { background-position: -176px -174px; } .flag_GRL.size22 { background-position: -210px -174px; } .flag_GRN.size22 { background-position: -244px -174px; } .flag_GUA.size22 { background-position: -278px -174px; } .flag_GUD.size22 { background-position: -312px -174px; } .flag_GUF.size22 { background-position: -346px -174px; } .flag_GUI.size22 { background-position: -380px -174px; } .flag_GUM.size22 { background-position: -414px -174px; } .flag_GUY.size22 { background-position: -448px -174px; } .flag_HAI.size22 { background-position: -6px -202px; } .flag_HKG.size22 { background-position: -40px -202px; } .flag_HON.size22 { background-position: -74px -202px; } .flag_HUN.size22 { background-position: -108px -202px; } .flag_INA.size22 { background-position: -142px -202px; } .flag_IND.size22 { background-position: -176px -202px; } .flag_IRI.size22 { background-position: -210px -202px; } .flag_IRL.size22 { background-position: -244px -202px; } .flag_IRN.size22 { background-position: -278px -202px; } .flag_IRQ.size22 { background-position: -312px -202px; } .flag_ISL.size22 { background-position: -346px -202px; } .flag_ISR.size22 { background-position: -380px -202px; } .flag_ISV.size22 { background-position: -414px -202px; } .flag_ITA.size22 { background-position: -448px -202px; } .flag_IVB.size22 { background-position: -6px -230px; } .flag_JAM.size22 { background-position: -40px -230px; } .flag_JER.size22 { background-position: -74px -230px; } .flag_JOR.size22 { background-position: -108px -230px; } .flag_JPN.size22 { background-position: -142px -230px; } .flag_KAZ.size22 { background-position: -176px -230px; } .flag_KEN.size22 { background-position: -210px -230px; } .flag_KGZ.size22 { background-position: -244px -230px; } .flag_KIR.size22 { background-position: -278px -230px; } .flag_KOR.size22 { background-position: -312px -230px; } .flag_KOS.size22 { background-position: -346px -230px; } .flag_KSA.size22 { background-position: -380px -230px; } .flag_KUW.size22 { background-position: -414px -230px; } .flag_LAO.size22 { background-position: -448px -230px; } .flag_LAT.size22 { background-position: -6px -258px; } .flag_LBA.size22 { background-position: -40px -258px; } .flag_LBR.size22 { background-position: -74px -258px; } .flag_LCA.size22 { background-position: -108px -258px; } .flag_LES.size22 { background-position: -142px -258px; } .flag_LIB.size22 { background-position: -176px -258px; } .flag_LIE.size22 { background-position: -210px -258px; } .flag_LTU.size22 { background-position: -244px -258px; } .flag_LUX.size22 { background-position: -278px -258px; } .flag_MAC.size22 { background-position: -312px -258px; } .flag_MAD.size22 { background-position: -346px -258px; } .flag_MAF.size22 { background-position: -380px -258px; } .flag_MAR.size22 { background-position: -414px -258px; } .flag_MAW.size22 { background-position: -448px -258px; } .flag_MDA.size22 { background-position: -6px -286px; } .flag_MDV.size22 { background-position: -40px -286px; } .flag_MEX.size22 { background-position: -74px -286px; } .flag_MGL.size22 { background-position: -108px -286px; } .flag_MHL.size22 { background-position: -142px -286px; } .flag_MKD.size22 { background-position: -176px -286px; } .flag_MLI.size22 { background-position: -210px -286px; } .flag_MLT.size22 { background-position: -244px -286px; } .flag_MNE.size22 { background-position: -278px -286px; } .flag_MNP.size22 { background-position: -312px -286px; } .flag_MON.size22 { background-position: -346px -286px; } .flag_MOZ.size22 { background-position: -380px -286px; } .flag_MRI.size22 { background-position: -414px -286px; } .flag_MSR.size22 { background-position: -448px -286px; } .flag_MTN.size22 { background-position: -6px -314px; } .flag_MTQ.size22 { background-position: -40px -314px; } .flag_MYA.size22 { background-position: -74px -314px; } .flag_MYT.size22 { background-position: -108px -314px; } .flag_NAM.size22 { background-position: -142px -314px; } .flag_NCA.size22 { background-position: -176px -314px; } .flag_NCL.size22 { background-position: -210px -314px; } .flag_NED.size22 { background-position: -244px -314px; } .flag_NEP.size22 { background-position: -278px -314px; } .flag_NFK.size22 { background-position: -312px -314px; } .flag_NGR.size22 { background-position: -346px -314px; } .flag_NIG.size22 { background-position: -380px -314px; } .flag_NIR.size22 { background-position: -414px -314px; } .flag_NIU.size22 { background-position: -448px -314px; } .flag_NOR.size22 { background-position: -6px -342px; } .flag_NRU.size22 { background-position: -40px -342px; } .flag_NZL.size22 { background-position: -74px -342px; } .flag_OMA.size22 { background-position: -108px -342px; } .flag_PAK.size22 { background-position: -142px -342px; } .flag_PAN.size22 { background-position: -176px -342px; } .flag_PAR.size22 { background-position: -210px -342px; } .flag_PCN.size22 { background-position: -244px -342px; } .flag_PER.size22 { background-position: -278px -342px; } .flag_PHI.size22 { background-position: -312px -342px; } .flag_PLE.size22 { background-position: -346px -342px; } .flag_PLW.size22 { background-position: -380px -342px; } .flag_PNG.size22 { background-position: -414px -342px; } .flag_POL.size22 { background-position: -448px -342px; } .flag_POR.size22 { background-position: -6px -370px; } .flag_PRK.size22 { background-position: -40px -370px; } .flag_PUR.size22 { background-position: -74px -370px; } .flag_QAT.size22 { background-position: -108px -370px; } .flag_REU.size22 { background-position: -142px -370px; } .flag_ROU.size22 { background-position: -176px -370px; } .flag_RSA.size22 { background-position: -210px -370px; } .flag_RUS.size22 { background-position: -244px -370px; } .flag_RWA.size22 { background-position: -278px -370px; } .flag_SAM.size22 { background-position: -312px -370px; } .flag_SCO.size22 { background-position: -346px -370px; } .flag_SEN.size22 { background-position: -380px -370px; } .flag_SEY.size22 { background-position: -414px -370px; } .flag_SHN.size22 { background-position: -448px -370px; } .flag_SIN.size22 { background-position: -6px -398px; } .flag_SJM.size22 { background-position: -40px -398px; } .flag_SKN.size22 { background-position: -74px -398px; } .flag_SLE.size22 { background-position: -108px -398px; } .flag_SLO.size22 { background-position: -142px -398px; } .flag_SMR.size22 { background-position: -176px -398px; } .flag_SOL.size22 { background-position: -210px -398px; } .flag_SOM.size22 { background-position: -244px -398px; } .flag_SPM.size22 { background-position: -278px -398px; } .flag_SRB.size22 { background-position: -312px -398px; } .flag_SRI.size22 { background-position: -346px -398px; } .flag_SSD.size22 { background-position: -380px -398px; } .flag_STP.size22 { background-position: -414px -398px; } .flag_SUD.size22 { background-position: -448px -398px; } .flag_SUI.size22 { background-position: -6px -426px; } .flag_SUR.size22 { background-position: -40px -426px; } .flag_SVK.size22 { background-position: -74px -426px; } .flag_SWE.size22 { background-position: -108px -426px; } .flag_SYR.size22 { background-position: -142px -426px; } .flag_TAH.size22 { background-position: -176px -426px; } .flag_TAN.size22 { background-position: -210px -426px; } .flag_TCA.size22 { background-position: -244px -426px; } .flag_TGA.size22 { background-position: -278px -426px; } .flag_THA.size22 { background-position: -312px -426px; } .flag_TJK.size22 { background-position: -346px -426px; } .flag_TKL.size22 { background-position: -380px -426px; } .flag_TKM.size22 { background-position: -414px -426px; } .flag_TLS.size22 { background-position: -448px -426px; } .flag_TOG.size22 { background-position: -6px -454px; } .flag_TPE.size22 { background-position: -40px -454px; } .flag_TTO.size22 { background-position: -74px -454px; } .flag_TUN.size22 { background-position: -108px -454px; } .flag_TUR.size22 { background-position: -142px -454px; } .flag_TUV.size22 { background-position: -176px -454px; } .flag_UAE.size22 { background-position: -210px -454px; } .flag_UGA.size22 { background-position: -244px -454px; } .flag_UKR.size22 { background-position: -278px -454px; } .flag_URU.size22 { background-position: -312px -454px; } .flag_USA.size22 { background-position: -346px -454px; } .flag_UZB.size22 { background-position: -380px -454px; } .flag_VAN.size22 { background-position: -414px -454px; } .flag_VAT.size22 { background-position: -448px -454px; } .flag_VEN.size22 { background-position: -482px -6px; } .flag_VIE.size22 { background-position: -482px -34px; } .flag_VIN.size22 { background-position: -482px -62px; } .flag_WAL.size22 { background-position: -482px -90px; } .flag_WLF.size22 { background-position: -482px -118px; } .flag_YEM.size22 { background-position: -482px -146px; } .flag_ZAM.size22 { background-position: -482px -174px; } .flag_ZIM.size22 { background-position: -482px -202px; } .flag_ZNZ.size22 { background-position: -482px -230px; } /* / 22x16 */ /* 16x12 */ *[class*=flag_].size16 { background-size: 360px 340px; width: 16px; height: 12px; } .flag_0.size16 { background-position: -340px -184px; } .flag_0-black.size16 { background-position: -340px -204px; } .flag_0-white.size16 { background-position: -340px -224px; } .flag_AFG.size16 { background-position: -76px -4px; } .flag_AIA.size16 { background-position: -100px -4px; } .flag_ALA.size16 { background-position: -124px -4px; } .flag_ALB.size16 { background-position: -148px -4px; } .flag_ALG.size16 { background-position: -172px -4px; } .flag_AND.size16 { background-position: -196px -4px; } .flag_ANG.size16 { background-position: -220px -4px; } .flag_ANT.size16 { background-position: -244px -4px; } .flag_ARG.size16 { background-position: -268px -4px; } .flag_ARM.size16 { background-position: -292px -4px; } .flag_ARU.size16 { background-position: -316px -4px; } .flag_ASA.size16 { background-position: -4px -24px; } .flag_AUS.size16 { background-position: -28px -24px; } .flag_AUT.size16 { background-position: -52px -24px; } .flag_AZE.size16 { background-position: -76px -24px; } .flag_BAH.size16 { background-position: -100px -24px; } .flag_BAN.size16 { background-position: -124px -24px; } .flag_BAR.size16 { background-position: -148px -24px; } .flag_BDI.size16 { background-position: -172px -24px; } .flag_BEL.size16 { background-position: -196px -24px; } .flag_BEN.size16 { background-position: -220px -24px; } .flag_BER.size16 { background-position: -244px -24px; } .flag_BHU.size16 { background-position: -268px -24px; } .flag_BIH.size16 { background-position: -292px -24px; } .flag_BIZ.size16 { background-position: -316px -24px; } .flag_BLR.size16 { background-position: -4px -44px; } .flag_BOL.size16 { background-position: -28px -44px; } .flag_BON.size16 { background-position: -52px -44px; } .flag_BOT.size16 { background-position: -76px -44px; } .flag_BRA.size16 { background-position: -100px -44px; } .flag_BRN.size16 { background-position: -124px -44px; } .flag_BRU.size16 { background-position: -148px -44px; } .flag_BSQ.size16 { background-position: -172px -44px; } .flag_BUL.size16 { background-position: -196px -44px; } .flag_BUR.size16 { background-position: -220px -44px; } .flag_CAF.size16 { background-position: -244px -44px; } .flag_CAM.size16 { background-position: -268px -44px; } .flag_CAN.size16 { background-position: -292px -44px; } .flag_CAT.size16 { background-position: -316px -44px; } .flag_CAY.size16 { background-position: -4px -64px; } .flag_CGO.size16 { background-position: -28px -64px; } .flag_CHA.size16 { background-position: -52px -64px; } .flag_CHI.size16 { background-position: -76px -64px; } .flag_CHN.size16 { background-position: -100px -64px; } .flag_CIV.size16 { background-position: -124px -64px; } .flag_CMR.size16 { background-position: -148px -64px; } .flag_COD.size16 { background-position: -172px -64px; } .flag_COK.size16 { background-position: -196px -64px; } .flag_COL.size16 { background-position: -220px -64px; } .flag_COM.size16 { background-position: -244px -64px; } .flag_CPV.size16 { background-position: -268px -64px; } .flag_CRC.size16 { background-position: -292px -64px; } .flag_CRO.size16 { background-position: -316px -64px; } .flag_CUB.size16 { background-position: -4px -84px; } .flag_CUW.size16 { background-position: -28px -84px; } .flag_CYP.size16 { background-position: -52px -84px; } .flag_CZE.size16 { background-position: -76px -84px; } .flag_DEN.size16 { background-position: -100px -84px; } .flag_DJI.size16 { background-position: -124px -84px; } .flag_DMA.size16 { background-position: -148px -84px; } .flag_DOM.size16 { background-position: -172px -84px; } .flag_ECU.size16 { background-position: -196px -84px; } .flag_EGY.size16 { background-position: -220px -84px; } .flag_ENG.size16 { background-position: -244px -84px; } .flag_ERI.size16 { background-position: -268px -84px; } .flag_ESA.size16 { background-position: -292px -84px; } .flag_ESH.size16 { background-position: -316px -84px; } .flag_ESP.size16 { background-position: -4px -104px; } .flag_EST.size16 { background-position: -28px -104px; } .flag_ETH.size16 { background-position: -52px -104px; } .flag_FAR.size16 { background-position: -76px -104px; } .flag_FIJ.size16 { background-position: -100px -104px; } .flag_FIN.size16 { background-position: -124px -104px; } .flag_FLK.size16 { background-position: -148px -104px; } .flag_FRA.size16 { background-position: -172px -104px; } .flag_FRO.size16 { background-position: -196px -104px; } .flag_FSM.size16 { background-position: -220px -104px; } .flag_GAB.size16 { background-position: -244px -104px; } .flag_GAM.size16 { background-position: -268px -104px; } .flag_GBR.size16 { background-position: -292px -104px; } .flag_GBS.size16 { background-position: -316px -104px; } .flag_GEO.size16 { background-position: -4px -124px; } .flag_GEQ.size16 { background-position: -28px -124px; } .flag_GER.size16 { background-position: -52px -124px; } .flag_GHA.size16 { background-position: -76px -124px; } .flag_GIB.size16 { background-position: -100px -124px; } .flag_GRE.size16 { background-position: -124px -124px; } .flag_GRL.size16 { background-position: -148px -124px; } .flag_GRN.size16 { background-position: -172px -124px; } .flag_GUA.size16 { background-position: -196px -124px; } .flag_GUD.size16 { background-position: -220px -124px; } .flag_GUF.size16 { background-position: -244px -124px; } .flag_GUI.size16 { background-position: -268px -124px; } .flag_GUM.size16 { background-position: -292px -124px; } .flag_GUY.size16 { background-position: -316px -124px; } .flag_HAI.size16 { background-position: -4px -144px; } .flag_HKG.size16 { background-position: -28px -144px; } .flag_HON.size16 { background-position: -52px -144px; } .flag_HUN.size16 { background-position: -76px -144px; } .flag_INA.size16 { background-position: -100px -144px; } .flag_IND.size16 { background-position: -124px -144px; } .flag_IRI.size16 { background-position: -148px -144px; } .flag_IRL.size16 { background-position: -172px -144px; } .flag_IRN.size16 { background-position: -196px -144px; } .flag_IRQ.size16 { background-position: -220px -144px; } .flag_ISL.size16 { background-position: -244px -144px; } .flag_ISR.size16 { background-position: -268px -144px; } .flag_ISV.size16 { background-position: -292px -144px; } .flag_ITA.size16 { background-position: -316px -144px; } .flag_IVB.size16 { background-position: -4px -164px; } .flag_JAM.size16 { background-position: -28px -164px; } .flag_JER.size16 { background-position: -52px -164px; } .flag_JOR.size16 { background-position: -76px -164px; } .flag_JPN.size16 { background-position: -100px -164px; } .flag_KAZ.size16 { background-position: -124px -164px; } .flag_KEN.size16 { background-position: -148px -164px; } .flag_KGZ.size16 { background-position: -172px -164px; } .flag_KIR.size16 { background-position: -196px -164px; } .flag_KOR.size16 { background-position: -220px -164px; } .flag_KOS.size16 { background-position: -244px -164px; } .flag_KSA.size16 { background-position: -268px -164px; } .flag_KUW.size16 { background-position: -292px -164px; } .flag_LAO.size16 { background-position: -316px -164px; } .flag_LAT.size16 { background-position: -4px -184px; } .flag_LBA.size16 { background-position: -28px -184px; } .flag_LBR.size16 { background-position: -52px -184px; } .flag_LCA.size16 { background-position: -76px -184px; } .flag_LES.size16 { background-position: -100px -184px; } .flag_LIB.size16 { background-position: -124px -184px; } .flag_LIE.size16 { background-position: -148px -184px; } .flag_LTU.size16 { background-position: -172px -184px; } .flag_LUX.size16 { background-position: -196px -184px; } .flag_MAC.size16 { background-position: -220px -184px; } .flag_MAD.size16 { background-position: -244px -184px; } .flag_MAF.size16 { background-position: -268px -184px; } .flag_MAR.size16 { background-position: -292px -184px; } .flag_MAW.size16 { background-position: -316px -184px; } .flag_MDA.size16 { background-position: -4px -204px; } .flag_MDV.size16 { background-position: -28px -204px; } .flag_MEX.size16 { background-position: -52px -204px; } .flag_MGL.size16 { background-position: -76px -204px; } .flag_MHL.size16 { background-position: -100px -204px; } .flag_MKD.size16 { background-position: -124px -204px; } .flag_MLI.size16 { background-position: -148px -204px; } .flag_MLT.size16 { background-position: -172px -204px; } .flag_MNE.size16 { background-position: -196px -204px; } .flag_MNP.size16 { background-position: -220px -204px; } .flag_MON.size16 { background-position: -244px -204px; } .flag_MOZ.size16 { background-position: -268px -204px; } .flag_MRI.size16 { background-position: -292px -204px; } .flag_MSR.size16 { background-position: -316px -204px; } .flag_MTN.size16 { background-position: -4px -224px; } .flag_MTQ.size16 { background-position: -28px -224px; } .flag_MYA.size16 { background-position: -52px -224px; } .flag_MYT.size16 { background-position: -76px -224px; } .flag_NAM.size16 { background-position: -100px -224px; } .flag_NCA.size16 { background-position: -124px -224px; } .flag_NCL.size16 { background-position: -148px -224px; } .flag_NED.size16 { background-position: -172px -224px; } .flag_NEP.size16 { background-position: -196px -224px; } .flag_NFK.size16 { background-position: -220px -224px; } .flag_NGR.size16 { background-position: -244px -224px; } .flag_NIG.size16 { background-position: -268px -224px; } .flag_NIR.size16 { background-position: -292px -224px; } .flag_NIU.size16 { background-position: -316px -224px; } .flag_NOR.size16 { background-position: -4px -244px; } .flag_NRU.size16 { background-position: -28px -244px; } .flag_NZL.size16 { background-position: -52px -244px; } .flag_OMA.size16 { background-position: -76px -244px; } .flag_PAK.size16 { background-position: -100px -244px; } .flag_PAN.size16 { background-position: -124px -244px; } .flag_PAR.size16 { background-position: -148px -244px; } .flag_PCN.size16 { background-position: -172px -244px; } .flag_PER.size16 { background-position: -196px -244px; } .flag_PHI.size16 { background-position: -220px -244px; } .flag_PLE.size16 { background-position: -244px -244px; } .flag_PLW.size16 { background-position: -268px -244px; } .flag_PNG.size16 { background-position: -292px -244px; } .flag_POL.size16 { background-position: -316px -244px; } .flag_POR.size16 { background-position: -4px -264px; } .flag_PRK.size16 { background-position: -28px -264px; } .flag_PUR.size16 { background-position: -52px -264px; } .flag_QAT.size16 { background-position: -76px -264px; } .flag_REU.size16 { background-position: -100px -264px; } .flag_ROU.size16 { background-position: -124px -264px; } .flag_RSA.size16 { background-position: -148px -264px; } .flag_RUS.size16 { background-position: -172px -264px; } .flag_RWA.size16 { background-position: -196px -264px; } .flag_SAM.size16 { background-position: -220px -264px; } .flag_SCO.size16 { background-position: -244px -264px; } .flag_SEN.size16 { background-position: -268px -264px; } .flag_SEY.size16 { background-position: -292px -264px; } .flag_SHN.size16 { background-position: -316px -264px; } .flag_SIN.size16 { background-position: -4px -284px; } .flag_SJM.size16 { background-position: -28px -284px; } .flag_SKN.size16 { background-position: -52px -284px; } .flag_SLE.size16 { background-position: -76px -284px; } .flag_SLO.size16 { background-position: -100px -284px; } .flag_SMR.size16 { background-position: -124px -284px; } .flag_SOL.size16 { background-position: -148px -284px; } .flag_SOM.size16 { background-position: -172px -284px; } .flag_SPM.size16 { background-position: -196px -284px; } .flag_SRB.size16 { background-position: -220px -284px; } .flag_SRI.size16 { background-position: -244px -284px; } .flag_SSD.size16 { background-position: -268px -284px; } .flag_STP.size16 { background-position: -292px -284px; } .flag_SUD.size16 { background-position: -316px -284px; } .flag_SUI.size16 { background-position: -4px -304px; } .flag_SUR.size16 { background-position: -28px -304px; } .flag_SVK.size16 { background-position: -52px -304px; } .flag_SWE.size16 { background-position: -76px -304px; } .flag_SYR.size16 { background-position: -100px -304px; } .flag_TAH.size16 { background-position: -124px -304px; } .flag_TAN.size16 { background-position: -148px -304px; } .flag_TCA.size16 { background-position: -172px -304px; } .flag_TGA.size16 { background-position: -196px -304px; } .flag_THA.size16 { background-position: -220px -304px; } .flag_TJK.size16 { background-position: -244px -304px; } .flag_TKL.size16 { background-position: -268px -304px; } .flag_TKM.size16 { background-position: -292px -304px; } .flag_TLS.size16 { background-position: -316px -304px; } .flag_TOG.size16 { background-position: -4px -324px; } .flag_TPE.size16 { background-position: -28px -324px; } .flag_TTO.size16 { background-position: -52px -324px; } .flag_TUN.size16 { background-position: -76px -324px; } .flag_TUR.size16 { background-position: -100px -324px; } .flag_TUV.size16 { background-position: -124px -324px; } .flag_UAE.size16 { background-position: -148px -324px; } .flag_UGA.size16 { background-position: -172px -324px; } .flag_UKR.size16 { background-position: -196px -324px; } .flag_URU.size16 { background-position: -220px -324px; } .flag_USA.size16 { background-position: -244px -324px; } .flag_UZB.size16 { background-position: -268px -324px; } .flag_VAN.size16 { background-position: -292px -324px; } .flag_VAT.size16 { background-position: -316px -324px; } .flag_VEN.size16 { background-position: -340px -4px; } .flag_VIE.size16 { background-position: -340px -24px; } .flag_VIN.size16 { background-position: -340px -44px; } .flag_WAL.size16 { background-position: -340px -64px; } .flag_WLF.size16 { background-position: -340px -84px; } .flag_YEM.size16 { background-position: -340px -104px; } .flag_ZAM.size16 { background-position: -340px -124px; } .flag_ZIM.size16 { background-position: -340px -144px; } .flag_ZNZ.size16 { background-position: -340px -164px; } /* / 16x12 */ /* 11x8 */ *[class*=flag_].size11 { background-size: 255px 238px; width: 11px; height: 8px; } .flag_0.size11 { background-position: -241px -129px; } .flag_0-black.size11 { background-position: -241px -143px; } .flag_0-white.size11 { background-position: -241px -157px; } .flag_AFG.size11 { background-position: -54px -3px; } .flag_AIA.size11 { background-position: -71px -3px; } .flag_ALA.size11 { background-position: -88px -3px; } .flag_ALB.size11 { background-position: -105px -3px; } .flag_ALG.size11 { background-position: -122px -3px; } .flag_AND.size11 { background-position: -139px -3px; } .flag_ANG.size11 { background-position: -156px -3px; } .flag_ANT.size11 { background-position: -173px -3px; } .flag_ARG.size11 { background-position: -190px -3px; } .flag_ARM.size11 { background-position: -207px -3px; } .flag_ARU.size11 { background-position: -224px -3px; } .flag_ASA.size11 { background-position: -3px -17px; } .flag_AUS.size11 { background-position: -20px -17px; } .flag_AUT.size11 { background-position: -37px -17px; } .flag_AZE.size11 { background-position: -54px -17px; } .flag_BAH.size11 { background-position: -71px -17px; } .flag_BAN.size11 { background-position: -88px -17px; } .flag_BAR.size11 { background-position: -105px -17px; } .flag_BDI.size11 { background-position: -122px -17px; } .flag_BEL.size11 { background-position: -139px -17px; } .flag_BEN.size11 { background-position: -156px -17px; } .flag_BER.size11 { background-position: -173px -17px; } .flag_BHU.size11 { background-position: -190px -17px; } .flag_BIH.size11 { background-position: -207px -17px; } .flag_BIZ.size11 { background-position: -224px -17px; } .flag_BLR.size11 { background-position: -3px -31px; } .flag_BOL.size11 { background-position: -20px -31px; } .flag_BON.size11 { background-position: -37px -31px; } .flag_BOT.size11 { background-position: -54px -31px; } .flag_BRA.size11 { background-position: -71px -31px; } .flag_BRN.size11 { background-position: -88px -31px; } .flag_BRU.size11 { background-position: -105px -31px; } .flag_BSQ.size11 { background-position: -122px -31px; } .flag_BUL.size11 { background-position: -139px -31px; } .flag_BUR.size11 { background-position: -156px -31px; } .flag_CAF.size11 { background-position: -173px -31px; } .flag_CAM.size11 { background-position: -190px -31px; } .flag_CAN.size11 { background-position: -207px -31px; } .flag_CAT.size11 { background-position: -224px -31px; } .flag_CAY.size11 { background-position: -3px -45px; } .flag_CGO.size11 { background-position: -20px -45px; } .flag_CHA.size11 { background-position: -37px -45px; } .flag_CHI.size11 { background-position: -54px -45px; } .flag_CHN.size11 { background-position: -71px -45px; } .flag_CIV.size11 { background-position: -88px -45px; } .flag_CMR.size11 { background-position: -105px -45px; } .flag_COD.size11 { background-position: -122px -45px; } .flag_COK.size11 { background-position: -139px -45px; } .flag_COL.size11 { background-position: -156px -45px; } .flag_COM.size11 { background-position: -173px -45px; } .flag_CPV.size11 { background-position: -190px -45px; } .flag_CRC.size11 { background-position: -207px -45px; } .flag_CRO.size11 { background-position: -224px -45px; } .flag_CUB.size11 { background-position: -3px -59px; } .flag_CUW.size11 { background-position: -20px -59px; } .flag_CYP.size11 { background-position: -37px -59px; } .flag_CZE.size11 { background-position: -54px -59px; } .flag_DEN.size11 { background-position: -71px -59px; } .flag_DJI.size11 { background-position: -88px -59px; } .flag_DMA.size11 { background-position: -105px -59px; } .flag_DOM.size11 { background-position: -122px -59px; } .flag_ECU.size11 { background-position: -139px -59px; } .flag_EGY.size11 { background-position: -156px -59px; } .flag_ENG.size11 { background-position: -173px -59px; } .flag_ERI.size11 { background-position: -190px -59px; } .flag_ESA.size11 { background-position: -207px -59px; } .flag_ESH.size11 { background-position: -224px -59px; } .flag_ESP.size11 { background-position: -3px -73px; } .flag_EST.size11 { background-position: -20px -73px; } .flag_ETH.size11 { background-position: -37px -73px; } .flag_FAR.size11 { background-position: -54px -73px; } .flag_FIJ.size11 { background-position: -71px -73px; } .flag_FIN.size11 { background-position: -88px -73px; } .flag_FLK.size11 { background-position: -105px -73px; } .flag_FRA.size11 { background-position: -122px -73px; } .flag_FRO.size11 { background-position: -139px -73px; } .flag_FSM.size11 { background-position: -156px -73px; } .flag_GAB.size11 { background-position: -173px -73px; } .flag_GAM.size11 { background-position: -190px -73px; } .flag_GBR.size11 { background-position: -207px -73px; } .flag_GBS.size11 { background-position: -224px -73px; } .flag_GEO.size11 { background-position: -3px -87px; } .flag_GEQ.size11 { background-position: -20px -87px; } .flag_GER.size11 { background-position: -37px -87px; } .flag_GHA.size11 { background-position: -54px -87px; } .flag_GIB.size11 { background-position: -71px -87px; } .flag_GRE.size11 { background-position: -88px -87px; } .flag_GRL.size11 { background-position: -105px -87px; } .flag_GRN.size11 { background-position: -122px -87px; } .flag_GUA.size11 { background-position: -139px -87px; } .flag_GUD.size11 { background-position: -156px -87px; } .flag_GUF.size11 { background-position: -173px -87px; } .flag_GUI.size11 { background-position: -190px -87px; } .flag_GUM.size11 { background-position: -207px -87px; } .flag_GUY.size11 { background-position: -224px -87px; } .flag_HAI.size11 { background-position: -3px -101px; } .flag_HKG.size11 { background-position: -20px -101px; } .flag_HON.size11 { background-position: -37px -101px; } .flag_HUN.size11 { background-position: -54px -101px; } .flag_INA.size11 { background-position: -71px -101px; } .flag_IND.size11 { background-position: -88px -101px; } .flag_IRI.size11 { background-position: -105px -101px; } .flag_IRL.size11 { background-position: -122px -101px; } .flag_IRN.size11 { background-position: -139px -101px; } .flag_IRQ.size11 { background-position: -156px -101px; } .flag_ISL.size11 { background-position: -173px -101px; } .flag_ISR.size11 { background-position: -190px -101px; } .flag_ISV.size11 { background-position: -207px -101px; } .flag_ITA.size11 { background-position: -224px -101px; } .flag_IVB.size11 { background-position: -3px -115px; } .flag_JAM.size11 { background-position: -20px -115px; } .flag_JER.size11 { background-position: -37px -115px; } .flag_JOR.size11 { background-position: -54px -115px; } .flag_JPN.size11 { background-position: -71px -115px; } .flag_KAZ.size11 { background-position: -88px -115px; } .flag_KEN.size11 { background-position: -105px -115px; } .flag_KGZ.size11 { background-position: -122px -115px; } .flag_KIR.size11 { background-position: -139px -115px; } .flag_KOR.size11 { background-position: -156px -115px; } .flag_KOS.size11 { background-position: -173px -115px; } .flag_KSA.size11 { background-position: -190px -115px; } .flag_KUW.size11 { background-position: -207px -115px; } .flag_LAO.size11 { background-position: -224px -115px; } .flag_LAT.size11 { background-position: -3px -129px; } .flag_LBA.size11 { background-position: -20px -129px; } .flag_LBR.size11 { background-position: -37px -129px; } .flag_LCA.size11 { background-position: -54px -129px; } .flag_LES.size11 { background-position: -71px -129px; } .flag_LIB.size11 { background-position: -88px -129px; } .flag_LIE.size11 { background-position: -105px -129px; } .flag_LTU.size11 { background-position: -122px -129px; } .flag_LUX.size11 { background-position: -139px -129px; } .flag_MAC.size11 { background-position: -156px -129px; } .flag_MAD.size11 { background-position: -173px -129px; } .flag_MAF.size11 { background-position: -190px -129px; } .flag_MAR.size11 { background-position: -207px -129px; } .flag_MAW.size11 { background-position: -224px -129px; } .flag_MDA.size11 { background-position: -3px -143px; } .flag_MDV.size11 { background-position: -20px -143px; } .flag_MEX.size11 { background-position: -37px -143px; } .flag_MGL.size11 { background-position: -54px -143px; } .flag_MHL.size11 { background-position: -71px -143px; } .flag_MKD.size11 { background-position: -88px -143px; } .flag_MLI.size11 { background-position: -105px -143px; } .flag_MLT.size11 { background-position: -122px -143px; } .flag_MNE.size11 { background-position: -139px -143px; } .flag_MNP.size11 { background-position: -156px -143px; } .flag_MON.size11 { background-position: -173px -143px; } .flag_MOZ.size11 { background-position: -190px -143px; } .flag_MRI.size11 { background-position: -207px -143px; } .flag_MSR.size11 { background-position: -224px -143px; } .flag_MTN.size11 { background-position: -3px -157px; } .flag_MTQ.size11 { background-position: -20px -157px; } .flag_MYA.size11 { background-position: -37px -157px; } .flag_MYT.size11 { background-position: -54px -157px; } .flag_NAM.size11 { background-position: -71px -157px; } .flag_NCA.size11 { background-position: -88px -157px; } .flag_NCL.size11 { background-position: -105px -157px; } .flag_NED.size11 { background-position: -122px -157px; } .flag_NEP.size11 { background-position: -139px -157px; } .flag_NFK.size11 { background-position: -156px -157px; } .flag_NGR.size11 { background-position: -173px -157px; } .flag_NIG.size11 { background-position: -190px -157px; } .flag_NIR.size11 { background-position: -207px -157px; } .flag_NIU.size11 { background-position: -224px -157px; } .flag_NOR.size11 { background-position: -3px -171px; } .flag_NRU.size11 { background-position: -20px -171px; } .flag_NZL.size11 { background-position: -37px -171px; } .flag_OMA.size11 { background-position: -54px -171px; } .flag_PAK.size11 { background-position: -71px -171px; } .flag_PAN.size11 { background-position: -88px -171px; } .flag_PAR.size11 { background-position: -105px -171px; } .flag_PCN.size11 { background-position: -122px -171px; } .flag_PER.size11 { background-position: -139px -171px; } .flag_PHI.size11 { background-position: -156px -171px; } .flag_PLE.size11 { background-position: -173px -171px; } .flag_PLW.size11 { background-position: -190px -171px; } .flag_PNG.size11 { background-position: -207px -171px; } .flag_POL.size11 { background-position: -224px -171px; } .flag_POR.size11 { background-position: -3px -185px; } .flag_PRK.size11 { background-position: -20px -185px; } .flag_PUR.size11 { background-position: -37px -185px; } .flag_QAT.size11 { background-position: -54px -185px; } .flag_REU.size11 { background-position: -71px -185px; } .flag_ROU.size11 { background-position: -88px -185px; } .flag_RSA.size11 { background-position: -105px -185px; } .flag_RUS.size11 { background-position: -122px -185px; } .flag_RWA.size11 { background-position: -139px -185px; } .flag_SAM.size11 { background-position: -156px -185px; } .flag_SCO.size11 { background-position: -173px -185px; } .flag_SEN.size11 { background-position: -190px -185px; } .flag_SEY.size11 { background-position: -207px -185px; } .flag_SHN.size11 { background-position: -224px -185px; } .flag_SIN.size11 { background-position: -3px -199px; } .flag_SJM.size11 { background-position: -20px -199px; } .flag_SKN.size11 { background-position: -37px -199px; } .flag_SLE.size11 { background-position: -54px -199px; } .flag_SLO.size11 { background-position: -71px -199px; } .flag_SMR.size11 { background-position: -88px -199px; } .flag_SOL.size11 { background-position: -105px -199px; } .flag_SOM.size11 { background-position: -122px -199px; } .flag_SPM.size11 { background-position: -139px -199px; } .flag_SRB.size11 { background-position: -156px -199px; } .flag_SRI.size11 { background-position: -173px -199px; } .flag_SSD.size11 { background-position: -190px -199px; } .flag_STP.size11 { background-position: -207px -199px; } .flag_SUD.size11 { background-position: -224px -199px; } .flag_SUI.size11 { background-position: -3px -213px; } .flag_SUR.size11 { background-position: -20px -213px; } .flag_SVK.size11 { background-position: -37px -213px; } .flag_SWE.size11 { background-position: -54px -213px; } .flag_SYR.size11 { background-position: -71px -213px; } .flag_TAH.size11 { background-position: -88px -213px; } .flag_TAN.size11 { background-position: -105px -213px; } .flag_TCA.size11 { background-position: -122px -213px; } .flag_TGA.size11 { background-position: -139px -213px; } .flag_THA.size11 { background-position: -156px -213px; } .flag_TJK.size11 { background-position: -173px -213px; } .flag_TKL.size11 { background-position: -190px -213px; } .flag_TKM.size11 { background-position: -207px -213px; } .flag_TLS.size11 { background-position: -224px -213px; } .flag_TOG.size11 { background-position: -3px -227px; } .flag_TPE.size11 { background-position: -20px -227px; } .flag_TTO.size11 { background-position: -37px -227px; } .flag_TUN.size11 { background-position: -54px -227px; } .flag_TUR.size11 { background-position: -71px -227px; } .flag_TUV.size11 { background-position: -88px -227px; } .flag_UAE.size11 { background-position: -105px -227px; } .flag_UGA.size11 { background-position: -122px -227px; } .flag_UKR.size11 { background-position: -139px -227px; } .flag_URU.size11 { background-position: -156px -227px; } .flag_USA.size11 { background-position: -173px -227px; } .flag_UZB.size11 { background-position: -190px -227px; } .flag_VAN.size11 { background-position: -207px -227px; } .flag_VAT.size11 { background-position: -224px -227px; } .flag_VEN.size11 { background-position: -241px -3px; } .flag_VIE.size11 { background-position: -241px -17px; } .flag_VIN.size11 { background-position: -241px -31px; } .flag_WAL.size11 { background-position: -241px -45px; } .flag_WLF.size11 { background-position: -241px -59px; } .flag_YEM.size11 { background-position: -241px -73px; } .flag_ZAM.size11 { background-position: -241px -87px; } .flag_ZIM.size11 { background-position: -241px -101px; } .flag_ZNZ.size11 { background-position: -241px -115px; } .flag_TZA { background-position: -1006px -780px; } .flag_TZA.size22 { background-position: -482px -370px; } .flag_TZA.size16 { background-position: -340px -264px; } .flag_ZNZ.size11 { background-position: -241px -185px; } /* / 11x8 */ .text-balanced { color: var(--color-balanced); } .text-assertive { color: var(--color-assertive); } .text-pend { color: var(--color-pend); } .text-secondary { color: var(--ion-color-secondary); } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .bonus-detail .title { font-size: 19px; font-weight: 700; padding: 30px; margin: 0; color: var(--ion-color-dark); } .bonus-detail .subtitle { font-weight: 900; font-size: 15px; color: var(--ion-color-dark); } .bonus-detail .paragraph { padding: 0 20px; color: var(--ion-color-medium-tint); } .bonus-detail ul { float: left; list-style-type: none; margin: 0; padding: 20px 0; } .bonus-detail ul li { margin-bottom: 0.7rem; padding-left: 25px; position: relative; } .bonus-detail ul li::before { content: ""; background: #f40034; clear: both; font-weight: 700; width: 7px; height: 7px; position: absolute; top: 7px; left: 0px; border-radius: 50%; } .bonus-detail ion-list { background: none; } .bonus-detail ion-list ion-item { --background: #fff; font-size: 1em; } .bonus-detail ion-list ion-item .icon { font-size: 1.3em; } .analysis .analysis-body { text-align: left; } .analysis .analysis-body .path { display: grid; grid-template-columns: repeat(3, minmax(0, min-content)); grid-auto-flow: column; grid-gap: 5px; gap: 5px; } .analysis .analysis-body .path ion-badge { color: #fff; } .analysis .analysis-body .path ion-badge * { overflow: hidden; text-overflow: ellipsis; padding: 0; margin: 0; font-size: 12px; text-transform: uppercase; font-weight: 700; } .analysis .analysis-body .analysis-date { margin: 5px 0; font-size: 14px; font-weight: bold; color: var(--ion-color-medium-tint); } .analysis .analysis-body .analysis-title-wrapper { display: flex; } .analysis .analysis-body .analysis-title-wrapper .analysis-title { font-size: 18px; margin: 5px 0; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1; width: 0; } .analysis .analysis-body .analysis-banner { padding: 10px 0; } .analysis .analysis-body .analysis-article { color: var(--ion-color-medium-tint); font-size: 17px; overflow: hidden; } .analysis .analysis-body .analysis-article p { margin: 0; } .analysis .analysis-footer .analysis-stats-container { display: grid; grid-auto-flow: column; } .analysis .analysis-footer .analysis-stats-container .analysis-stats { border-top: 1px solid var(--ion-color-light-shade); border-right: 1px solid var(--ion-color-light-shade); } .analysis .analysis-footer .analysis-stats-container .analysis-stats.skeleton { padding: 12px 15px 8px; font-size: 12px; display: flex; justify-content: space-between; } .analysis .analysis-footer .analysis-stats-container .analysis-stats:last-child { border-right: none; } .analysis .analysis-footer .analysis-stats-progress-container .analysis-stats-title { font-size: 17px; font-weight: 700; margin-bottom: 25px; } .analysis .analysis-footer .analysis-stats-progress-container .analysis-stats-progress { display: grid; grid-template-columns: 30px 0fr auto 20px; align-items: center; white-space: nowrap; grid-gap: 10px; gap: 10px; } .analysis .analysis-footer .analysis-stats-progress-container .analysis-stats-progress .team-name { margin: 0; font-size: 14px; font-weight: bold; } .analysis .analysis-footer .analysis-stats-progress-container .analysis-stats-progress .progressbar-wrapper { height: 3px; background-color: var(--ion-color-light-shade); width: 100%; position: relative; } .analysis .analysis-footer .analysis-stats-progress-container .analysis-stats-progress .progressbar-wrapper .progressbar { height: 100%; background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(0, 255, 0) 0%, rgb(61, 194, 0) 19%, rgb(217, 140, 0) 73%, rgb(255, 0, 0) 100%); position: absolute; } .analyses-filter .filter-active { background: var(--ion-color-light-shade); } .actuality { text-align: left; padding: 15px 20px; } .actuality .actuality-header { display: flex; padding-bottom: 10px; } .actuality .actuality-header .icon { max-height: 50px; margin-right: 15px; align-self: center; } .actuality .actuality-header .actuality-title-wrapper { display: flex; flex-direction: column; width: 0; flex-grow: 1; } .actuality .actuality-header .actuality-title-wrapper .actuality-date { margin: 5px 0; font-size: 14px; font-weight: bold; color: var(--ion-color-medium-tint); } .actuality .actuality-header .actuality-title-wrapper .actuality-title { font-size: 18px; margin: 5px 0; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1; } .actuality .actuality-body .actuality-article { color: var(--ion-color-medium-tint); font-size: 14px; line-height: 16px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .actuality .actuality-body .actuality-article p { margin: 0; } .responsible-gaming-modal { --width: 90vw; --height: 80vh; --border-radius: 10px; --background: var(--ion-color-medium); --overflow: visible; z-index: 999999999999 !important; } .responsible-gaming-modal ion-backdrop { --backdrop-opacity: 0.8; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .label_bold { font-weight: 700; } .label_italic { font-style: italic; } .label_line_throug { text-decoration: line-through; } .label_monospace { font-family: monospace; } .label_link { text-decoration: underline; cursor: pointer; } .info_contains-link { font-size: 12px; color: var(--ion-color-primary-light); } .info_contains-link h1 { margin: 0px !important; } .info_contains-link .label_link { color: var(--ion-color-secondary); text-decoration: none; font-size: 13px; font-weight: 400; line-height: 27px; } .info_contains-link .label_link:before { content: "\a"; white-space: pre; } .small-modal { --min-width: 250px; --width: 90%; --max-width: 300px; --height: auto; --max-height: 70%; color: #000; color: var(--ion-text-color, #000); } .small-modal .ion-page { position: relative; contain: content; max-height: 70vh; } * :focus { outline: none; } .icon-expand-collapse { font-size: 18px; display: inline-block; } html { min-height: 100vh; } .loading-modal { --background: rgba(50, 56, 64, 0.9); } .contacts-popover { --min-width: 300px; } .contacts-popover doxx-contacts { background: var(--ion-color-light); } .error-alert .alert-wrapper { background: transparent; border-radius: 5px; } .error-alert .alert-message { background: white; border-radius: 5px; padding-top: 40px; max-height: 80%; } .error-alert .alert-message h2 { color: var(--ion-color-primary); font-weight: bold; font-size: 18px; margin: 10px 0 20px; } .error-alert .alert-message p { color: #7e848a; } .error-alert .alert-message a { text-decoration: none; color: red; } .error-alert .alert-message ion-fab { top: 0px; width: 100%; left: 0px; } .error-alert .alert-message ion-fab ion-fab-button { --background-hover: white; z-index: 999; margin: 0 auto; } .error-alert .alert-message ion-fab ion-fab-button::part(native) { background: white; color: var(--ion-color-danger); cursor: default; } .error-alert .alert-message ion-icon { font-size: 18px; font-weight: bold; contain: none; } .error-alert .alert-button-group { background: white; margin-top: -4px; } .error-alert .alert-button-group .alert-button { border-top: 0; border-color: var(--ion-color-light); color: var(--ion-color-danger); } .error-alert .alert-head { height: 25px; } .error-alert .primary-btn { background: red; color: white !important; font-weight: bold; } .error-alert .expand-btn { width: 100%; border-radius: 5px; height: 50px; margin: 5px 10px; } .error-alert .uppercase { text-transform: uppercase; } .error-alert .bt { border-top: 1px solid #f7f7f7 !important; } .error-alert .b { font-weight: bold; } .success-alert .alert-wrapper { background: transparent; border-radius: 5px; } .success-alert .alert-message { background: white; border-radius: 5px; padding-top: 40px; max-height: 80%; } .success-alert .alert-message h2 { color: var(--ion-color-primary); font-weight: bold; font-size: 18px; margin: 10px 0 20px; } .success-alert .alert-message p { color: #7e848a; } .success-alert .alert-message a { text-decoration: none; color: red; } .success-alert .alert-message ion-fab { top: 0px; width: 100%; left: 0px; } .success-alert .alert-message ion-fab ion-fab-button { --background-hover: white; z-index: 999; margin: 0 auto; } .success-alert .alert-message ion-fab ion-fab-button::part(native) { background: white; color: var(--ion-color-success); cursor: default; } .success-alert .alert-message ion-icon { font-size: 18px; font-weight: bold; contain: none; } .success-alert .alert-button-group { background: white; margin-top: -4px; } .success-alert .alert-button-group .alert-button { border-top: 0; border-color: var(--ion-color-light); color: var(--ion-color-danger); } .success-alert .alert-head { height: 25px; } .success-alert .primary-btn { background: red; color: white !important; font-weight: bold; } .success-alert .expand-btn { width: 100%; border-radius: 5px; height: 50px; margin: 5px 10px; } .success-alert .uppercase { text-transform: uppercase; } .success-alert .bt { border-top: 1px solid #f7f7f7 !important; } .success-alert .b { font-weight: bold; } .info-alert .alert-wrapper { background: transparent; border-radius: 5px; } .info-alert .alert-message { background: white; border-radius: 5px; padding-top: 40px; max-height: 80%; } .info-alert .alert-message h2 { color: var(--ion-color-primary); font-weight: bold; font-size: 18px; margin: 10px 0 20px; } .info-alert .alert-message p { color: #7e848a; } .info-alert .alert-message a { text-decoration: none; color: red; } .info-alert .alert-message ion-fab { top: 0px; width: 100%; left: 0px; } .info-alert .alert-message ion-fab ion-fab-button { --background-hover: white; z-index: 999; margin: 0 auto; } .info-alert .alert-message ion-fab ion-fab-button::part(native) { background: white; color: var(--ion-color-blue); cursor: default; } .info-alert .alert-message ion-icon { font-size: 18px; font-weight: bold; contain: none; } .info-alert .alert-button-group { background: white; margin-top: -4px; } .info-alert .alert-button-group .alert-button { border-top: 0; border-color: var(--ion-color-light); color: var(--ion-color-danger); } .info-alert .alert-head { height: 25px; } .info-alert .primary-btn { background: red; color: white !important; font-weight: bold; } .info-alert .expand-btn { width: 100%; border-radius: 5px; height: 50px; margin: 5px 10px; } .info-alert .uppercase { text-transform: uppercase; } .info-alert .bt { border-top: 1px solid #f7f7f7 !important; } .info-alert .b { font-weight: bold; } .info-alert-stamp .alert-wrapper { background: transparent; border-radius: 5px; } .info-alert-stamp .alert-message { background: white; border-radius: 5px; padding-top: 40px; max-height: 80%; } .info-alert-stamp .alert-message h2 { color: var(--ion-color-primary); font-weight: bold; font-size: 18px; margin: 10px 0 20px; } .info-alert-stamp .alert-message p { color: #7e848a; } .info-alert-stamp .alert-message a { text-decoration: none; color: red; } .info-alert-stamp .alert-message ion-fab { top: 0px; width: 100%; left: 0px; } .info-alert-stamp .alert-message ion-fab ion-fab-button { --background-hover: white; z-index: 999; margin: 0 auto; } .info-alert-stamp .alert-message ion-fab ion-fab-button::part(native) { background: white; color: var(--ion-color-danger); cursor: default; } .info-alert-stamp .alert-message ion-icon { font-size: 18px; font-weight: bold; contain: none; } .info-alert-stamp .alert-button-group { background: white; margin-top: -4px; } .info-alert-stamp .alert-button-group .alert-button { border-top: 0; border-color: var(--ion-color-light); color: var(--ion-color-danger); } .info-alert-stamp .alert-head { height: 25px; } .info-alert-stamp .primary-btn { background: red; color: white !important; font-weight: bold; } .info-alert-stamp .expand-btn { width: 100%; border-radius: 5px; height: 50px; margin: 5px 10px; } .info-alert-stamp .uppercase { text-transform: uppercase; } .info-alert-stamp .bt { border-top: 1px solid #f7f7f7 !important; } .info-alert-stamp .b { font-weight: bold; } .info-alert-blue .alert-wrapper { background: transparent; border-radius: 5px; } .info-alert-blue .alert-message { background: white; border-radius: 5px; padding-top: 40px; max-height: 80%; } .info-alert-blue .alert-message h2 { color: var(--ion-color-primary); font-weight: bold; font-size: 18px; margin: 10px 0 20px; } .info-alert-blue .alert-message p { color: #7e848a; } .info-alert-blue .alert-message a { text-decoration: none; color: red; } .info-alert-blue .alert-message ion-fab { top: 0px; width: 100%; left: 0px; } .info-alert-blue .alert-message ion-fab ion-fab-button { --background-hover: white; z-index: 999; margin: 0 auto; } .info-alert-blue .alert-message ion-fab ion-fab-button::part(native) { background: white; color: var(--ion-color-blue); cursor: default; } .info-alert-blue .alert-message ion-icon { font-size: 18px; font-weight: bold; contain: none; } .info-alert-blue .alert-button-group { background: white; margin-top: -4px; } .info-alert-blue .alert-button-group .alert-button { border-top: 0; border-color: var(--ion-color-light); color: var(--ion-color-danger); } .info-alert-blue .alert-head { height: 25px; } .info-alert-blue .primary-btn { background: red; color: white !important; font-weight: bold; } .info-alert-blue .expand-btn { width: 100%; border-radius: 5px; height: 50px; margin: 5px 10px; } .info-alert-blue .uppercase { text-transform: uppercase; } .info-alert-blue .bt { border-top: 1px solid #f7f7f7 !important; } .info-alert-blue .b { font-weight: bold; } .casino-play-alert .alert-wrapper { background: transparent; border-radius: 5px; } .casino-play-alert .alert-message { background: white; border-radius: 5px; padding-top: 40px; max-height: 80%; } .casino-play-alert .alert-message h2 { color: var(--ion-color-primary); font-weight: bold; font-size: 18px; margin: 10px 0 20px; } .casino-play-alert .alert-message p { color: #7e848a; } .casino-play-alert .alert-message a { text-decoration: none; color: red; } .casino-play-alert .alert-message ion-fab { top: 0px; width: 100%; left: 0px; } .casino-play-alert .alert-message ion-fab ion-fab-button { --background-hover: white; z-index: 999; margin: 0 auto; } .casino-play-alert .alert-message ion-fab ion-fab-button::part(native) { background: white; color: var(--ion-color-danger); cursor: default; } .casino-play-alert .alert-message ion-icon { font-size: 18px; font-weight: bold; contain: none; } .casino-play-alert .alert-button-group { background: white; margin-top: -4px; } .casino-play-alert .alert-button-group .alert-button { border-top: 0; border-color: var(--ion-color-light); color: var(--ion-color-danger); } .casino-play-alert .alert-head { height: 25px; } .casino-play-alert .primary-btn { background: red; color: white !important; font-weight: bold; } .casino-play-alert .expand-btn { width: 100%; border-radius: 5px; height: 50px; margin: 5px 10px; } .casino-play-alert .uppercase { text-transform: uppercase; } .casino-play-alert .bt { border-top: 1px solid #f7f7f7 !important; } .casino-play-alert .b { font-weight: bold; } .casino-play-alert .alert-radio-group { display: flex; flex-direction: column; gap: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; border: none; background: white; font-family: "Roboto Condensed"; font-size: 16px; font-weight: 700; } .casino-play-alert .alert-radio-group .button-main { border-radius: 4px; background: #F30D31; } .casino-play-alert .alert-radio-group .button-main .alert-radio-label { color: #FFFFFF; } .casino-play-alert .alert-radio-group .button-secondary { border: 1px solid #CCC; border-radius: 4px; } .casino-play-alert .alert-radio-group .button-secondary .alert-radio-label { color: #7e848a; } .casino-play-alert .alert-radio-group .alert-radio-icon { display: none; } .casino-play-alert .alert-radio-group .alert-radio-label { display: flex; justify-content: center; align-items: center; } .casino-play-alert .alert-message { padding-bottom: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .casino-play-alert .alert-button-group { margin-top: 0px; } .casino-play-alert .alert-button-group .alert-button { height: 80px; background: #f7f7f7; } .casino-play-alert .alert-button-group .alert-button .alert-button-inner { font-weight: 500; } .popover-overflow-visible .popover-content { overflow: visible; } .popover-wrapper { background: transparent; border-radius: 5px; } .popover-wrapper .popover-content { position: static; width: 300px; margin: 0 auto; background: transparent; box-shadow: none; } ion-radio::part(container) { border-color: #999999; } ion-radio::part(mark) { background-color: var(--ion-color-secondary); } ion-toolbar ion-title { color: #ffffff; font-size: 18px; font-weight: bold; padding: 0 5px; } ion-toolbar ion-title h1, ion-toolbar ion-title h2, ion-toolbar ion-title h3, ion-toolbar ion-title h4, ion-toolbar ion-title h5, ion-toolbar ion-title h6 { margin: 0; font-size: 18px; font-weight: 700; color: var(--ion-color-secondary-contrast); } ion-toolbar ion-title span { font-weight: 400; color: #989b9f; } .buyback-modal, .autobuyback-modal, .odds-modal, .register-log-in-modal { --width: 90vw; --overflow: visible; --border-radius: 5px; --max-width: 500px; --height: auto; z-index: 9; --background: #fff; } .odds-modal { --background: #f1f2f2; } ion-segment-button button { pointer-events: none; } .capitalize { text-transform: capitalize; } .capitalize-first::first-letter { text-transform: capitalize; } .fixed-button-bottom-wrapper { position: fixed; z-index: 100; bottom: 0px; width: 100%; background: #ffffff; padding-top: 8px; padding-bottom: 8px; text-align: center; max-height: 100px; color: #777d83; } .live-small-icon, .virtual-small-icon { font-size: 12px; letter-spacing: -2.8px; } .live-small-icon { color: var(--ion-color-secondary); } .virtual-small-icon { color: var(--color-purple1); } .modal-fullscreen .modal-wrapper { width: 100vw; height: 100vh; } .input-livesearch-modal { --background: #0000008f; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .before\:mr-2::before{ content: var(--tw-content); margin-right: 0.5rem; } .before\:mr-2\.5::before{ content: var(--tw-content); margin-right: 0.625rem; } .before\:mt-\[2px\]::before{ content: var(--tw-content); margin-top: 2px; } .before\:block::before{ content: var(--tw-content); display: block; } .before\:inline-block::before{ content: var(--tw-content); display: inline-block; } .before\:h-3::before{ content: var(--tw-content); height: 0.75rem; } .before\:h-\[7px\]::before{ content: var(--tw-content); height: 7px; } .before\:w-3::before{ content: var(--tw-content); width: 0.75rem; } .before\:w-full::before{ content: var(--tw-content); width: 100%; } .before\:rounded-full::before{ content: var(--tw-content); border-radius: 9999px; } .before\:border-b::before{ content: var(--tw-content); border-bottom-width: 1px; } .before\:border-dashed::before{ content: var(--tw-content); border-style: dashed; } .before\:border-slate-50::before{ content: var(--tw-content); border-color: var(--slate-50); } .before\:bg-slate-100::before{ content: var(--tw-content); background-color: var(--slate-100); } .before\:bg-white::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .before\:align-text-top::before{ content: var(--tw-content); vertical-align: text-top; } .before\:content-\[\'_\'\]::before{ --tw-content: ' '; content: var(--tw-content); } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:right-0::after{ content: var(--tw-content); right: 0px; } .after\:top-0::after{ content: var(--tw-content); top: 0px; } .after\:block::after{ content: var(--tw-content); display: block; } .after\:h-\[7px\]::after{ content: var(--tw-content); height: 7px; } .after\:h-full::after{ content: var(--tw-content); height: 100%; } .after\:w-\[2px\]::after{ content: var(--tw-content); width: 2px; } .after\:w-full::after{ content: var(--tw-content); width: 100%; } .after\:content-\[\'_\'\]::after{ --tw-content: ' '; content: var(--tw-content); } .first\:mt-\[2px\]:first-child{ margin-top: 2px; } .first\:border-t-0:first-child{ border-top-width: 0px; } .first\:pl-0:first-child{ padding-left: 0px; } .first\:pr-0:first-child{ padding-right: 0px; } .first\:text-left:first-child{ text-align: left; } .first\:before\:absolute:first-child::before{ content: var(--tw-content); position: absolute; } .first\:before\:top-0:first-child::before{ content: var(--tw-content); top: 0px; } .first\:before\:block:first-child::before{ content: var(--tw-content); display: block; } .first\:before\:h-\[2px\]:first-child::before{ content: var(--tw-content); height: 2px; } .first\:before\:w-full:first-child::before{ content: var(--tw-content); width: 100%; } .first\:before\:bg-white:first-child::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .first\:before\:content-\[\'_\'\]:first-child::before{ --tw-content: ' '; content: var(--tw-content); } .last\:mb-\[2px\]:last-child{ margin-bottom: 2px; } .last\:border-0:last-child{ border-width: 0px; } .last\:after\:absolute:last-child::after{ content: var(--tw-content); position: absolute; } .last\:after\:bottom-0:last-child::after{ content: var(--tw-content); bottom: 0px; } .last\:after\:block:last-child::after{ content: var(--tw-content); display: block; } .last\:after\:h-\[2px\]:last-child::after{ content: var(--tw-content); height: 2px; } .last\:after\:w-full:last-child::after{ content: var(--tw-content); width: 100%; } .last\:after\:bg-white:last-child::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .last\:after\:content-\[\'_\'\]:last-child::after{ --tw-content: ' '; content: var(--tw-content); } .active\:bg-green-600:active{ background-color: var(--green-600); } .active\:bg-green-800:active{ background-color: var(--green-800); } .active\:bg-primary-25:active{ background-color: #eeeef0; background-color: var(--primary-25); } .active\:bg-slate-25:active{ background-color: var(--slate-25); } .active\:bg-slate-75:active{ background-color: var(--slate-75); } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{ display: none; } .\[\&\>\*\]\:h-7>*{ height: 1.75rem; } .\[\&\>\*\]\:w-7>*{ width: 1.75rem; } .\[\&\>\*\]\:rounded-full>*{ border-radius: 9999px; } .\[\&\>\*\]\:text-center>*{ text-align: center; } .\[\&\>\*\]\:text-white>*{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .\[\&_i\]\:text-lg i{ font-size: 1.125rem; line-height: 1.75rem; } /*# sourceMappingURL=styles.css.map*/