/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/app/nx-ionic-my360/src/styles.scss?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap); /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/core.css ***! \**********************************************************************************************************************************************************************************************************************************/ :root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}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-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}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,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}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}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}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, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !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, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !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, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 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, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !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, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !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, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !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, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !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, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !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;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}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{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: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-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;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(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{transition:none !important}}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}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}} /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/normalize.css ***! \***************************************************************************************************************************************************************************************************************************************/ 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::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-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} /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/structure.css ***! \***************************************************************************************************************************************************************************************************************************************/ *{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%;text-size-adjust:100%}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%;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;text-size-adjust:none} /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/typography.css ***! \****************************************************************************************************************************************************************************************************************************************/ html{font-family:var(--ion-font-family)}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}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:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}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} /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ionic/angular/css/display.css ***! \*************************************************************************************************************************************************************************************************************************************/ .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}}.ion-display-none{display:none !important}@media(min-width: 576px){.ion-display-sm-none{display:none !important}}@media(min-width: 768px){.ion-display-md-none{display:none !important}}@media(min-width: 992px){.ion-display-lg-none{display:none !important}}@media(min-width: 1200px){.ion-display-xl-none{display:none !important}}.ion-display-inline{display:inline !important}@media(min-width: 576px){.ion-display-sm-inline{display:inline !important}}@media(min-width: 768px){.ion-display-md-inline{display:inline !important}}@media(min-width: 992px){.ion-display-lg-inline{display:inline !important}}@media(min-width: 1200px){.ion-display-xl-inline{display:inline !important}}.ion-display-inline-block{display:inline-block !important}@media(min-width: 576px){.ion-display-sm-inline-block{display:inline-block !important}}@media(min-width: 768px){.ion-display-md-inline-block{display:inline-block !important}}@media(min-width: 992px){.ion-display-lg-inline-block{display:inline-block !important}}@media(min-width: 1200px){.ion-display-xl-inline-block{display:inline-block !important}}.ion-display-block{display:block !important}@media(min-width: 576px){.ion-display-sm-block{display:block !important}}@media(min-width: 768px){.ion-display-md-block{display:block !important}}@media(min-width: 992px){.ion-display-lg-block{display:block !important}}@media(min-width: 1200px){.ion-display-xl-block{display:block !important}}.ion-display-flex{display:flex !important}@media(min-width: 576px){.ion-display-sm-flex{display:flex !important}}@media(min-width: 768px){.ion-display-md-flex{display:flex !important}}@media(min-width: 992px){.ion-display-lg-flex{display:flex !important}}@media(min-width: 1200px){.ion-display-xl-flex{display:flex !important}}.ion-display-inline-flex{display:inline-flex !important}@media(min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.ion-display-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex !important}}.ion-display-grid{display:grid !important}@media(min-width: 576px){.ion-display-sm-grid{display:grid !important}}@media(min-width: 768px){.ion-display-md-grid{display:grid !important}}@media(min-width: 992px){.ion-display-lg-grid{display:grid !important}}@media(min-width: 1200px){.ion-display-xl-grid{display:grid !important}}.ion-display-inline-grid{display:inline-grid !important}@media(min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid !important}}@media(min-width: 768px){.ion-display-md-inline-grid{display:inline-grid !important}}@media(min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid !important}}@media(min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid !important}}.ion-display-table{display:table !important}@media(min-width: 576px){.ion-display-sm-table{display:table !important}}@media(min-width: 768px){.ion-display-md-table{display:table !important}}@media(min-width: 992px){.ion-display-lg-table{display:table !important}}@media(min-width: 1200px){.ion-display-xl-table{display:table !important}}.ion-display-table-cell{display:table-cell !important}@media(min-width: 576px){.ion-display-sm-table-cell{display:table-cell !important}}@media(min-width: 768px){.ion-display-md-table-cell{display:table-cell !important}}@media(min-width: 992px){.ion-display-lg-table-cell{display:table-cell !important}}@media(min-width: 1200px){.ion-display-xl-table-cell{display:table-cell !important}}.ion-display-table-row{display:table-row !important}@media(min-width: 576px){.ion-display-sm-table-row{display:table-row !important}}@media(min-width: 768px){.ion-display-md-table-row{display:table-row !important}}@media(min-width: 992px){.ion-display-lg-table-row{display:table-row !important}}@media(min-width: 1200px){.ion-display-xl-table-row{display:table-row !important}} /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/app/nx-ionic-my360/src/styles.scss?ngGlobalStyle (1) ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* * 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 */ /* OneSource Design System */ /* Roboto font — used throughout the app */ /* Shared utilities - available globally to all components */ /* * Do not edit directly * Generated on Mon Mar 02 2026 12:20:19 GMT+0000 (Coordinated Universal Time) */ /* * Do not edit directly * Generated on Mon Mar 02 2026 12:20:19 GMT+0000 (Coordinated Universal Time) */ :root { --gradient-10-vertical: linear-gradient(180deg, var(--extended-01-color) 0%, var(--extended-09-color) 100%); --gradient-10-vertical-reversed: linear-gradient(180deg, var(--extended-09-color) 0%, var(--extended-01-color) 100%); --gradient-10-diagonal: linear-gradient(112.82deg, var(--extended-01-color) 3.64%, var(--extended-09-color) 95.93%); --gradient-10-diagonal-reversed: linear-gradient(112.82deg, var(--extended-09-color) 3.64%, var(--extended-01-color) 95.93%); --gradient-11-vertical: linear-gradient(180deg, var(--extended-05-color) 0%, var(--extended-09-color) 100%); --gradient-11-vertical-reversed: linear-gradient(180deg, var(--extended-09-color) 0%, var(--extended-05-color) 100%); --gradient-11-diagonal: linear-gradient(112.82deg, var(--extended-05-color) 3.64%, var(--extended-09-color) 95.93%); --gradient-11-diagonal-reversed: linear-gradient(112.82deg, var(--extended-09-color) 3.64%, var(--extended-05-color) 95.93%); --gradient-12-vertical: linear-gradient(180deg, var(--extended-05-color) 0%, var(--primary-color) 100%); --gradient-12-vertical-reversed: linear-gradient(180deg, var(--primary-color) 0%, var(--extended-05-color) 100%); --gradient-12-diagonal: linear-gradient(112.82deg, var(--extended-05-color) 3.64%, var(--primary-color) 95.93%); --gradient-12-diagonal-reversed: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--extended-05-color) 95.93%); --gradient-13-vertical: linear-gradient(180deg, var(--extended-07-color) 0%, var(--primary-color) 100%); --gradient-13-vertical-reversed: linear-gradient(180deg, var(--primary-color) 0%, var(--extended-07-color) 100%); --gradient-13-diagonal: linear-gradient(112.82deg, var(--extended-07-color) 3.64%, var(--primary-color) 95.93%); --gradient-13-diagonal-reversed: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--extended-07-color) 95.93%); --gradient-blue-00-vertical: linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%); --gradient-blue-00-vertical-reversed: linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 100%); --gradient-blue-00-diagonal: linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%); --gradient-blue-00-diagonal-reversed: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%); --gradient-blue-01-vertical: linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%); --gradient-blue-01-vertical-reversed: linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 100%); --gradient-blue-01-diagonal: linear-gradient(93.67deg, var(--secondary-color) 1.23%, var(--primary-color) 58.64%); --gradient-blue-01-diagonal-reversed: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--secondary-color) 95.93%); --gradient-blue-02-vertical: linear-gradient(180deg, var(--extended-10-color) 0%, var(--secondary-color) 100%); --gradient-blue-02-vertical-reversed: linear-gradient(180deg, var(--secondary-color) 0%, var(--extended-10-color) 100%); --gradient-blue-02-diagonal: linear-gradient(93.67deg, var(--extended-10-color) 1.23%, var(--secondary-color) 58.64%); --gradient-blue-02-diagonal-reversed: linear-gradient(112.82deg, var(--secondary-color) 3.64%, var(--extended-10-color) 95.93%); --gradient-blue-03-vertical: linear-gradient(180deg, var(--primary-color) 0%, var(--extended-10-color) 100%); --gradient-blue-03-vertical-reversed: linear-gradient(180deg, var(--extended-10-color) 0%, var(--primary-color) 100%); --gradient-blue-03-diagonal: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--extended-10-color) 95.93%); --gradient-blue-03-diagonal-reversed: linear-gradient(112.82deg, var(--extended-10-color) 3.64%, var(--primary-color) 95.93%); --gradient-blue-04-vertical: linear-gradient(180deg, var(--primary-color) 0%, var(--accent-2-color) 100%); --gradient-blue-04-vertical-reversed: linear-gradient(180deg, var(--accent-2-color) 0%, var(--primary-color) 100%); --gradient-blue-04-diagonal: linear-gradient(112.82deg, var(--primary-color) 3.64%, var(--accent-2-color) 95.93%); --gradient-blue-04-diagonal-reversed: linear-gradient(112.82deg, var(--accent-2-color) 3.64%, var(--primary-color) 95.93%); --gradient-01-vertical: linear-gradient(180deg, var(--extended-02-color) 0%, var(--extended-01-color) 100%); --gradient-01-vertical-reversed: linear-gradient(180deg, var(--extended-01-color) 0%, var(--extended-02-color) 100%); --gradient-01-diagonal: linear-gradient(112.82deg, var(--extended-02-color) 3.64%, var(--extended-01-color) 95.93%); --gradient-01-diagonal-reversed: linear-gradient(112.82deg, var(--extended-01-color) 3.64%, var(--extended-02-color) 95.93%); --gradient-02-vertical: linear-gradient(180deg, var(--extended-02-color) 0%, var(--extended-03-color) 100%); --gradient-02-vertical-reversed: linear-gradient(180deg, var(--extended-03-color) 0%, var(--extended-02-color) 100%); --gradient-02-diagonal: linear-gradient(112.82deg, var(--extended-02-color) 3.64%, var(--extended-03-color) 95.93%); --gradient-02-diagonal-reversed: linear-gradient(112.82deg, var(--extended-03-color) 3.64%, var(--extended-02-color) 95.93%); --gradient-03-vertical: linear-gradient(180deg, var(--extended-03-color) 0%, var(--extended-08-color) 100%); --gradient-03-vertical-reversed: linear-gradient(180deg, var(--extended-08-color) 0%, var(--extended-03-color) 100%); --gradient-03-diagonal: linear-gradient(112.82deg, var(--extended-03-color) 3.64%, var(--extended-08-color) 95.93%); --gradient-03-diagonal-reversed: linear-gradient(112.82deg, var(--extended-08-color) 3.64%, var(--extended-03-color) 95.93%); --gradient-04-vertical: linear-gradient(180deg, var(--extended-04-color) 0%, var(--extended-08-color) 100%); --gradient-04-vertical-reversed: linear-gradient(180deg, var(--extended-08-color) 0%, var(--extended-04-color) 100%); --gradient-04-diagonal: linear-gradient(112.82deg, var(--extended-08-color) 3.64%, var(--extended-04-color) 95.93%); --gradient-04-diagonal-reversed: linear-gradient(112.82deg, var(--extended-04-color) 3.64%, var(--extended-08-color) 95.93%); --gradient-05-vertical: linear-gradient(180deg, var(--extended-04-color) 0%, var(--extended-05-color) 100%); --gradient-05-vertical-reversed: linear-gradient(180deg, var(--extended-05-color) 0%, var(--extended-04-color) 100%); --gradient-05-diagonal: linear-gradient(112.82deg, var(--extended-04-color) 3.64%, var(--extended-05-color) 95.93%); --gradient-05-diagonal-reversed: linear-gradient(112.82deg, var(--extended-05-color) 3.64%, var(--extended-04-color) 95.93%); --gradient-06-vertical: linear-gradient(180deg, var(--extended-05-color) 0%, var(--extended-06-color) 100%); --gradient-06-vertical-reversed: linear-gradient(180deg, var(--extended-06-color) 0%, var(--extended-05-color) 100%); --gradient-06-diagonal: linear-gradient(112.82deg, var(--extended-05-color) 3.64%, var(--extended-06-color) 95.93%); --gradient-06-diagonal-reversed: linear-gradient(112.82deg, var(--extended-06-color) 3.64%, var(--extended-05-color) 95.93%); --gradient-07-vertical: linear-gradient(180deg, var(--extended-06-color) 0%, var(--extended-07-color) 100%); --gradient-07-vertical-reversed: linear-gradient(180deg, var(--extended-07-color) 0%, var(--extended-06-color) 100%); --gradient-07-diagonal: linear-gradient(112.82deg, var(--extended-06-color) 3.64%, var(--extended-07-color) 95.93%); --gradient-07-diagonal-reversed: linear-gradient(112.82deg, var(--extended-07-color) 3.64%, var(--extended-06-color) 95.93%); --gradient-08-vertical: linear-gradient(180deg, var(--extended-07-color) 0%, var(--extended-07-dark-color) 100%); --gradient-08-vertical-reversed: linear-gradient(180deg, var(--extended-07-dark-color) 0%, var(--extended-07-color) 100%); --gradient-08-diagonal: linear-gradient(112.82deg, var(--extended-07-color) 3.64%, var(--extended-07-dark-color) 95.93%); --gradient-08-diagonal-reversed: linear-gradient(112.82deg, var(--extended-07-dark-color) 3.64%, var(--extended-07-color) 95.93%); --gradient-09-vertical: linear-gradient(180deg, var(--extended-08-color) 0%, var(--extended-08-5-color) 100%); --gradient-09-vertical-reversed: linear-gradient(180deg, var(--extended-08-5-color) 0%, var(--extended-08-color) 100%); --gradient-09-diagonal: linear-gradient(112.82deg, var(--extended-08-color) 3.64%, var(--extended-08-5-color) 95.93%); --gradient-09-diagonal-reversed: linear-gradient(112.82deg, var(--extended-08-5-color) 3.64%, var(--extended-08-color) 95.93%); } .os-layout-container { max-width: 100%; margin: 0 auto; } @media screen and (min-width: 1920px) { .os-layout-container { max-width: 1296px; } } @media screen and (min-width: 1440px) and (max-width: 1919.98px) { .os-layout-container { max-width: 1296px; } } @media screen and (min-width: 1024px) and (max-width: 1439.98px) { .os-layout-container { max-width: 960px; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout-container { max-width: 728px; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout-container { max-width: 328px; } } @media screen and (max-width: 359.98px) { .os-layout-container { padding-left: 16px; padding-right: 16px; } } .os-layout-container.expanded { max-width: 100%; } /* .os-layout.p-auto-3 { // media query for xxl padding: 32px; // media query for xl padding: 32px; // media query for l padding: 32px; // media query for md padding: 24px; // media query for sm padding: 24px; // media query for xs padding: 16px; } */ @media screen and (min-width: 1024px) { .os-layout.p-auto-0 { padding: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.p-auto-0 { padding: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.p-auto-0 { padding: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.p-auto-0 { padding: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-auto-1 { padding: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.p-auto-1 { padding: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.p-auto-1 { padding: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.p-auto-1 { padding: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-auto-2 { padding: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.p-auto-2 { padding: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.p-auto-2 { padding: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.p-auto-2 { padding: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-auto-3 { padding: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.p-auto-3 { padding: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.p-auto-3 { padding: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.p-auto-3 { padding: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-auto-4 { padding: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.p-auto-4 { padding: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.p-auto-4 { padding: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.p-auto-4 { padding: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-auto-5 { padding: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.p-auto-5 { padding: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.p-auto-5 { padding: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.p-auto-5 { padding: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-auto-0 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.py-auto-0 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.py-auto-0 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.py-auto-0 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-auto-1 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.py-auto-1 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.py-auto-1 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.py-auto-1 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-auto-2 { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.py-auto-2 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.py-auto-2 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.py-auto-2 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-auto-3 { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.py-auto-3 { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.py-auto-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.py-auto-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-auto-4 { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.py-auto-4 { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.py-auto-4 { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.py-auto-4 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-auto-5 { padding-top: 60px !important; padding-bottom: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.py-auto-5 { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.py-auto-5 { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.py-auto-5 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-auto-0 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.px-auto-0 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.px-auto-0 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.px-auto-0 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-auto-1 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.px-auto-1 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.px-auto-1 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.px-auto-1 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-auto-2 { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.px-auto-2 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.px-auto-2 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.px-auto-2 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-auto-3 { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.px-auto-3 { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.px-auto-3 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.px-auto-3 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-auto-4 { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.px-auto-4 { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.px-auto-4 { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.px-auto-4 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-auto-5 { padding-left: 60px !important; padding-right: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.px-auto-5 { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.px-auto-5 { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.px-auto-5 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-auto-0 { padding-left: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pl-auto-0 { padding-left: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pl-auto-0 { padding-left: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pl-auto-0 { padding-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-auto-1 { padding-left: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pl-auto-1 { padding-left: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pl-auto-1 { padding-left: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pl-auto-1 { padding-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-auto-2 { padding-left: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pl-auto-2 { padding-left: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pl-auto-2 { padding-left: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pl-auto-2 { padding-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-auto-3 { padding-left: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pl-auto-3 { padding-left: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pl-auto-3 { padding-left: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pl-auto-3 { padding-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-auto-4 { padding-left: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pl-auto-4 { padding-left: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pl-auto-4 { padding-left: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pl-auto-4 { padding-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-auto-5 { padding-left: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pl-auto-5 { padding-left: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pl-auto-5 { padding-left: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pl-auto-5 { padding-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-auto-0 { padding-right: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pr-auto-0 { padding-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pr-auto-0 { padding-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pr-auto-0 { padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-auto-1 { padding-right: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pr-auto-1 { padding-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pr-auto-1 { padding-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pr-auto-1 { padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-auto-2 { padding-right: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pr-auto-2 { padding-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pr-auto-2 { padding-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pr-auto-2 { padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-auto-3 { padding-right: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pr-auto-3 { padding-right: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pr-auto-3 { padding-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pr-auto-3 { padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-auto-4 { padding-right: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pr-auto-4 { padding-right: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pr-auto-4 { padding-right: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pr-auto-4 { padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-auto-5 { padding-right: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pr-auto-5 { padding-right: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pr-auto-5 { padding-right: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pr-auto-5 { padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-auto-0 { padding-top: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pt-auto-0 { padding-top: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pt-auto-0 { padding-top: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pt-auto-0 { padding-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-auto-1 { padding-top: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pt-auto-1 { padding-top: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pt-auto-1 { padding-top: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pt-auto-1 { padding-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-auto-2 { padding-top: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pt-auto-2 { padding-top: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pt-auto-2 { padding-top: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pt-auto-2 { padding-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-auto-3 { padding-top: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pt-auto-3 { padding-top: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pt-auto-3 { padding-top: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pt-auto-3 { padding-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-auto-4 { padding-top: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pt-auto-4 { padding-top: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pt-auto-4 { padding-top: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pt-auto-4 { padding-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-auto-5 { padding-top: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pt-auto-5 { padding-top: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pt-auto-5 { padding-top: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pt-auto-5 { padding-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-auto-0 { padding-bottom: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pb-auto-0 { padding-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pb-auto-0 { padding-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pb-auto-0 { padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-auto-1 { padding-bottom: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pb-auto-1 { padding-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pb-auto-1 { padding-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pb-auto-1 { padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-auto-2 { padding-bottom: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pb-auto-2 { padding-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pb-auto-2 { padding-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pb-auto-2 { padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-auto-3 { padding-bottom: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pb-auto-3 { padding-bottom: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pb-auto-3 { padding-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pb-auto-3 { padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-auto-4 { padding-bottom: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pb-auto-4 { padding-bottom: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pb-auto-4 { padding-bottom: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pb-auto-4 { padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-auto-5 { padding-bottom: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.pb-auto-5 { padding-bottom: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.pb-auto-5 { padding-bottom: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.pb-auto-5 { padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-auto-0 { margin: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.m-auto-0 { margin: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.m-auto-0 { margin: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.m-auto-0 { margin: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-auto-1 { margin: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.m-auto-1 { margin: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.m-auto-1 { margin: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.m-auto-1 { margin: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-auto-2 { margin: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.m-auto-2 { margin: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.m-auto-2 { margin: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.m-auto-2 { margin: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-auto-3 { margin: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.m-auto-3 { margin: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.m-auto-3 { margin: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.m-auto-3 { margin: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-auto-4 { margin: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.m-auto-4 { margin: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.m-auto-4 { margin: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.m-auto-4 { margin: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-auto-5 { margin: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.m-auto-5 { margin: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.m-auto-5 { margin: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.m-auto-5 { margin: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-auto-0 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.my-auto-0 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.my-auto-0 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.my-auto-0 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-auto-1 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.my-auto-1 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.my-auto-1 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.my-auto-1 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-auto-2 { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.my-auto-2 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.my-auto-2 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.my-auto-2 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-auto-3 { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.my-auto-3 { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.my-auto-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.my-auto-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-auto-4 { margin-top: 40px !important; margin-bottom: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.my-auto-4 { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.my-auto-4 { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.my-auto-4 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-auto-5 { margin-top: 60px !important; margin-bottom: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.my-auto-5 { margin-top: 40px !important; margin-bottom: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.my-auto-5 { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.my-auto-5 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-auto-0 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mx-auto-0 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mx-auto-0 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mx-auto-0 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-auto-1 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mx-auto-1 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mx-auto-1 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mx-auto-1 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-auto-2 { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mx-auto-2 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mx-auto-2 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mx-auto-2 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-auto-3 { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mx-auto-3 { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mx-auto-3 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mx-auto-3 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-auto-4 { margin-left: 40px !important; margin-right: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mx-auto-4 { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mx-auto-4 { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mx-auto-4 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-auto-5 { margin-left: 60px !important; margin-right: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mx-auto-5 { margin-left: 40px !important; margin-right: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mx-auto-5 { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mx-auto-5 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-auto-0 { margin-left: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.ml-auto-0 { margin-left: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.ml-auto-0 { margin-left: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.ml-auto-0 { margin-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-auto-1 { margin-left: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.ml-auto-1 { margin-left: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.ml-auto-1 { margin-left: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.ml-auto-1 { margin-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-auto-2 { margin-left: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.ml-auto-2 { margin-left: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.ml-auto-2 { margin-left: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.ml-auto-2 { margin-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-auto-3 { margin-left: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.ml-auto-3 { margin-left: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.ml-auto-3 { margin-left: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.ml-auto-3 { margin-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-auto-4 { margin-left: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.ml-auto-4 { margin-left: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.ml-auto-4 { margin-left: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.ml-auto-4 { margin-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-auto-5 { margin-left: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.ml-auto-5 { margin-left: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.ml-auto-5 { margin-left: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.ml-auto-5 { margin-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-auto-0 { margin-right: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mr-auto-0 { margin-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mr-auto-0 { margin-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mr-auto-0 { margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-auto-1 { margin-right: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mr-auto-1 { margin-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mr-auto-1 { margin-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mr-auto-1 { margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-auto-2 { margin-right: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mr-auto-2 { margin-right: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mr-auto-2 { margin-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mr-auto-2 { margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-auto-3 { margin-right: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mr-auto-3 { margin-right: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mr-auto-3 { margin-right: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mr-auto-3 { margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-auto-4 { margin-right: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mr-auto-4 { margin-right: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mr-auto-4 { margin-right: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mr-auto-4 { margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-auto-5 { margin-right: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mr-auto-5 { margin-right: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mr-auto-5 { margin-right: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mr-auto-5 { margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-auto-0 { margin-top: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mt-auto-0 { margin-top: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mt-auto-0 { margin-top: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mt-auto-0 { margin-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-auto-1 { margin-top: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mt-auto-1 { margin-top: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mt-auto-1 { margin-top: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mt-auto-1 { margin-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-auto-2 { margin-top: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mt-auto-2 { margin-top: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mt-auto-2 { margin-top: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mt-auto-2 { margin-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-auto-3 { margin-top: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mt-auto-3 { margin-top: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mt-auto-3 { margin-top: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mt-auto-3 { margin-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-auto-4 { margin-top: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mt-auto-4 { margin-top: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mt-auto-4 { margin-top: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mt-auto-4 { margin-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-auto-5 { margin-top: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mt-auto-5 { margin-top: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mt-auto-5 { margin-top: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mt-auto-5 { margin-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-auto-0 { margin-bottom: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mb-auto-0 { margin-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mb-auto-0 { margin-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mb-auto-0 { margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-auto-1 { margin-bottom: 16px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mb-auto-1 { margin-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mb-auto-1 { margin-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mb-auto-1 { margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-auto-2 { margin-bottom: 24px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mb-auto-2 { margin-bottom: 16px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mb-auto-2 { margin-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mb-auto-2 { margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-auto-3 { margin-bottom: 32px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mb-auto-3 { margin-bottom: 24px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mb-auto-3 { margin-bottom: 16px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mb-auto-3 { margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-auto-4 { margin-bottom: 40px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mb-auto-4 { margin-bottom: 32px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mb-auto-4 { margin-bottom: 24px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mb-auto-4 { margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-auto-5 { margin-bottom: 60px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.98px) { .os-layout.mb-auto-5 { margin-bottom: 40px !important; } } @media screen and (min-width: 360px) and (max-width: 767.98px) { .os-layout.mb-auto-5 { margin-bottom: 32px !important; } } @media screen and (max-width: 359.98px) { .os-layout.mb-auto-5 { margin-bottom: 16px !important; } } /* .os-layout.p-1 { } .os-layout.px-1 { } .os-layout.px-sm-1 { } */ .os-layout.p-0 { padding: 16px !important; } @media screen and (min-width: 360px) { .os-layout.p-sm-0 { padding: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.p-md-0 { padding: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-lg-0 { padding: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.p-xl-0 { padding: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.p-xxl-0 { padding: 16px !important; } } .os-layout.p-1 { padding: 16px !important; } @media screen and (min-width: 360px) { .os-layout.p-sm-1 { padding: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.p-md-1 { padding: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-lg-1 { padding: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.p-xl-1 { padding: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.p-xxl-1 { padding: 16px !important; } } .os-layout.p-2 { padding: 24px !important; } @media screen and (min-width: 360px) { .os-layout.p-sm-2 { padding: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.p-md-2 { padding: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-lg-2 { padding: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.p-xl-2 { padding: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.p-xxl-2 { padding: 24px !important; } } .os-layout.p-3 { padding: 32px !important; } @media screen and (min-width: 360px) { .os-layout.p-sm-3 { padding: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.p-md-3 { padding: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-lg-3 { padding: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.p-xl-3 { padding: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.p-xxl-3 { padding: 32px !important; } } .os-layout.p-4 { padding: 40px !important; } @media screen and (min-width: 360px) { .os-layout.p-sm-4 { padding: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.p-md-4 { padding: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-lg-4 { padding: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.p-xl-4 { padding: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.p-xxl-4 { padding: 40px !important; } } .os-layout.p-5 { padding: 60px !important; } @media screen and (min-width: 360px) { .os-layout.p-sm-5 { padding: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.p-md-5 { padding: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.p-lg-5 { padding: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.p-xl-5 { padding: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.p-xxl-5 { padding: 60px !important; } } .os-layout.py-0 { padding-top: 16px !important; padding-bottom: 16px !important; } @media screen and (min-width: 360px) { .os-layout.py-sm-0 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.py-md-0 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-lg-0 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.py-xl-0 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.py-xxl-0 { padding-top: 16px !important; padding-bottom: 16px !important; } } .os-layout.py-1 { padding-top: 16px !important; padding-bottom: 16px !important; } @media screen and (min-width: 360px) { .os-layout.py-sm-1 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.py-md-1 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-lg-1 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.py-xl-1 { padding-top: 16px !important; padding-bottom: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.py-xxl-1 { padding-top: 16px !important; padding-bottom: 16px !important; } } .os-layout.py-2 { padding-top: 24px !important; padding-bottom: 24px !important; } @media screen and (min-width: 360px) { .os-layout.py-sm-2 { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.py-md-2 { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-lg-2 { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.py-xl-2 { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.py-xxl-2 { padding-top: 24px !important; padding-bottom: 24px !important; } } .os-layout.py-3 { padding-top: 32px !important; padding-bottom: 32px !important; } @media screen and (min-width: 360px) { .os-layout.py-sm-3 { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.py-md-3 { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-lg-3 { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.py-xl-3 { padding-top: 32px !important; padding-bottom: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.py-xxl-3 { padding-top: 32px !important; padding-bottom: 32px !important; } } .os-layout.py-4 { padding-top: 40px !important; padding-bottom: 40px !important; } @media screen and (min-width: 360px) { .os-layout.py-sm-4 { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.py-md-4 { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-lg-4 { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.py-xl-4 { padding-top: 40px !important; padding-bottom: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.py-xxl-4 { padding-top: 40px !important; padding-bottom: 40px !important; } } .os-layout.py-5 { padding-top: 60px !important; padding-bottom: 60px !important; } @media screen and (min-width: 360px) { .os-layout.py-sm-5 { padding-top: 60px !important; padding-bottom: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.py-md-5 { padding-top: 60px !important; padding-bottom: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.py-lg-5 { padding-top: 60px !important; padding-bottom: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.py-xl-5 { padding-top: 60px !important; padding-bottom: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.py-xxl-5 { padding-top: 60px !important; padding-bottom: 60px !important; } } .os-layout.px-0 { padding-left: 16px !important; padding-right: 16px !important; } @media screen and (min-width: 360px) { .os-layout.px-sm-0 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.px-md-0 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-lg-0 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.px-xl-0 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.px-xxl-0 { padding-left: 16px !important; padding-right: 16px !important; } } .os-layout.px-1 { padding-left: 16px !important; padding-right: 16px !important; } @media screen and (min-width: 360px) { .os-layout.px-sm-1 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.px-md-1 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-lg-1 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.px-xl-1 { padding-left: 16px !important; padding-right: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.px-xxl-1 { padding-left: 16px !important; padding-right: 16px !important; } } .os-layout.px-2 { padding-left: 24px !important; padding-right: 24px !important; } @media screen and (min-width: 360px) { .os-layout.px-sm-2 { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.px-md-2 { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-lg-2 { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.px-xl-2 { padding-left: 24px !important; padding-right: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.px-xxl-2 { padding-left: 24px !important; padding-right: 24px !important; } } .os-layout.px-3 { padding-left: 32px !important; padding-right: 32px !important; } @media screen and (min-width: 360px) { .os-layout.px-sm-3 { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.px-md-3 { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-lg-3 { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.px-xl-3 { padding-left: 32px !important; padding-right: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.px-xxl-3 { padding-left: 32px !important; padding-right: 32px !important; } } .os-layout.px-4 { padding-left: 40px !important; padding-right: 40px !important; } @media screen and (min-width: 360px) { .os-layout.px-sm-4 { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.px-md-4 { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-lg-4 { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.px-xl-4 { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.px-xxl-4 { padding-left: 40px !important; padding-right: 40px !important; } } .os-layout.px-5 { padding-left: 60px !important; padding-right: 60px !important; } @media screen and (min-width: 360px) { .os-layout.px-sm-5 { padding-left: 60px !important; padding-right: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.px-md-5 { padding-left: 60px !important; padding-right: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.px-lg-5 { padding-left: 60px !important; padding-right: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.px-xl-5 { padding-left: 60px !important; padding-right: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.px-xxl-5 { padding-left: 60px !important; padding-right: 60px !important; } } .os-layout.pl-0 { padding-left: 16px !important; } @media screen and (min-width: 360px) { .os-layout.pl-sm-0 { padding-left: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.pl-md-0 { padding-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-lg-0 { padding-left: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.pl-xl-0 { padding-left: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.pl-xxl-0 { padding-left: 16px !important; } } .os-layout.pl-1 { padding-left: 16px !important; } @media screen and (min-width: 360px) { .os-layout.pl-sm-1 { padding-left: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.pl-md-1 { padding-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-lg-1 { padding-left: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.pl-xl-1 { padding-left: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.pl-xxl-1 { padding-left: 16px !important; } } .os-layout.pl-2 { padding-left: 24px !important; } @media screen and (min-width: 360px) { .os-layout.pl-sm-2 { padding-left: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.pl-md-2 { padding-left: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-lg-2 { padding-left: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.pl-xl-2 { padding-left: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.pl-xxl-2 { padding-left: 24px !important; } } .os-layout.pl-3 { padding-left: 32px !important; } @media screen and (min-width: 360px) { .os-layout.pl-sm-3 { padding-left: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.pl-md-3 { padding-left: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-lg-3 { padding-left: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.pl-xl-3 { padding-left: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.pl-xxl-3 { padding-left: 32px !important; } } .os-layout.pl-4 { padding-left: 40px !important; } @media screen and (min-width: 360px) { .os-layout.pl-sm-4 { padding-left: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.pl-md-4 { padding-left: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-lg-4 { padding-left: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.pl-xl-4 { padding-left: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.pl-xxl-4 { padding-left: 40px !important; } } .os-layout.pl-5 { padding-left: 60px !important; } @media screen and (min-width: 360px) { .os-layout.pl-sm-5 { padding-left: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.pl-md-5 { padding-left: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.pl-lg-5 { padding-left: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.pl-xl-5 { padding-left: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.pl-xxl-5 { padding-left: 60px !important; } } .os-layout.pr-0 { padding-right: 16px !important; } @media screen and (min-width: 360px) { .os-layout.pr-sm-0 { padding-right: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.pr-md-0 { padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-lg-0 { padding-right: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.pr-xl-0 { padding-right: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.pr-xxl-0 { padding-right: 16px !important; } } .os-layout.pr-1 { padding-right: 16px !important; } @media screen and (min-width: 360px) { .os-layout.pr-sm-1 { padding-right: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.pr-md-1 { padding-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-lg-1 { padding-right: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.pr-xl-1 { padding-right: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.pr-xxl-1 { padding-right: 16px !important; } } .os-layout.pr-2 { padding-right: 24px !important; } @media screen and (min-width: 360px) { .os-layout.pr-sm-2 { padding-right: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.pr-md-2 { padding-right: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-lg-2 { padding-right: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.pr-xl-2 { padding-right: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.pr-xxl-2 { padding-right: 24px !important; } } .os-layout.pr-3 { padding-right: 32px !important; } @media screen and (min-width: 360px) { .os-layout.pr-sm-3 { padding-right: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.pr-md-3 { padding-right: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-lg-3 { padding-right: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.pr-xl-3 { padding-right: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.pr-xxl-3 { padding-right: 32px !important; } } .os-layout.pr-4 { padding-right: 40px !important; } @media screen and (min-width: 360px) { .os-layout.pr-sm-4 { padding-right: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.pr-md-4 { padding-right: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-lg-4 { padding-right: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.pr-xl-4 { padding-right: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.pr-xxl-4 { padding-right: 40px !important; } } .os-layout.pr-5 { padding-right: 60px !important; } @media screen and (min-width: 360px) { .os-layout.pr-sm-5 { padding-right: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.pr-md-5 { padding-right: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.pr-lg-5 { padding-right: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.pr-xl-5 { padding-right: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.pr-xxl-5 { padding-right: 60px !important; } } .os-layout.pt-0 { padding-top: 16px !important; } @media screen and (min-width: 360px) { .os-layout.pt-sm-0 { padding-top: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.pt-md-0 { padding-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-lg-0 { padding-top: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.pt-xl-0 { padding-top: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.pt-xxl-0 { padding-top: 16px !important; } } .os-layout.pt-1 { padding-top: 16px !important; } @media screen and (min-width: 360px) { .os-layout.pt-sm-1 { padding-top: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.pt-md-1 { padding-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-lg-1 { padding-top: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.pt-xl-1 { padding-top: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.pt-xxl-1 { padding-top: 16px !important; } } .os-layout.pt-2 { padding-top: 24px !important; } @media screen and (min-width: 360px) { .os-layout.pt-sm-2 { padding-top: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.pt-md-2 { padding-top: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-lg-2 { padding-top: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.pt-xl-2 { padding-top: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.pt-xxl-2 { padding-top: 24px !important; } } .os-layout.pt-3 { padding-top: 32px !important; } @media screen and (min-width: 360px) { .os-layout.pt-sm-3 { padding-top: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.pt-md-3 { padding-top: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-lg-3 { padding-top: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.pt-xl-3 { padding-top: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.pt-xxl-3 { padding-top: 32px !important; } } .os-layout.pt-4 { padding-top: 40px !important; } @media screen and (min-width: 360px) { .os-layout.pt-sm-4 { padding-top: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.pt-md-4 { padding-top: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-lg-4 { padding-top: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.pt-xl-4 { padding-top: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.pt-xxl-4 { padding-top: 40px !important; } } .os-layout.pt-5 { padding-top: 60px !important; } @media screen and (min-width: 360px) { .os-layout.pt-sm-5 { padding-top: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.pt-md-5 { padding-top: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.pt-lg-5 { padding-top: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.pt-xl-5 { padding-top: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.pt-xxl-5 { padding-top: 60px !important; } } .os-layout.pb-0 { padding-bottom: 16px !important; } @media screen and (min-width: 360px) { .os-layout.pb-sm-0 { padding-bottom: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.pb-md-0 { padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-lg-0 { padding-bottom: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.pb-xl-0 { padding-bottom: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.pb-xxl-0 { padding-bottom: 16px !important; } } .os-layout.pb-1 { padding-bottom: 16px !important; } @media screen and (min-width: 360px) { .os-layout.pb-sm-1 { padding-bottom: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.pb-md-1 { padding-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-lg-1 { padding-bottom: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.pb-xl-1 { padding-bottom: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.pb-xxl-1 { padding-bottom: 16px !important; } } .os-layout.pb-2 { padding-bottom: 24px !important; } @media screen and (min-width: 360px) { .os-layout.pb-sm-2 { padding-bottom: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.pb-md-2 { padding-bottom: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-lg-2 { padding-bottom: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.pb-xl-2 { padding-bottom: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.pb-xxl-2 { padding-bottom: 24px !important; } } .os-layout.pb-3 { padding-bottom: 32px !important; } @media screen and (min-width: 360px) { .os-layout.pb-sm-3 { padding-bottom: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.pb-md-3 { padding-bottom: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-lg-3 { padding-bottom: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.pb-xl-3 { padding-bottom: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.pb-xxl-3 { padding-bottom: 32px !important; } } .os-layout.pb-4 { padding-bottom: 40px !important; } @media screen and (min-width: 360px) { .os-layout.pb-sm-4 { padding-bottom: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.pb-md-4 { padding-bottom: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-lg-4 { padding-bottom: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.pb-xl-4 { padding-bottom: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.pb-xxl-4 { padding-bottom: 40px !important; } } .os-layout.pb-5 { padding-bottom: 60px !important; } @media screen and (min-width: 360px) { .os-layout.pb-sm-5 { padding-bottom: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.pb-md-5 { padding-bottom: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.pb-lg-5 { padding-bottom: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.pb-xl-5 { padding-bottom: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.pb-xxl-5 { padding-bottom: 60px !important; } } .os-layout.m-0 { margin: 16px !important; } @media screen and (min-width: 360px) { .os-layout.m-sm-0 { margin: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.m-md-0 { margin: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-lg-0 { margin: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.m-xl-0 { margin: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.m-xxl-0 { margin: 16px !important; } } .os-layout.m-1 { margin: 16px !important; } @media screen and (min-width: 360px) { .os-layout.m-sm-1 { margin: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.m-md-1 { margin: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-lg-1 { margin: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.m-xl-1 { margin: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.m-xxl-1 { margin: 16px !important; } } .os-layout.m-2 { margin: 24px !important; } @media screen and (min-width: 360px) { .os-layout.m-sm-2 { margin: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.m-md-2 { margin: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-lg-2 { margin: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.m-xl-2 { margin: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.m-xxl-2 { margin: 24px !important; } } .os-layout.m-3 { margin: 32px !important; } @media screen and (min-width: 360px) { .os-layout.m-sm-3 { margin: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.m-md-3 { margin: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-lg-3 { margin: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.m-xl-3 { margin: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.m-xxl-3 { margin: 32px !important; } } .os-layout.m-4 { margin: 40px !important; } @media screen and (min-width: 360px) { .os-layout.m-sm-4 { margin: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.m-md-4 { margin: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-lg-4 { margin: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.m-xl-4 { margin: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.m-xxl-4 { margin: 40px !important; } } .os-layout.m-5 { margin: 60px !important; } @media screen and (min-width: 360px) { .os-layout.m-sm-5 { margin: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.m-md-5 { margin: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.m-lg-5 { margin: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.m-xl-5 { margin: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.m-xxl-5 { margin: 60px !important; } } .os-layout.my-0 { margin-top: 16px !important; margin-bottom: 16px !important; } @media screen and (min-width: 360px) { .os-layout.my-sm-0 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.my-md-0 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-lg-0 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.my-xl-0 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.my-xxl-0 { margin-top: 16px !important; margin-bottom: 16px !important; } } .os-layout.my-1 { margin-top: 16px !important; margin-bottom: 16px !important; } @media screen and (min-width: 360px) { .os-layout.my-sm-1 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.my-md-1 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-lg-1 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.my-xl-1 { margin-top: 16px !important; margin-bottom: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.my-xxl-1 { margin-top: 16px !important; margin-bottom: 16px !important; } } .os-layout.my-2 { margin-top: 24px !important; margin-bottom: 24px !important; } @media screen and (min-width: 360px) { .os-layout.my-sm-2 { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.my-md-2 { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-lg-2 { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.my-xl-2 { margin-top: 24px !important; margin-bottom: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.my-xxl-2 { margin-top: 24px !important; margin-bottom: 24px !important; } } .os-layout.my-3 { margin-top: 32px !important; margin-bottom: 32px !important; } @media screen and (min-width: 360px) { .os-layout.my-sm-3 { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.my-md-3 { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-lg-3 { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.my-xl-3 { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.my-xxl-3 { margin-top: 32px !important; margin-bottom: 32px !important; } } .os-layout.my-4 { margin-top: 40px !important; margin-bottom: 40px !important; } @media screen and (min-width: 360px) { .os-layout.my-sm-4 { margin-top: 40px !important; margin-bottom: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.my-md-4 { margin-top: 40px !important; margin-bottom: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-lg-4 { margin-top: 40px !important; margin-bottom: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.my-xl-4 { margin-top: 40px !important; margin-bottom: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.my-xxl-4 { margin-top: 40px !important; margin-bottom: 40px !important; } } .os-layout.my-5 { margin-top: 60px !important; margin-bottom: 60px !important; } @media screen and (min-width: 360px) { .os-layout.my-sm-5 { margin-top: 60px !important; margin-bottom: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.my-md-5 { margin-top: 60px !important; margin-bottom: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.my-lg-5 { margin-top: 60px !important; margin-bottom: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.my-xl-5 { margin-top: 60px !important; margin-bottom: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.my-xxl-5 { margin-top: 60px !important; margin-bottom: 60px !important; } } .os-layout.mx-0 { margin-left: 16px !important; margin-right: 16px !important; } @media screen and (min-width: 360px) { .os-layout.mx-sm-0 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.mx-md-0 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-lg-0 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.mx-xl-0 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.mx-xxl-0 { margin-left: 16px !important; margin-right: 16px !important; } } .os-layout.mx-1 { margin-left: 16px !important; margin-right: 16px !important; } @media screen and (min-width: 360px) { .os-layout.mx-sm-1 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.mx-md-1 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-lg-1 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.mx-xl-1 { margin-left: 16px !important; margin-right: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.mx-xxl-1 { margin-left: 16px !important; margin-right: 16px !important; } } .os-layout.mx-2 { margin-left: 24px !important; margin-right: 24px !important; } @media screen and (min-width: 360px) { .os-layout.mx-sm-2 { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.mx-md-2 { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-lg-2 { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.mx-xl-2 { margin-left: 24px !important; margin-right: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.mx-xxl-2 { margin-left: 24px !important; margin-right: 24px !important; } } .os-layout.mx-3 { margin-left: 32px !important; margin-right: 32px !important; } @media screen and (min-width: 360px) { .os-layout.mx-sm-3 { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.mx-md-3 { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-lg-3 { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.mx-xl-3 { margin-left: 32px !important; margin-right: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.mx-xxl-3 { margin-left: 32px !important; margin-right: 32px !important; } } .os-layout.mx-4 { margin-left: 40px !important; margin-right: 40px !important; } @media screen and (min-width: 360px) { .os-layout.mx-sm-4 { margin-left: 40px !important; margin-right: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.mx-md-4 { margin-left: 40px !important; margin-right: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-lg-4 { margin-left: 40px !important; margin-right: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.mx-xl-4 { margin-left: 40px !important; margin-right: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.mx-xxl-4 { margin-left: 40px !important; margin-right: 40px !important; } } .os-layout.mx-5 { margin-left: 60px !important; margin-right: 60px !important; } @media screen and (min-width: 360px) { .os-layout.mx-sm-5 { margin-left: 60px !important; margin-right: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.mx-md-5 { margin-left: 60px !important; margin-right: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.mx-lg-5 { margin-left: 60px !important; margin-right: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.mx-xl-5 { margin-left: 60px !important; margin-right: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.mx-xxl-5 { margin-left: 60px !important; margin-right: 60px !important; } } .os-layout.ml-0 { margin-left: 16px !important; } @media screen and (min-width: 360px) { .os-layout.ml-sm-0 { margin-left: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.ml-md-0 { margin-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-lg-0 { margin-left: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.ml-xl-0 { margin-left: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.ml-xxl-0 { margin-left: 16px !important; } } .os-layout.ml-1 { margin-left: 16px !important; } @media screen and (min-width: 360px) { .os-layout.ml-sm-1 { margin-left: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.ml-md-1 { margin-left: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-lg-1 { margin-left: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.ml-xl-1 { margin-left: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.ml-xxl-1 { margin-left: 16px !important; } } .os-layout.ml-2 { margin-left: 24px !important; } @media screen and (min-width: 360px) { .os-layout.ml-sm-2 { margin-left: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.ml-md-2 { margin-left: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-lg-2 { margin-left: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.ml-xl-2 { margin-left: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.ml-xxl-2 { margin-left: 24px !important; } } .os-layout.ml-3 { margin-left: 32px !important; } @media screen and (min-width: 360px) { .os-layout.ml-sm-3 { margin-left: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.ml-md-3 { margin-left: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-lg-3 { margin-left: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.ml-xl-3 { margin-left: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.ml-xxl-3 { margin-left: 32px !important; } } .os-layout.ml-4 { margin-left: 40px !important; } @media screen and (min-width: 360px) { .os-layout.ml-sm-4 { margin-left: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.ml-md-4 { margin-left: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-lg-4 { margin-left: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.ml-xl-4 { margin-left: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.ml-xxl-4 { margin-left: 40px !important; } } .os-layout.ml-5 { margin-left: 60px !important; } @media screen and (min-width: 360px) { .os-layout.ml-sm-5 { margin-left: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.ml-md-5 { margin-left: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.ml-lg-5 { margin-left: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.ml-xl-5 { margin-left: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.ml-xxl-5 { margin-left: 60px !important; } } .os-layout.mr-0 { margin-right: 16px !important; } @media screen and (min-width: 360px) { .os-layout.mr-sm-0 { margin-right: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.mr-md-0 { margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-lg-0 { margin-right: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.mr-xl-0 { margin-right: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.mr-xxl-0 { margin-right: 16px !important; } } .os-layout.mr-1 { margin-right: 16px !important; } @media screen and (min-width: 360px) { .os-layout.mr-sm-1 { margin-right: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.mr-md-1 { margin-right: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-lg-1 { margin-right: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.mr-xl-1 { margin-right: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.mr-xxl-1 { margin-right: 16px !important; } } .os-layout.mr-2 { margin-right: 24px !important; } @media screen and (min-width: 360px) { .os-layout.mr-sm-2 { margin-right: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.mr-md-2 { margin-right: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-lg-2 { margin-right: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.mr-xl-2 { margin-right: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.mr-xxl-2 { margin-right: 24px !important; } } .os-layout.mr-3 { margin-right: 32px !important; } @media screen and (min-width: 360px) { .os-layout.mr-sm-3 { margin-right: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.mr-md-3 { margin-right: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-lg-3 { margin-right: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.mr-xl-3 { margin-right: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.mr-xxl-3 { margin-right: 32px !important; } } .os-layout.mr-4 { margin-right: 40px !important; } @media screen and (min-width: 360px) { .os-layout.mr-sm-4 { margin-right: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.mr-md-4 { margin-right: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-lg-4 { margin-right: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.mr-xl-4 { margin-right: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.mr-xxl-4 { margin-right: 40px !important; } } .os-layout.mr-5 { margin-right: 60px !important; } @media screen and (min-width: 360px) { .os-layout.mr-sm-5 { margin-right: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.mr-md-5 { margin-right: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.mr-lg-5 { margin-right: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.mr-xl-5 { margin-right: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.mr-xxl-5 { margin-right: 60px !important; } } .os-layout.mt-0 { margin-top: 16px !important; } @media screen and (min-width: 360px) { .os-layout.mt-sm-0 { margin-top: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.mt-md-0 { margin-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-lg-0 { margin-top: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.mt-xl-0 { margin-top: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.mt-xxl-0 { margin-top: 16px !important; } } .os-layout.mt-1 { margin-top: 16px !important; } @media screen and (min-width: 360px) { .os-layout.mt-sm-1 { margin-top: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.mt-md-1 { margin-top: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-lg-1 { margin-top: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.mt-xl-1 { margin-top: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.mt-xxl-1 { margin-top: 16px !important; } } .os-layout.mt-2 { margin-top: 24px !important; } @media screen and (min-width: 360px) { .os-layout.mt-sm-2 { margin-top: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.mt-md-2 { margin-top: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-lg-2 { margin-top: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.mt-xl-2 { margin-top: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.mt-xxl-2 { margin-top: 24px !important; } } .os-layout.mt-3 { margin-top: 32px !important; } @media screen and (min-width: 360px) { .os-layout.mt-sm-3 { margin-top: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.mt-md-3 { margin-top: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-lg-3 { margin-top: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.mt-xl-3 { margin-top: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.mt-xxl-3 { margin-top: 32px !important; } } .os-layout.mt-4 { margin-top: 40px !important; } @media screen and (min-width: 360px) { .os-layout.mt-sm-4 { margin-top: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.mt-md-4 { margin-top: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-lg-4 { margin-top: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.mt-xl-4 { margin-top: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.mt-xxl-4 { margin-top: 40px !important; } } .os-layout.mt-5 { margin-top: 60px !important; } @media screen and (min-width: 360px) { .os-layout.mt-sm-5 { margin-top: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.mt-md-5 { margin-top: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.mt-lg-5 { margin-top: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.mt-xl-5 { margin-top: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.mt-xxl-5 { margin-top: 60px !important; } } .os-layout.mb-0 { margin-bottom: 16px !important; } @media screen and (min-width: 360px) { .os-layout.mb-sm-0 { margin-bottom: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.mb-md-0 { margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-lg-0 { margin-bottom: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.mb-xl-0 { margin-bottom: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.mb-xxl-0 { margin-bottom: 16px !important; } } .os-layout.mb-1 { margin-bottom: 16px !important; } @media screen and (min-width: 360px) { .os-layout.mb-sm-1 { margin-bottom: 16px !important; } } @media screen and (min-width: 768px) { .os-layout.mb-md-1 { margin-bottom: 16px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-lg-1 { margin-bottom: 16px !important; } } @media screen and (min-width: 1440px) { .os-layout.mb-xl-1 { margin-bottom: 16px !important; } } @media screen and (min-width: 1920px) { .os-layout.mb-xxl-1 { margin-bottom: 16px !important; } } .os-layout.mb-2 { margin-bottom: 24px !important; } @media screen and (min-width: 360px) { .os-layout.mb-sm-2 { margin-bottom: 24px !important; } } @media screen and (min-width: 768px) { .os-layout.mb-md-2 { margin-bottom: 24px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-lg-2 { margin-bottom: 24px !important; } } @media screen and (min-width: 1440px) { .os-layout.mb-xl-2 { margin-bottom: 24px !important; } } @media screen and (min-width: 1920px) { .os-layout.mb-xxl-2 { margin-bottom: 24px !important; } } .os-layout.mb-3 { margin-bottom: 32px !important; } @media screen and (min-width: 360px) { .os-layout.mb-sm-3 { margin-bottom: 32px !important; } } @media screen and (min-width: 768px) { .os-layout.mb-md-3 { margin-bottom: 32px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-lg-3 { margin-bottom: 32px !important; } } @media screen and (min-width: 1440px) { .os-layout.mb-xl-3 { margin-bottom: 32px !important; } } @media screen and (min-width: 1920px) { .os-layout.mb-xxl-3 { margin-bottom: 32px !important; } } .os-layout.mb-4 { margin-bottom: 40px !important; } @media screen and (min-width: 360px) { .os-layout.mb-sm-4 { margin-bottom: 40px !important; } } @media screen and (min-width: 768px) { .os-layout.mb-md-4 { margin-bottom: 40px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-lg-4 { margin-bottom: 40px !important; } } @media screen and (min-width: 1440px) { .os-layout.mb-xl-4 { margin-bottom: 40px !important; } } @media screen and (min-width: 1920px) { .os-layout.mb-xxl-4 { margin-bottom: 40px !important; } } .os-layout.mb-5 { margin-bottom: 60px !important; } @media screen and (min-width: 360px) { .os-layout.mb-sm-5 { margin-bottom: 60px !important; } } @media screen and (min-width: 768px) { .os-layout.mb-md-5 { margin-bottom: 60px !important; } } @media screen and (min-width: 1024px) { .os-layout.mb-lg-5 { margin-bottom: 60px !important; } } @media screen and (min-width: 1440px) { .os-layout.mb-xl-5 { margin-bottom: 60px !important; } } @media screen and (min-width: 1920px) { .os-layout.mb-xxl-5 { margin-bottom: 60px !important; } } /* * Do not edit directly * Generated on Mon Mar 02 2026 12:20:19 GMT+0000 (Coordinated Universal Time) */ :root { --os-typography-weight-lbold-font-weight: 700; --os-typography-weight-bold-font-weight: 700; --os-typography-weight-medium-font-weight: 500; --os-typography-weight-regular-font-weight: 400; --os-typography-style-default-font-style: normal; --os-typography-size-xxs-line-height: 0.75rem; --os-typography-size-xxs-font-size: 0.625rem; --os-typography-size-xs-line-height: 0.875rem; --os-typography-size-xs-font-size: 0.75rem; --os-typography-size-s-line-height: 1rem; --os-typography-size-s-font-size: 0.875rem; --os-typography-size-m-line-height: 1.125rem; --os-typography-size-m-font-size: 1rem; --os-typography-size-l-line-height: 1.25rem; --os-typography-size-l-font-size: 1.125rem; --os-typography-size-xl-line-height: 1.5rem; --os-typography-size-xl-font-size: 1.25rem; --os-typography-size-xxl-line-height: 1.75rem; --os-typography-size-xxl-font-size: 1.5rem; --os-typography-size-xxxl-line-height: 2rem; --os-typography-size-xxxl-font-size: 1.75rem; --os-typography-size-xxxxl-line-height: 2.5rem; --os-typography-size-xxxxl-font-size: 2rem; --os-typography-font-default-font-family: "BentonSansPro", "Arial", sans-serif; --os-typography-color-negative-name: negative; --os-typography-color-positive-name: positive; --os-typography-color-secondary-name: secondary; --os-typography-color-primary-name: primary; --os-typography-color-white-name: white; --os-typography-color-lightgrey-name: light-grey; --os-typography-color-mediumgrey-name: medium-grey; --os-typography-color-darkgrey-name: dark-grey; --hidden-positive-color: #01732d; --hidden-positive-color-rgb: 1, 115, 45; --hidden-secondary-color: #006efc; --hidden-secondary-color-rgb: 0, 110, 252; --hidden-negative-color: #c3052d; --hidden-negative-color-rgb: 195, 5, 45; --hover-secondary-135-color: #014297; --hover-secondary-135-color-rgb: 1, 66, 151; --hover-positive-135-color: #015926; --hover-positive-135-color-rgb: 1, 89, 38; --hover-negative-135-color: #c00228; --hover-negative-135-color-rgb: 192, 2, 40; --extended-09-color: #0691ff; --extended-09-color-rgb: 6, 145, 255; --extended-08-5-color: #715535; --extended-08-5-color-rgb: 113, 85, 53; --extended-08-color: #ff5c00; --extended-08-color-rgb: 255, 92, 0; --extended-07-dark-color: #454d53; --extended-07-dark-color-rgb: 69, 77, 83; --extended-07-color: #4b32b0; --extended-07-color-rgb: 75, 50, 176; --extended-06-color: #665ec7; --extended-06-color-rgb: 102, 94, 199; --extended-05-color: #b150c5; --extended-05-color-rgb: 177, 80, 197; --extended-04-color: #aa0050; --extended-04-color-rgb: 170, 0, 80; --extended-03-color: #ffc700; --extended-03-color-rgb: 255, 199, 0; --extended-02-color: #83c74d; --extended-02-color-rgb: 131, 199, 77; --extended-01-color: #00af43; --extended-01-color-rgb: 0, 175, 67; --extended-12-color: #006996; --extended-12-color-rgb: 0, 105, 150; --extended-11-color: #1c8ecf; --extended-11-color-rgb: 28, 142, 207; --extended-10-color: #23c1ff; --extended-10-color-rgb: 35, 193, 255; --neutral-color: #444444; --neutral-color-rgb: 68, 68, 68; --white-color: #ffffff; --white-color-rgb: 255, 255, 255; --pale-grey-15-color: #f8f8fa; --pale-grey-15-color-rgb: 248, 248, 250; --pale-grey-25-color: #f4f5f7; --pale-grey-25-color-rgb: 244, 245, 247; --pale-grey-50-color: #e3e6ea; --pale-grey-50-color-rgb: 227, 230, 234; --pale-grey-color: #ced3d9; --pale-grey-color-rgb: 206, 211, 217; --light-grey-80-color: #697786; --light-grey-80-color-rgb: 105, 119, 134; --light-grey-color: #465463; --light-grey-color-rgb: 70, 84, 99; --medium-grey-color: #222e37; --medium-grey-color-rgb: 34, 46, 55; --dark-grey-color: #02070d; --dark-grey-color-rgb: 2, 7, 13; --warning-25-color: #ffe9c7; --warning-25-color-rgb: 255, 233, 199; --warning-4-color: #fff9f6; --warning-4-color-rgb: 255, 249, 246; --warning-color: #ff8a00; --warning-color-rgb: 255, 138, 0; --positive-25-color: #bfe0cc; --positive-25-color-rgb: 191, 224, 204; --positive-4-color: #f5faf7; --positive-4-color-rgb: 245, 250, 247; --positive-color: #008545; --positive-color-rgb: 0, 133, 69; --negative-135-color: #c00228; --negative-135-color-rgb: 192, 2, 40; --negative-25-color: #f6c2c2; --negative-25-color-rgb: 246, 194, 194; --negative-10-color: #fbe6e6; --negative-10-color-rgb: 251, 230, 230; --negative-4-color: #fef5f5; --negative-4-color-rgb: 254, 245, 245; --negative-color: #e31e46; --negative-color-rgb: 227, 30, 70; --secondary-135-color: #014297; --secondary-135-color-rgb: 1, 66, 151; --secondary-color: #0051ff; --secondary-color-rgb: 0, 81, 255; --accent-2-color: #00164e; --accent-2-color-rgb: 0, 22, 78; --accent-1-color: #00008c; --accent-1-color-rgb: 0, 0, 140; --primary-20-color: #bfdcfc; --primary-20-color-rgb: 191, 220, 252; --primary-10-color: #dfeefd; --primary-10-color-rgb: 223, 238, 253; --primary-04-color: #f2f6ff; --primary-04-color-rgb: 242, 246, 255; --primary-4-color: #f2f6ff; --primary-4-color-rgb: 242, 246, 255; --primary-color: #0033aa; --primary-color-rgb: 0, 51, 170; --os-border-width-5: 8px; --os-border-width-4: 4px; --os-border-width-3: 3px; --os-border-width-2: 2px; --os-border-width-1: 1px; --os-border-width-0: 0; --os-border-radius-full: 100%; --os-border-radius-large: 12px; --os-border-radius-default: 8px; --os-border-radius-none: 0; } /* * Do not edit directly * Generated on Mon Mar 02 2026 12:20:19 GMT+0000 (Coordinated Universal Time) */ .mat-mdc-dialog-title.mat-mdc-dialog-title { font-size: var(--os-typography-size-xl-font-size); line-height: var(--os-typography-size-xl-line-height); font-weight: var(--os-typography-weight-regular-font-weight); font-style: var(--os-typography-style-default-font-style); color: var(--white-color); } .osx-mat-table .no-border-and-underline .mat-mdc-header-cell { font-size: var(--os-typography-size-m-font-size); line-height: var(--os-typography-size-m-line-height); font-weight: var(--os-typography-weight-medium-font-weight); font-style: var(--os-typography-style-default-font-style); color: var(--dark-grey-color); } .mat-mdc-option { font-size: var(--os-typography-size-s-font-size); line-height: var(--os-typography-size-s-line-height); font-weight: var(--os-typography-weight-regular-font-weight); font-style: var(--os-typography-style-default-font-style); color: var(--dark-grey-color); } .mat-mdc-dialog-content.mat-mdc-dialog-content.mdc-dialog__content { font-size: var(--os-typography-size-s-font-size); line-height: var(--os-typography-size-s-line-height); font-weight: var(--os-typography-weight-regular-font-weight); font-style: var(--os-typography-style-default-font-style); color: var(--medium-grey-color); } .osx-mat-table .mat-mdc-header-row .mat-mdc-header-cell { font-size: var(--os-typography-size-s-font-size); line-height: var(--os-typography-size-s-line-height); font-weight: var(--os-typography-weight-medium-font-weight); font-style: var(--os-typography-style-default-font-style); color: var(--dark-grey-color); } @font-face { font-family: "BentonSansPro"; font-style: normal; font-weight: 400; font-display: swap; src: url('BentonSansProRegular_normal_normal.ed59e16862a7ad9a.woff') format("woff"), url('BentonSansProRegular_normal_normal.f544b30543a907ba.woff2') format("woff2"); font-style: normal; } @font-face { font-family: "BentonSansPro"; font-weight: 500; font-display: swap; src: url('BentonSansProMedium_normal_normal.4f07a01f019975e1.woff') format("woff"), url('BentonSansProMedium_normal_normal.a2577fc8d33e2853.woff2') format("woff2"); font-style: normal; } @font-face { font-family: "BentonSansPro"; font-weight: 700; font-display: swap; src: url('BentonSansProBold_normal_normal.c6ad695edc95187e.woff') format("woff"), url('BentonSansProBold_normal_normal.ef532408c3e45ec8.woff2') format("woff2"); font-style: normal; } .mat-mdc-snack-bar-container.osx-snackbar-container.negative .mdc-snackbar__surface { --mdc-snackbar-container-color: var(--negative-color); } .mat-mdc-snack-bar-container.osx-snackbar-container.positive .mdc-snackbar__surface { --mdc-snackbar-container-color: var(--positive-color); } .mat-mdc-snack-bar-container.osx-snackbar-container.info .mdc-snackbar__surface { --mdc-snackbar-container-color: var(--medium-grey-color); } .mat-mdc-snack-bar-container.osx-snackbar-container .mdc-snackbar__surface { --mat-snack-bar-button-color: var(--white-color); --mdc-snackbar-container-shape: 8px; padding: 6px 6px 6px 12px !important; min-width: 360px !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25) !important; } .mat-mdc-snack-bar-container.osx-snackbar-container .mdc-snackbar__label { --mdc-snackbar-supporting-text-size: 16px; display: flex; padding: 6px 6px 6px 0; align-items: center; gap: 8px; } .mat-mdc-snack-bar-container.osx-snackbar-container .mdc-snackbar__actions { justify-content: flex-end; } .mat-mdc-snack-bar-container.osx-snackbar-container .mdc-snackbar__actions button { height: 36px; padding: 0 12px; } .mat-mdc-snack-bar-container.osx-snackbar-container .mdc-snackbar__actions button .mdc-button__label { --mdc-snackbar-supporting-text-size: 16px; } .osx-snackbar { display: flex; } .osx-snackbar.has-actions { flex-direction: column; } .mat-mdc-form-field-type-osx-autocomplete .mdc-floating-label:not(.mdc-floating-label--float-above) { transform: translate(32px, -50%); } .mat-mdc-autocomplete-panel { top: -22px; position: absolute !important; border-top-left-radius: var(--mdc-shape-medium) !important; border-top-right-radius: var(--mdc-shape-medium) !important; } .osx-mat-table { background-color: var(--white-color); overflow: hidden; } .osx-mat-table.with-border { border: solid 1px var(--pale-grey-color); border-radius: 16px; } .osx-mat-table.with-bottom-border { border-radius: 0 0 16px 16px; } .osx-mat-table.no-cell-background .mat-mdc-cell { background: none; } .osx-mat-table .x-small-col { flex: 0.5 1 0 !important; } .osx-mat-table .small-col { flex: 1 1 0 !important; } .osx-mat-table .med-col { flex: 2 1 0 !important; } .osx-mat-table .large-col { flex: 3 1 0 !important; } .osx-mat-table .x-large-col { flex: 4 1 0 !important; } .osx-mat-table .right-align { justify-content: flex-end; } .osx-mat-table .center-align { justify-content: center; } .osx-mat-table .mat-paginator { background: none; } .osx-mat-table .mat-mdc-table { background: none; } .osx-mat-table .mat-mdc-footer-row { height: auto; } .osx-mat-table .mat-mdc-header-cell:first-of-type, .osx-mat-table .mat-mdc-cell:first-of-type { padding-left: 24px; } .osx-mat-table .mat-mdc-header-cell:last-of-type, .osx-mat-table .mat-mdc-cell:last-of-type { padding-right: 24px; } .osx-mat-table .mat-mdc-cell { border-color: var(--pale-grey-color); } .osx-mat-table .mdc-data-table__row:last-child .mdc-data-table__cell { border-bottom: solid 1px var(--pale-grey-color); } .osx-mat-table .mat-mdc-header-row { background-color: var(--pale-grey-25-color); border: 0; } .osx-mat-table .mat-mdc-header-row .mat-mdc-header-cell { border: 0; } .osx-mat-table .mat-sort-header-content { text-align: left; } .osx-mat-table .no-border-and-underline { box-shadow: none; border-radius: unset; border-top: none; border-left: none; border-right: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--pale-grey-color); margin-bottom: 24px; } .osx-mat-table .no-border-and-underline .mat-mdc-header-cell { border-bottom: none; } .osx-mat-table .no-border-and-underline .mat-mdc-cell { border-bottom: none; } .osx-mat-table .no-border-and-underline .mat-mdc-header-cell:last-of-type, .osx-mat-table .no-border-and-underline .mat-mdc-cell:last-of-type { text-align: right; } .osx-mat-table .no-border-and-underline .mat-mdc-header-row, .osx-mat-table .no-border-and-underline .mat-mdc-row { height: 40px; } .osx-mat-table.left-and-right-border .mat-mdc-cell { border-bottom: none !important; } .osx-mat-table.left-and-right-border .mat-mdc-row { border: 1px solid var(--pale-grey-color); border-top: 0; } .osx-mat-table.left-and-right-border .mat-mdc-row:hover { background-color: var(--white-color); } .osx-mat-table.remove-hover-and-cell-underline .mat-mdc-row:hover { background-color: var(--white-color); } .osx-mat-table.remove-hover-and-cell-underline .mdc-data-table__cell { border-bottom: 0 !important; } .osx-mat-table.no-border-on-last-row .mdc-data-table__row:last-child .mdc-data-table__cell { border-bottom: 0; } .osx-mat-table.no-border-on-last-row .mdc-data-table__row:last-child .mdc-data-table__cell { border-bottom: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .osx-mat-table .table-cell { word-wrap: break-word; white-space: pre-wrap; } } .osx-mat-table .style-alphabetic-sort { color: var(--secondary-color); margin-left: 3px; } .osx-mat-table .mat-sort-header-arrow { display: none !important; } .osx-mat-table td.action-column-data { display: flex; } .osx-mat-table .mat-mdc-row:hover { background-color: var(--pale-grey-25-color); } .flex { display: flex; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--os-typography-font-default-font-family); } .os-card-header { color: var(--medium-grey-color); font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 24px; margin-top: 0; } .os-card-subheading { font-style: normal; color: var(--light-grey-color); font-weight: 400; font-size: 16px; line-height: 20px; margin-bottom: 24px; margin-top: 0; } .os-card-body-text { color: var(--light-grey-color); font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; } .os-card-inverse * { color: var(--white); } /* You can add global styles to this file, and also import other style files */ /* You can add global styles to this file, and also import other style files */ :root { --hidden-grey-60: rgba(244, 245, 247, 0.6); /*used in table cell 2nd child row*/ --primary-4-color: #f2f6ff; --primary-20-color: #bfdcfc; --secondary-135-color: #003fca; --neutral-medium-grey-color: #222e37; } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, none); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, none); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, none); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, none); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, none); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, none); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, none); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, none); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, none); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, none); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, none); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, none); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, none); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, none); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, none); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, none); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, none); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, none); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, none); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, none); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, none); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, none); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, none); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, none); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, none); } html { --mat-sys-on-surface: initial; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent)); color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit)); } html { --mat-badge-text-font: Roboto, sans-serif; --mat-badge-line-height: 22px; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-small-size-line-height: 16px; --mat-badge-large-size-text-size: 24px; --mat-badge-large-size-line-height: 28px; } .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font: 400 24px / 32px Roboto, sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font: 500 20px / 32px Roboto, sans-serif; letter-spacing: 0.0125em; margin: 0 0 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font: 400 16px / 28px Roboto, sans-serif; letter-spacing: 0.009375em; margin: 0 0 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font: 400 16px / 24px Roboto, sans-serif; letter-spacing: 0.03125em; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font: 500 14px / 22px Roboto, sans-serif; letter-spacing: 0.0071428571em; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font: 400 14px / 20px Roboto, sans-serif; letter-spacing: 0.0178571429em; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 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, sans-serif; letter-spacing: 0.0333333333em; } .mat-headline-1, .mat-typography .mat-headline-1 { font: 300 96px / 96px Roboto, sans-serif; letter-spacing: -0.015625em; margin: 0 0 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font: 300 60px / 60px Roboto, sans-serif; letter-spacing: -0.0083333333em; margin: 0 0 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font: 400 48px / 50px Roboto, sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font: 400 34px / 40px Roboto, sans-serif; letter-spacing: 0.0073529412em; margin: 0 0 64px; } html { --mat-bottom-sheet-container-text-font: Roboto, sans-serif; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: 0.0178571429em; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif; --mat-legacy-button-toggle-label-text-line-height: 24px; --mat-legacy-button-toggle-label-text-size: 16px; --mat-legacy-button-toggle-label-text-tracking: 0.03125em; --mat-legacy-button-toggle-label-text-weight: 400; } html { --mat-standard-button-toggle-label-text-font: Roboto, sans-serif; --mat-standard-button-toggle-label-text-line-height: 24px; --mat-standard-button-toggle-label-text-size: 16px; --mat-standard-button-toggle-label-text-tracking: 0.03125em; --mat-standard-button-toggle-label-text-weight: 400; } html { --mat-datepicker-calendar-text-font: Roboto, sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-expansion-header-text-font: Roboto, sans-serif; --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Roboto, sans-serif; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: 0.0178571429em; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; } html { --mat-stepper-container-text-font: Roboto, sans-serif; --mat-stepper-header-label-text-font: Roboto, sans-serif; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-weight: 400; } html { --mat-toolbar-title-text-font: Roboto, sans-serif; --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: 0.0125em; --mat-toolbar-title-text-weight: 500; } html { --mat-tree-node-text-font: Roboto, sans-serif; --mat-tree-node-text-size: 14px; --mat-tree-node-text-weight: 400; } html { --mat-option-label-text-font: Roboto, sans-serif; --mat-option-label-text-line-height: 24px; --mat-option-label-text-size: 16px; --mat-option-label-text-tracking: 0.03125em; --mat-option-label-text-weight: 400; } html { --mat-optgroup-label-text-font: Roboto, sans-serif; --mat-optgroup-label-text-line-height: 24px; --mat-optgroup-label-text-size: 16px; --mat-optgroup-label-text-tracking: 0.03125em; --mat-optgroup-label-text-weight: 400; } html { --mat-card-title-text-font: Roboto, sans-serif; --mat-card-title-text-line-height: 32px; --mat-card-title-text-size: 20px; --mat-card-title-text-tracking: 0.0125em; --mat-card-title-text-weight: 500; --mat-card-subtitle-text-font: Roboto, sans-serif; --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: 0.0071428571em; --mat-card-subtitle-text-weight: 500; } html { --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif; --mdc-plain-tooltip-supporting-text-size: 12px; --mdc-plain-tooltip-supporting-text-weight: 400; --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em; } html { --mdc-filled-text-field-label-text-font: Roboto, sans-serif; --mdc-filled-text-field-label-text-size: 16px; --mdc-filled-text-field-label-text-tracking: 0.03125em; --mdc-filled-text-field-label-text-weight: 400; } html { --mdc-outlined-text-field-label-text-font: Roboto, sans-serif; --mdc-outlined-text-field-label-text-size: 16px; --mdc-outlined-text-field-label-text-tracking: 0.03125em; --mdc-outlined-text-field-label-text-weight: 400; } html { --mat-form-field-container-text-font: Roboto, sans-serif; --mat-form-field-container-text-line-height: 24px; --mat-form-field-container-text-size: 16px; --mat-form-field-container-text-tracking: 0.03125em; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 16px; --mat-form-field-subscript-text-font: Roboto, sans-serif; --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: 0.0333333333em; --mat-form-field-subscript-text-weight: 400; } html { --mat-select-trigger-text-font: Roboto, sans-serif; --mat-select-trigger-text-line-height: 24px; --mat-select-trigger-text-size: 16px; --mat-select-trigger-text-tracking: 0.03125em; --mat-select-trigger-text-weight: 400; } html { --mdc-dialog-subhead-font: Roboto, sans-serif; --mdc-dialog-subhead-line-height: 32px; --mdc-dialog-subhead-size: 20px; --mdc-dialog-subhead-weight: 500; --mdc-dialog-subhead-tracking: 0.0125em; --mdc-dialog-supporting-text-font: Roboto, sans-serif; --mdc-dialog-supporting-text-line-height: 24px; --mdc-dialog-supporting-text-size: 16px; --mdc-dialog-supporting-text-weight: 400; --mdc-dialog-supporting-text-tracking: 0.03125em; } .mat-mdc-standard-chip { --mdc-chip-label-text-font: Roboto, sans-serif; --mdc-chip-label-text-line-height: 20px; --mdc-chip-label-text-size: 14px; --mdc-chip-label-text-tracking: 0.0178571429em; --mdc-chip-label-text-weight: 400; } html .mat-mdc-slide-toggle { --mat-switch-label-text-font: Roboto, sans-serif; --mat-switch-label-text-line-height: 20px; --mat-switch-label-text-size: 14px; --mat-switch-label-text-tracking: 0.0178571429em; --mat-switch-label-text-weight: 400; } html { --mat-radio-label-text-font: Roboto, sans-serif; --mat-radio-label-text-line-height: 20px; --mat-radio-label-text-size: 14px; --mat-radio-label-text-tracking: 0.0178571429em; --mat-radio-label-text-weight: 400; } html { --mdc-slider-label-label-text-font: Roboto, sans-serif; --mdc-slider-label-label-text-size: 14px; --mdc-slider-label-label-text-line-height: 22px; --mdc-slider-label-label-text-tracking: 0.0071428571em; --mdc-slider-label-label-text-weight: 500; } html { --mat-menu-item-label-text-font: Roboto, sans-serif; --mat-menu-item-label-text-size: 16px; --mat-menu-item-label-text-tracking: 0.03125em; --mat-menu-item-label-text-line-height: 24px; --mat-menu-item-label-text-weight: 400; } html { --mdc-list-list-item-label-text-font: Roboto, sans-serif; --mdc-list-list-item-label-text-line-height: 24px; --mdc-list-list-item-label-text-size: 16px; --mdc-list-list-item-label-text-tracking: 0.03125em; --mdc-list-list-item-label-text-weight: 400; --mdc-list-list-item-supporting-text-font: Roboto, sans-serif; --mdc-list-list-item-supporting-text-line-height: 20px; --mdc-list-list-item-supporting-text-size: 14px; --mdc-list-list-item-supporting-text-tracking: 0.0178571429em; --mdc-list-list-item-supporting-text-weight: 400; --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif; --mdc-list-list-item-trailing-supporting-text-line-height: 20px; --mdc-list-list-item-trailing-supporting-text-size: 12px; --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em; --mdc-list-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font: 400 16px / 28px Roboto, sans-serif; letter-spacing: 0.009375em; } html { --mat-paginator-container-text-font: Roboto, sans-serif; --mat-paginator-container-text-line-height: 20px; --mat-paginator-container-text-size: 12px; --mat-paginator-container-text-tracking: 0.0333333333em; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 12px; } .mat-mdc-tab-header { --mat-tab-header-label-text-font: Roboto, sans-serif; --mat-tab-header-label-text-size: 14px; --mat-tab-header-label-text-tracking: 0.0892857143em; --mat-tab-header-label-text-line-height: 36px; --mat-tab-header-label-text-weight: 500; } html { --mat-checkbox-label-text-font: Roboto, sans-serif; --mat-checkbox-label-text-line-height: 20px; --mat-checkbox-label-text-size: 14px; --mat-checkbox-label-text-tracking: 0.0178571429em; --mat-checkbox-label-text-weight: 400; } html { --mdc-text-button-label-text-font: Roboto, sans-serif; --mdc-text-button-label-text-size: 14px; --mdc-text-button-label-text-tracking: 0.0892857143em; --mdc-text-button-label-text-weight: 500; --mdc-text-button-label-text-transform: none; } html { --mdc-filled-button-label-text-font: Roboto, sans-serif; --mdc-filled-button-label-text-size: 14px; --mdc-filled-button-label-text-tracking: 0.0892857143em; --mdc-filled-button-label-text-weight: 500; --mdc-filled-button-label-text-transform: none; } html { --mdc-protected-button-label-text-font: Roboto, sans-serif; --mdc-protected-button-label-text-size: 14px; --mdc-protected-button-label-text-tracking: 0.0892857143em; --mdc-protected-button-label-text-weight: 500; --mdc-protected-button-label-text-transform: none; } html { --mdc-outlined-button-label-text-font: Roboto, sans-serif; --mdc-outlined-button-label-text-size: 14px; --mdc-outlined-button-label-text-tracking: 0.0892857143em; --mdc-outlined-button-label-text-weight: 500; --mdc-outlined-button-label-text-transform: none; } html { --mdc-extended-fab-label-text-font: Roboto, sans-serif; --mdc-extended-fab-label-text-size: 14px; --mdc-extended-fab-label-text-tracking: 0.0892857143em; --mdc-extended-fab-label-text-weight: 500; } html { --mdc-snackbar-supporting-text-font: Roboto, sans-serif; --mdc-snackbar-supporting-text-line-height: 20px; --mdc-snackbar-supporting-text-size: 14px; --mdc-snackbar-supporting-text-weight: 400; } html { --mat-table-header-headline-font: Roboto, sans-serif; --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: 0.0071428571em; --mat-table-row-item-label-text-font: Roboto, sans-serif; --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: 0.0178571429em; --mat-table-footer-supporting-text-font: Roboto, sans-serif; --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: 0.0178571429em; } html { --mat-ripple-color: rgba(0, 0, 0, 0.1); } html { --mat-option-selected-state-label-text-color: #0051ff; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-accent { --mat-option-selected-state-label-text-color: #0033aa; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-warn { --mat-option-selected-state-label-text-color: #e31e46; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); } html { --mat-full-pseudo-checkbox-selected-icon-color: #0033aa; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } html { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0033aa; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #0051ff; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } .mat-primary { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0051ff; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #0033aa; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } .mat-accent { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0033aa; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #e31e46; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } .mat-warn { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e31e46; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html { --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --mat-app-elevation-shadow-level-0: 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-app-elevation-shadow-level-1: 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-app-elevation-shadow-level-2: 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-app-elevation-shadow-level-3: 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-app-elevation-shadow-level-4: 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-app-elevation-shadow-level-5: 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-app-elevation-shadow-level-6: 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-app-elevation-shadow-level-7: 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-app-elevation-shadow-level-8: 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-app-elevation-shadow-level-9: 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-app-elevation-shadow-level-10: 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-app-elevation-shadow-level-11: 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-app-elevation-shadow-level-12: 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-app-elevation-shadow-level-13: 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-app-elevation-shadow-level-14: 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-app-elevation-shadow-level-15: 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-app-elevation-shadow-level-16: 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-app-elevation-shadow-level-17: 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-app-elevation-shadow-level-18: 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-app-elevation-shadow-level-19: 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-app-elevation-shadow-level-20: 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-app-elevation-shadow-level-21: 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-app-elevation-shadow-level-22: 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-app-elevation-shadow-level-23: 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-app-elevation-shadow-level-24: 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); } html { --mat-option-label-text-font: var(--os-typography-font-default-font-family); --mat-option-label-text-line-height: 24px; --mat-option-label-text-size: 16px; --mat-option-label-text-tracking: 0.03125em; --mat-option-label-text-weight: 400; } html { --mat-optgroup-label-text-font: var(--os-typography-font-default-font-family); --mat-optgroup-label-text-line-height: 24px; --mat-optgroup-label-text-size: 16px; --mat-optgroup-label-text-tracking: 0.03125em; --mat-optgroup-label-text-weight: 400; } html { --mdc-elevated-card-container-shape: 4px; } html { --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; } html { --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 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); } html { --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } html { --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); } html { --mat-card-title-text-font: var(--os-typography-font-default-font-family); --mat-card-title-text-line-height: 32px; --mat-card-title-text-size: 20px; --mat-card-title-text-tracking: 0.0125em; --mat-card-title-text-weight: 500; --mat-card-subtitle-text-font: var(--os-typography-font-default-font-family); --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: 0.0071428571em; --mat-card-subtitle-text-weight: 500; } html { --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #0051ff; --mdc-linear-progress-track-color: rgba(0, 81, 255, 0.25); } .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #0033aa; --mdc-linear-progress-track-color: rgba(0, 51, 170, 0.25); } .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #e31e46; --mdc-linear-progress-track-color: rgba(227, 30, 70, 0.25); } html { --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; } html { --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: #fff; } html { --mdc-plain-tooltip-supporting-text-font: var(--os-typography-font-default-font-family); --mdc-plain-tooltip-supporting-text-size: 12px; --mdc-plain-tooltip-supporting-text-weight: 400; --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em; } html { --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; } html { --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; } html { --mdc-filled-text-field-caret-color: #0051ff; --mdc-filled-text-field-focus-active-indicator-color: #0051ff; --mdc-filled-text-field-focus-label-text-color: rgba(0, 81, 255, 0.87); --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8); --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9); --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #e31e46; --mdc-filled-text-field-error-focus-label-text-color: #e31e46; --mdc-filled-text-field-error-label-text-color: #e31e46; --mdc-filled-text-field-error-caret-color: #e31e46; --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-error-active-indicator-color: #e31e46; --mdc-filled-text-field-error-focus-active-indicator-color: #e31e46; --mdc-filled-text-field-error-hover-active-indicator-color: #e31e46; } html { --mdc-outlined-text-field-caret-color: #0051ff; --mdc-outlined-text-field-focus-outline-color: #0051ff; --mdc-outlined-text-field-focus-label-text-color: rgba(0, 81, 255, 0.87); --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-error-caret-color: #e31e46; --mdc-outlined-text-field-error-focus-label-text-color: #e31e46; --mdc-outlined-text-field-error-label-text-color: #e31e46; --mdc-outlined-text-field-error-hover-label-text-color: #e31e46; --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #e31e46; --mdc-outlined-text-field-error-hover-outline-color: #e31e46; --mdc-outlined-text-field-error-outline-color: #e31e46; } html { --mat-form-field-focus-select-arrow-color: rgba(0, 81, 255, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #e31e46; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; } .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #0033aa; --mdc-filled-text-field-focus-active-indicator-color: #0033aa; --mdc-filled-text-field-focus-label-text-color: rgba(0, 51, 170, 0.87); } .mat-mdc-form-field.mat-accent { --mdc-outlined-text-field-caret-color: #0033aa; --mdc-outlined-text-field-focus-outline-color: #0033aa; --mdc-outlined-text-field-focus-label-text-color: rgba(0, 51, 170, 0.87); } .mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color: rgba(0, 51, 170, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #e31e46; --mdc-filled-text-field-focus-active-indicator-color: #e31e46; --mdc-filled-text-field-focus-label-text-color: rgba(227, 30, 70, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-outlined-text-field-caret-color: #e31e46; --mdc-outlined-text-field-focus-outline-color: #e31e46; --mdc-outlined-text-field-focus-label-text-color: rgba(227, 30, 70, 0.87); } .mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color: rgba(227, 30, 70, 0.87); } html { --mat-form-field-container-height: 48px; --mat-form-field-filled-label-display: none; --mat-form-field-container-vertical-padding: 12px; --mat-form-field-filled-with-label-container-padding-top: 12px; --mat-form-field-filled-with-label-container-padding-bottom: 12px; } html { --mdc-filled-text-field-label-text-font: var(--os-typography-font-default-font-family); --mdc-filled-text-field-label-text-size: 16px; --mdc-filled-text-field-label-text-tracking: 0.03125em; --mdc-filled-text-field-label-text-weight: 400; } html { --mdc-outlined-text-field-label-text-font: var(--os-typography-font-default-font-family); --mdc-outlined-text-field-label-text-size: 16px; --mdc-outlined-text-field-label-text-tracking: 0.03125em; --mdc-outlined-text-field-label-text-weight: 400; } html { --mat-form-field-container-text-font: var(--os-typography-font-default-font-family); --mat-form-field-container-text-line-height: 24px; --mat-form-field-container-text-size: 16px; --mat-form-field-container-text-tracking: 0.03125em; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 16px; --mat-form-field-subscript-text-font: var(--os-typography-font-default-font-family); --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: 0.0333333333em; --mat-form-field-subscript-text-weight: 400; } html { --mat-select-container-elevation-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); } html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(0, 81, 255, 0.87); --mat-select-invalid-arrow-color: rgba(227, 30, 70, 0.87); } html .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(0, 51, 170, 0.87); --mat-select-invalid-arrow-color: rgba(227, 30, 70, 0.87); } html .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(227, 30, 70, 0.87); --mat-select-invalid-arrow-color: rgba(227, 30, 70, 0.87); } html { --mat-select-arrow-transform: none; } html { --mat-select-trigger-text-font: var(--os-typography-font-default-font-family); --mat-select-trigger-text-line-height: 24px; --mat-select-trigger-text-size: 16px; --mat-select-trigger-text-tracking: 0.03125em; --mat-select-trigger-text-weight: 400; } html { --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-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); } html { --mat-autocomplete-background-color: white; } html { --mdc-dialog-container-shape: 4px; } html { --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; } html { --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6); } html { --mdc-dialog-subhead-font: var(--os-typography-font-default-font-family); --mdc-dialog-subhead-line-height: 32px; --mdc-dialog-subhead-size: 20px; --mdc-dialog-subhead-weight: 500; --mdc-dialog-subhead-tracking: 0.0125em; --mdc-dialog-supporting-text-font: var(--os-typography-font-default-font-family); --mdc-dialog-supporting-text-line-height: 24px; --mdc-dialog-supporting-text-size: 16px; --mdc-dialog-supporting-text-weight: 400; --mdc-dialog-supporting-text-tracking: 0.03125em; } .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; } .mat-mdc-standard-chip { --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; } .mat-mdc-standard-chip { --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; } .mat-mdc-standard-chip { --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #0051ff; --mdc-chip-elevated-selected-container-color: #0051ff; --mdc-chip-elevated-disabled-container-color: #0051ff; --mdc-chip-flat-disabled-selected-container-color: #0051ff; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #0033aa; --mdc-chip-elevated-selected-container-color: #0033aa; --mdc-chip-elevated-disabled-container-color: #0033aa; --mdc-chip-flat-disabled-selected-container-color: #0033aa; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #e31e46; --mdc-chip-elevated-selected-container-color: #e31e46; --mdc-chip-elevated-disabled-container-color: #e31e46; --mdc-chip-flat-disabled-selected-container-color: #e31e46; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 24px; } .mat-mdc-standard-chip { --mdc-chip-label-text-font: var(--os-typography-font-default-font-family); --mdc-chip-label-text-line-height: 20px; --mdc-chip-label-text-size: 14px; --mdc-chip-label-text-tracking: 0.0178571429em; --mdc-chip-label-text-weight: 400; } html { --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; } html .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; } html { --mdc-switch-selected-focus-state-layer-color: #005add; --mdc-switch-selected-handle-color: #005add; --mdc-switch-selected-hover-state-layer-color: #005add; --mdc-switch-selected-pressed-state-layer-color: #005add; --mdc-switch-selected-focus-handle-color: #0034cd; --mdc-switch-selected-hover-handle-color: #0034cd; --mdc-switch-selected-pressed-handle-color: #0034cd; --mdc-switch-selected-focus-track-color: #4d91ea; --mdc-switch-selected-hover-track-color: #4d91ea; --mdc-switch-selected-pressed-track-color: #4d91ea; --mdc-switch-selected-track-color: #4d91ea; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-handle-elevation-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); --mdc-switch-disabled-handle-elevation-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); } html { --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-slide-toggle { --mat-switch-label-text-color: rgba(0, 0, 0, 0.87); } html .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #002ea3; --mdc-switch-selected-handle-color: #002ea3; --mdc-switch-selected-hover-state-layer-color: #002ea3; --mdc-switch-selected-pressed-state-layer-color: #002ea3; --mdc-switch-selected-focus-handle-color: #00147f; --mdc-switch-selected-hover-handle-color: #00147f; --mdc-switch-selected-pressed-handle-color: #00147f; --mdc-switch-selected-focus-track-color: #4d70c4; --mdc-switch-selected-hover-track-color: #4d70c4; --mdc-switch-selected-pressed-track-color: #4d70c4; --mdc-switch-selected-track-color: #4d70c4; } html .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #d80909; --mdc-switch-selected-handle-color: #d80909; --mdc-switch-selected-hover-state-layer-color: #d80909; --mdc-switch-selected-pressed-state-layer-color: #d80909; --mdc-switch-selected-focus-handle-color: #c50303; --mdc-switch-selected-hover-handle-color: #c50303; --mdc-switch-selected-pressed-handle-color: #c50303; --mdc-switch-selected-focus-track-color: #e75454; --mdc-switch-selected-hover-track-color: #e75454; --mdc-switch-selected-pressed-track-color: #e75454; --mdc-switch-selected-track-color: #e75454; } html { --mdc-switch-state-layer-size: 32px; } html .mat-mdc-slide-toggle { --mat-switch-label-text-font: var(--os-typography-font-default-font-family); --mat-switch-label-text-line-height: 20px; --mat-switch-label-text-size: 14px; --mat-switch-label-text-tracking: 0.0178571429em; --mat-switch-label-text-weight: 400; } html { --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; } .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0051ff; --mdc-radio-selected-hover-icon-color: #0051ff; --mdc-radio-selected-icon-color: #0051ff; --mdc-radio-selected-pressed-icon-color: #0051ff; } .mat-mdc-radio-button.mat-primary { --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #0051ff; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0033aa; --mdc-radio-selected-hover-icon-color: #0033aa; --mdc-radio-selected-icon-color: #0033aa; --mdc-radio-selected-pressed-icon-color: #0033aa; } .mat-mdc-radio-button.mat-accent { --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #0033aa; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #e31e46; --mdc-radio-selected-hover-icon-color: #e31e46; --mdc-radio-selected-icon-color: #e31e46; --mdc-radio-selected-pressed-icon-color: #e31e46; } .mat-mdc-radio-button.mat-warn { --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #e31e46; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } html { --mdc-radio-state-layer-size: 32px; } html { --mat-radio-touch-target-display: none; } html { --mat-radio-label-text-font: var(--os-typography-font-default-font-family); --mat-radio-label-text-line-height: 20px; --mat-radio-label-text-size: 14px; --mat-radio-label-text-tracking: 0.0178571429em; --mat-radio-label-text-weight: 400; } html { --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 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); } html { --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); } html { --mdc-slider-handle-color: #0051ff; --mdc-slider-focus-handle-color: #0051ff; --mdc-slider-hover-handle-color: #0051ff; --mdc-slider-active-track-color: #0051ff; --mdc-slider-inactive-track-color: #0051ff; --mdc-slider-with-tick-marks-inactive-container-color: #0051ff; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; } html { --mat-slider-ripple-color: #0051ff; --mat-slider-hover-state-layer-color: rgba(0, 81, 255, 0.05); --mat-slider-focus-state-layer-color: rgba(0, 81, 255, 0.2); --mat-slider-value-indicator-opacity: 0.6; } html .mat-accent { --mdc-slider-handle-color: #0033aa; --mdc-slider-focus-handle-color: #0033aa; --mdc-slider-hover-handle-color: #0033aa; --mdc-slider-active-track-color: #0033aa; --mdc-slider-inactive-track-color: #0033aa; --mdc-slider-with-tick-marks-inactive-container-color: #0033aa; --mdc-slider-with-tick-marks-active-container-color: white; } html .mat-accent { --mat-slider-ripple-color: #0033aa; --mat-slider-hover-state-layer-color: rgba(0, 51, 170, 0.05); --mat-slider-focus-state-layer-color: rgba(0, 51, 170, 0.2); } html .mat-warn { --mdc-slider-handle-color: #e31e46; --mdc-slider-focus-handle-color: #e31e46; --mdc-slider-hover-handle-color: #e31e46; --mdc-slider-active-track-color: #e31e46; --mdc-slider-inactive-track-color: #e31e46; --mdc-slider-with-tick-marks-inactive-container-color: #e31e46; --mdc-slider-with-tick-marks-active-container-color: white; } html .mat-warn { --mat-slider-ripple-color: #e31e46; --mat-slider-hover-state-layer-color: rgba(227, 30, 70, 0.05); --mat-slider-focus-state-layer-color: rgba(227, 30, 70, 0.2); } html { --mdc-slider-label-label-text-font: var(--os-typography-font-default-font-family); --mdc-slider-label-label-text-size: 14px; --mdc-slider-label-label-text-line-height: 22px; --mdc-slider-label-label-text-tracking: 0.0071428571em; --mdc-slider-label-label-text-weight: 500; } html { --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-container-elevation-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); } html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-menu-item-label-text-font: var(--os-typography-font-default-font-family); --mat-menu-item-label-text-size: 16px; --mat-menu-item-label-text-tracking: 0.03125em; --mat-menu-item-label-text-line-height: 24px; --mat-menu-item-label-text-weight: 400; } html { --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; } html { --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; } html { --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0051ff; --mdc-radio-selected-hover-icon-color: #0051ff; --mdc-radio-selected-icon-color: #0051ff; --mdc-radio-selected-pressed-icon-color: #0051ff; } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0033aa; --mdc-radio-selected-hover-icon-color: #0033aa; --mdc-radio-selected-icon-color: #0033aa; --mdc-radio-selected-pressed-icon-color: #0033aa; } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #e31e46; --mdc-radio-selected-hover-icon-color: #e31e46; --mdc-radio-selected-icon-color: #e31e46; --mdc-radio-selected-pressed-icon-color: #e31e46; } .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0051ff; --mdc-checkbox-selected-hover-icon-color: #0051ff; --mdc-checkbox-selected-icon-color: #0051ff; --mdc-checkbox-selected-pressed-icon-color: #0051ff; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0051ff; --mdc-checkbox-selected-hover-state-layer-color: #0051ff; --mdc-checkbox-selected-pressed-state-layer-color: #0051ff; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0033aa; --mdc-checkbox-selected-hover-icon-color: #0033aa; --mdc-checkbox-selected-icon-color: #0033aa; --mdc-checkbox-selected-pressed-icon-color: #0033aa; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0033aa; --mdc-checkbox-selected-hover-state-layer-color: #0033aa; --mdc-checkbox-selected-pressed-state-layer-color: #0033aa; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #e31e46; --mdc-checkbox-selected-hover-icon-color: #e31e46; --mdc-checkbox-selected-icon-color: #e31e46; --mdc-checkbox-selected-pressed-icon-color: #e31e46; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #e31e46; --mdc-checkbox-selected-hover-state-layer-color: #e31e46; --mdc-checkbox-selected-pressed-state-layer-color: #e31e46; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #0051ff; } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html { --mdc-list-list-item-one-line-container-height: 40px; --mdc-list-list-item-two-line-container-height: 56px; --mdc-list-list-item-three-line-container-height: 80px; } html { --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-state-layer-size: 32px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 48px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 64px; } html { --mdc-list-list-item-label-text-font: var(--os-typography-font-default-font-family); --mdc-list-list-item-label-text-line-height: 24px; --mdc-list-list-item-label-text-size: 16px; --mdc-list-list-item-label-text-tracking: 0.03125em; --mdc-list-list-item-label-text-weight: 400; --mdc-list-list-item-supporting-text-font: var(--os-typography-font-default-font-family); --mdc-list-list-item-supporting-text-line-height: 20px; --mdc-list-list-item-supporting-text-size: 14px; --mdc-list-list-item-supporting-text-tracking: 0.0178571429em; --mdc-list-list-item-supporting-text-weight: 400; --mdc-list-list-item-trailing-supporting-text-font: var(--os-typography-font-default-font-family); --mdc-list-list-item-trailing-supporting-text-line-height: 20px; --mdc-list-list-item-trailing-supporting-text-size: 12px; --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em; --mdc-list-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font: 400 16px / 28px var(--os-typography-font-default-font-family); letter-spacing: 0.009375em; } html { --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); } html { --mat-paginator-container-size: 48px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-touch-target-display: block; } html { --mat-paginator-container-text-font: var(--os-typography-font-default-font-family); --mat-paginator-container-text-line-height: 20px; --mat-paginator-container-text-size: 12px; --mat-paginator-container-text-tracking: 0.0333333333em; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 12px; } html { --mdc-secondary-navigation-tab-container-height: 48px; } html { --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; } html { --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #0051ff; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #0051ff; --mat-tab-header-active-ripple-color: #0051ff; --mat-tab-header-inactive-ripple-color: #0051ff; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #0051ff; --mat-tab-header-active-hover-label-text-color: #0051ff; --mat-tab-header-active-focus-indicator-color: #0051ff; --mat-tab-header-active-hover-indicator-color: #0051ff; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #0033aa; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #0033aa; --mat-tab-header-active-ripple-color: #0033aa; --mat-tab-header-inactive-ripple-color: #0033aa; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #0033aa; --mat-tab-header-active-hover-label-text-color: #0033aa; --mat-tab-header-active-focus-indicator-color: #0033aa; --mat-tab-header-active-hover-indicator-color: #0033aa; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #e31e46; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #e31e46; --mat-tab-header-active-ripple-color: #e31e46; --mat-tab-header-inactive-ripple-color: #e31e46; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #e31e46; --mat-tab-header-active-hover-label-text-color: #e31e46; --mat-tab-header-active-focus-indicator-color: #e31e46; --mat-tab-header-active-hover-indicator-color: #e31e46; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #0051ff; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #0033aa; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #e31e46; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 40px; } .mat-mdc-tab-header { --mat-tab-header-label-text-font: var(--os-typography-font-default-font-family); --mat-tab-header-label-text-size: 14px; --mat-tab-header-label-text-tracking: normal; --mat-tab-header-label-text-line-height: 14px; --mat-tab-header-label-text-weight: 700; } html { --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; } html { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0033aa; --mdc-checkbox-selected-hover-icon-color: #0033aa; --mdc-checkbox-selected-icon-color: #0033aa; --mdc-checkbox-selected-pressed-icon-color: #0033aa; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0033aa; --mdc-checkbox-selected-hover-state-layer-color: #0033aa; --mdc-checkbox-selected-pressed-state-layer-color: #0033aa; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0051ff; --mdc-checkbox-selected-hover-icon-color: #0051ff; --mdc-checkbox-selected-icon-color: #0051ff; --mdc-checkbox-selected-pressed-icon-color: #0051ff; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0051ff; --mdc-checkbox-selected-hover-state-layer-color: #0051ff; --mdc-checkbox-selected-pressed-state-layer-color: #0051ff; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #e31e46; --mdc-checkbox-selected-hover-icon-color: #e31e46; --mdc-checkbox-selected-icon-color: #e31e46; --mdc-checkbox-selected-pressed-icon-color: #e31e46; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #e31e46; --mdc-checkbox-selected-hover-state-layer-color: #e31e46; --mdc-checkbox-selected-pressed-state-layer-color: #e31e46; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html { --mdc-checkbox-state-layer-size: 32px; } html { --mat-checkbox-touch-target-display: none; } html { --mat-checkbox-label-text-font: var(--os-typography-font-default-font-family); --mat-checkbox-label-text-line-height: 20px; --mat-checkbox-label-text-size: 14px; --mat-checkbox-label-text-tracking: 0.0178571429em; --mat-checkbox-label-text-weight: 400; } html { --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; } html { --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; } html { --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-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); --mdc-protected-button-disabled-container-elevation-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); --mdc-protected-button-focus-container-elevation-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); --mdc-protected-button-hover-container-elevation-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); --mdc-protected-button-pressed-container-elevation-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); } html { --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; } html { --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; } html { --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; } html { --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; } html { --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; } html { --mdc-text-button-label-text-color: black; --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html { --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; } html { --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: black; --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html { --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; } html { --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: black; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html { --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; } html { --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-label-text-color: black; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; } .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #0051ff; } .mat-mdc-button.mat-primary { --mat-text-button-state-layer-color: #0051ff; --mat-text-button-ripple-color: rgba(0, 81, 255, 0.1); } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #0033aa; } .mat-mdc-button.mat-accent { --mat-text-button-state-layer-color: #0033aa; --mat-text-button-ripple-color: rgba(0, 51, 170, 0.1); } .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #e31e46; } .mat-mdc-button.mat-warn { --mat-text-button-state-layer-color: #e31e46; --mat-text-button-ripple-color: rgba(227, 30, 70, 0.1); } .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #0051ff; --mdc-filled-button-label-text-color: white; } .mat-mdc-unelevated-button.mat-primary { --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #0033aa; --mdc-filled-button-label-text-color: white; } .mat-mdc-unelevated-button.mat-accent { --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #e31e46; --mdc-filled-button-label-text-color: white; } .mat-mdc-unelevated-button.mat-warn { --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #0051ff; --mdc-protected-button-label-text-color: white; } .mat-mdc-raised-button.mat-primary { --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #0033aa; --mdc-protected-button-label-text-color: white; } .mat-mdc-raised-button.mat-accent { --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #e31e46; --mdc-protected-button-label-text-color: white; } .mat-mdc-raised-button.mat-warn { --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #0051ff; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-primary { --mat-outlined-button-state-layer-color: #0051ff; --mat-outlined-button-ripple-color: rgba(0, 81, 255, 0.1); } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #0033aa; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-accent { --mat-outlined-button-state-layer-color: #0033aa; --mat-outlined-button-ripple-color: rgba(0, 51, 170, 0.1); } .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #e31e46; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-warn { --mat-outlined-button-state-layer-color: #e31e46; --mat-outlined-button-ripple-color: rgba(227, 30, 70, 0.1); } html { --mdc-text-button-container-height: 28px; } html { --mdc-filled-button-container-height: 28px; } html { --mdc-protected-button-container-height: 28px; } html { --mdc-outlined-button-container-height: 28px; } html { --mat-text-button-touch-target-display: none; } html { --mat-filled-button-touch-target-display: none; } html { --mat-protected-button-touch-target-display: none; } html { --mat-outlined-button-touch-target-display: none; } html { --mdc-text-button-label-text-font: var(--os-typography-font-default-font-family); --mdc-text-button-label-text-size: 14px; --mdc-text-button-label-text-tracking: normal; --mdc-text-button-label-text-weight: 700; --mdc-text-button-label-text-transform: none; } html { --mdc-filled-button-label-text-font: var(--os-typography-font-default-font-family); --mdc-filled-button-label-text-size: 14px; --mdc-filled-button-label-text-tracking: normal; --mdc-filled-button-label-text-weight: 700; --mdc-filled-button-label-text-transform: none; } html { --mdc-protected-button-label-text-font: var(--os-typography-font-default-font-family); --mdc-protected-button-label-text-size: 14px; --mdc-protected-button-label-text-tracking: normal; --mdc-protected-button-label-text-weight: 700; --mdc-protected-button-label-text-transform: none; } html { --mdc-outlined-button-label-text-font: var(--os-typography-font-default-font-family); --mdc-outlined-button-label-text-size: 14px; --mdc-outlined-button-label-text-tracking: normal; --mdc-outlined-button-label-text-weight: 700; --mdc-outlined-button-label-text-transform: none; } html { --mdc-icon-button-icon-size: 24px; } html { --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); } html { --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; } html .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #0051ff; } html .mat-mdc-icon-button.mat-primary { --mat-icon-button-state-layer-color: #0051ff; --mat-icon-button-ripple-color: rgba(0, 81, 255, 0.1); } html .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #0033aa; } html .mat-mdc-icon-button.mat-accent { --mat-icon-button-state-layer-color: #0033aa; --mat-icon-button-ripple-color: rgba(0, 51, 170, 0.1); } html .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #e31e46; } html .mat-mdc-icon-button.mat-warn { --mat-icon-button-state-layer-color: #e31e46; --mat-icon-button-ripple-color: rgba(227, 30, 70, 0.1); } html { --mat-icon-button-touch-target-display: none; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } html { --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-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); --mdc-fab-focus-container-elevation-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); --mdc-fab-hover-container-elevation-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); --mdc-fab-pressed-container-elevation-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); } html { --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-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); --mdc-fab-small-focus-container-elevation-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); --mdc-fab-small-hover-container-elevation-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); --mdc-fab-small-pressed-container-elevation-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); } html { --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-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); --mdc-extended-fab-focus-container-elevation-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); --mdc-extended-fab-hover-container-elevation-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); --mdc-extended-fab-pressed-container-elevation-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); } html { --mdc-fab-container-color: white; } html { --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); } html { --mdc-fab-small-container-color: white; } html { --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #0051ff; } html .mat-mdc-fab.mat-primary { --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #0033aa; } html .mat-mdc-fab.mat-accent { --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #e31e46; } html .mat-mdc-fab.mat-warn { --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #0051ff; } html .mat-mdc-mini-fab.mat-primary { --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #0033aa; } html .mat-mdc-mini-fab.mat-accent { --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #e31e46; } html .mat-mdc-mini-fab.mat-warn { --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html { --mat-fab-touch-target-display: none; } html { --mat-fab-small-touch-target-display: none; } html { --mdc-extended-fab-label-text-font: var(--os-typography-font-default-font-family); --mdc-extended-fab-label-text-size: 14px; --mdc-extended-fab-label-text-tracking: normal; --mdc-extended-fab-label-text-weight: 700; } html { --mdc-snackbar-container-shape: 4px; } html { --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); } html { --mat-snack-bar-button-color: #b3d0f6; } html { --mdc-snackbar-supporting-text-font: var(--os-typography-font-default-font-family); --mdc-snackbar-supporting-text-line-height: 20px; --mdc-snackbar-supporting-text-size: 14px; --mdc-snackbar-supporting-text-weight: 400; } html { --mat-table-row-item-outline-width: 1px; } html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height: 48px; --mat-table-footer-container-height: 44px; --mat-table-row-item-container-height: 44px; } html { --mat-table-header-headline-font: var(--os-typography-font-default-font-family); --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: 0.0071428571em; --mat-table-row-item-label-text-font: var(--os-typography-font-default-font-family); --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: 0.0178571429em; --mat-table-footer-supporting-text-font: var(--os-typography-font-default-font-family); --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: 0.0178571429em; } html { --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; } html { --mdc-circular-progress-active-indicator-color: #0051ff; } html .mat-accent { --mdc-circular-progress-active-indicator-color: #0033aa; } html .mat-warn { --mdc-circular-progress-active-indicator-color: #e31e46; } html { --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; } html { --mat-badge-background-color: #0051ff; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #b9b9b9; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); } .mat-badge-accent { --mat-badge-background-color: #0033aa; --mat-badge-text-color: white; } .mat-badge-warn { --mat-badge-background-color: #e31e46; --mat-badge-text-color: white; } html { --mat-badge-text-font: var(--os-typography-font-default-font-family); --mat-badge-line-height: 22px; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-small-size-line-height: 16px; --mat-badge-large-size-text-size: 24px; --mat-badge-large-size-line-height: 28px; } html { --mat-bottom-sheet-container-shape: 4px; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --mat-bottom-sheet-container-text-font: var(--os-typography-font-default-font-family); --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: 0.0178571429em; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; } html { --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; } html { --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; } html { --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4); } html { --mat-standard-button-toggle-height: 40px; } html { --mat-legacy-button-toggle-label-text-font: var(--os-typography-font-default-font-family); --mat-legacy-button-toggle-label-text-line-height: 24px; --mat-legacy-button-toggle-label-text-size: 16px; --mat-legacy-button-toggle-label-text-tracking: 0.03125em; --mat-legacy-button-toggle-label-text-weight: 400; } html { --mat-standard-button-toggle-label-text-font: var(--os-typography-font-default-font-family); --mat-standard-button-toggle-label-text-line-height: 24px; --mat-standard-button-toggle-label-text-size: 16px; --mat-standard-button-toggle-label-text-tracking: 0.03125em; --mat-standard-button-toggle-label-text-weight: 400; } html { --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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); } html { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #0051ff; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 81, 255, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 81, 255, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 81, 255, 0.3); --mat-datepicker-toggle-active-state-icon-color: #0051ff; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 81, 255, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: black; --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #0033aa; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 51, 170, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 51, 170, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 51, 170, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 51, 170, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); } .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #e31e46; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(227, 30, 70, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(227, 30, 70, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(227, 30, 70, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(227, 30, 70, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); } .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #0033aa; } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #e31e46; } .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } html { --mat-datepicker-calendar-text-font: var(--os-typography-font-default-font-family); --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 700; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 700; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-divider-width: 1px; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 40px; --mat-expansion-header-expanded-state-height: 56px; } html { --mat-expansion-header-text-font: var(--os-typography-font-default-font-family); --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: var(--os-typography-font-default-font-family); --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: 0.0178571429em; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #0051ff; } .mat-icon.mat-accent { --mat-icon-color: #0033aa; } .mat-icon.mat-warn { --mat-icon-color: #e31e46; } html { --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-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-sidenav-container-width: auto; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #0051ff; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #0051ff; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #0051ff; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #e31e46; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #e31e46; --mat-stepper-header-error-state-icon-background-color: transparent; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #0033aa; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #0033aa; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #0033aa; --mat-stepper-header-edit-state-icon-foreground-color: white; } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #e31e46; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #e31e46; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #e31e46; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 64px; } html { --mat-stepper-container-text-font: var(--os-typography-font-default-font-family); --mat-stepper-header-label-text-font: var(--os-typography-font-default-font-family); --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-weight: 400; } html { --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3); } html { --mat-toolbar-container-background-color: whitesmoke; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #0051ff; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #0033aa; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #e31e46; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 56px; --mat-toolbar-mobile-height: 48px; } html { --mat-toolbar-title-text-font: var(--os-typography-font-default-font-family); --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: 0.0125em; --mat-toolbar-title-text-weight: 500; } html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); } html { --mat-tree-node-min-height: 40px; } html { --mat-tree-node-text-font: var(--os-typography-font-default-font-family); --mat-tree-node-text-size: 14px; --mat-tree-node-text-weight: 400; } html { --mat-timepicker-container-shape: 4px; --mat-timepicker-container-elevation-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); } html { --mat-timepicker-container-background-color: white; } .gradient-border-left { border-left: 1px var(--secondary-color) solid; } .gradient-border-left[border-color=gradient-06-diagonal] { border-image: var(--gradient-06-diagonal) 1 100%; } .gradient-border-left[border-color=gradient-blue-02-diagonal] { border-image: var(--gradient-blue-02-diagonal) 1 100%; } .gradient-border-left[border-color=gradient-12-diagonal] { border-image: var(--gradient-12-diagonal) 1 100%; } .gradient-border-left[border-color=gradient-05-diagonal] { border-image: var(--gradient-05-diagonal) 1 100%; } .gradient-border-left[border-color=gradient-03-diagonal-reversed] { border-image: var(--gradient-03-diagonal-reversed) 1 100%; } .gradient-border-left[border-color=gradient-blue-01-diagonal] { border-image: var(--gradient-blue-01-diagonal) 1 100%; } .gradient-border-left[border-color=gradient-01-diagonal] { border-image: var(--gradient-01-diagonal) 1 100%; } .os-button-icon svg { vertical-align: unset !important; } mat-icon.medium.medium { font-size: 18px; height: 18px; width: 18px; line-height: 18px; } mat-icon.small.small { font-size: 14px; height: 14px; width: 14px; line-height: 14px; } mat-icon.inverse { color: var(--WHITE-COLOR); } mat-icon.primary { color: var(--PRIMARY-COLOR); } mat-icon.secondary { color: var(--FONT-LIGHT-COLOR); } mat-icon.centered-date-icon { display: block; } .mat-slider-horizontal { width: 100%; } .mat-select-panel .mat-mdc-option.mat-option { line-height: inherit; } /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/ .mat-option-text { padding-left: 12px; padding-right: 12px; color: var(--light-grey-color); } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: var(--PRIMARY-COLOR-ALPHA); } .mat-ink-bar { height: 4px !important; background-color: var(--TERTIARY-COLOR) !important; } .mat-mdc-tab-header { background-color: var(--WHITE-COLOR); } .mat-mdc-tab { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .mat-mdc-tab-group { overflow: hidden; } .mat-mdc-tab-label, .mat-mdc-tab-link { min-width: inherit; text-transform: uppercase; opacity: 1 !important; } .mat-mdc-tab-body-content.mat-tab-body-content { overflow: hidden; } snack-bar-container.success-snackbar { background-color: var(--POSITIVE-COLOR); } .mat-mdc-dialog-container.mat-mdc-dialog-container { --mdc-dialog-container-shape: 12px; --mdc-dialog-subhead-color: var(--white-color); padding: 0 !important; display: block; } .mat-mdc-dialog-title.mat-mdc-dialog-title { margin: 0 !important; padding: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--gradient-blue-01-diagonal); } .mat-mdc-dialog-title.mat-mdc-dialog-title.mdc-dialog__title::before { display: none; } .mat-mdc-dialog-title.mat-mdc-dialog-title.compact { padding: var(--os-border-width-5); } .mat-mdc-dialog-content.mat-mdc-dialog-content.mdc-dialog__content { display: block; padding: 16px; margin: auto; --mdc-dialog-supporting-text-color: var(--medium-grey-color); } .mat-mdc-dialog-actions.mat-mdc-dialog-actions.mdc-dialog__actions { padding-top: 16px; padding-bottom: var(--os-border-width-5); min-height: inherit; } .mat-mdc-dialog-actions.mat-mdc-dialog-actions.mdc-dialog__actions.compact { padding-top: var(--os-border-width-5); padding-bottom: var(--os-border-width-5); } .mat-mdc-dialog-actions:last-child { margin-bottom: 0 !important; justify-content: flex-end; padding-right: 16px; } .mat-mdc-form-field { --mdc-shape-small: 8px; } .cdk-overlay { max-width: 80%; width: 50%; } .mat-mdc-checkbox .mdc-checkbox__checkmark { --mdc-checkbox-selected-checkmark-color: var(--white-color); } .mat-divider { border-top-color: var(--pale-grey-color) !important; } .mat-mdc-slide-toggle .mdc-switch__icon { display: none; } .mdc-text-field--outlined { --mdc-outlined-text-field-container-shape: 8px !important; --mdc-outlined-text-field-outline-color: var(--light-grey-color); --mdc-outlined-text-field-hover-outline-color: var(--light-grey-color); --mdc-outlined-text-field-disabled-outline-color: var(--light-grey-color); --mdc-outlined-text-field-focus-outline-color: var(--secondary-color); --mdc-outlined-text-field-error-hover-outline-color: var(--negative-color); --mdc-outlined-text-field-label-text-color: var(--medium-grey-color); --mdc-outlined-text-field-hover-label-text-color: var(--medium-grey-color); --mdc-outlined-text-field-disabled-label-text-color: var(--medium-grey-color); --mdc-outlined-text-field-focus-label-text-color: var(--secondary-color); --mdc-outlined-text-field-error-hover-label-text-color: var(--negative-color); --mdc-outlined-text-field-input-text-color: var(--dark-grey-color); } .mdc-text-field--outlined.mdc-text-field--disabled { background-color: var(--pale-grey-25-color); } .mdc-menu-surface { --mdc-shape-medium: 8px; } .mat-mdc-form-field.full-width { width: 100%; } .mat-datepicker-content { border-radius: 8px !important; } .mat-mdc-dialog-title.mat-mdc-dialog-title { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 1.25rem; letter-spacing: -0.01em; line-height: normal; color: var(--FONT-DARK-COLOR); font-weight: 300; color: var(--WHITE-COLOR); } .mat-form-field.mat-form-field.input-inverse label.mat-input-placeholder.mat-input-placeholder, .mat-form-field.mat-form-field.input-inverse label { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 1rem; letter-spacing: -0.01em; line-height: normal; color: var(--WHITE-COLOR); } .mat-mdc-dialog-content.mat-mdc-dialog-content, .mat-tab-label, .mat-tab-link, .mat-option.mat-option, .mat-select-value.mat-select-value, .mat-checkbox, .mat-sidenav-container { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 0.875rem; letter-spacing: -0.01em; line-height: normal; } .mat-tab-label-active, .mat-tab-link-active { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 0.875rem; letter-spacing: -0.01em; line-height: normal; color: var(--PRIMARY-COLOR); font-weight: 500; } .mat-mdc-table .mat-mdc-header-row { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 0.75rem; letter-spacing: -0.01em; line-height: normal; font-weight: 500; color: var(--FONT-DARK-COLOR); } .mat-mdc-dialog-title.mat-mdc-dialog-title { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 1.25rem; letter-spacing: -0.01em; line-height: normal; color: var(--FONT-DARK-COLOR); font-weight: 300; color: var(--WHITE-COLOR); } .mat-form-field.mat-form-field.input-inverse label.mat-input-placeholder.mat-input-placeholder, .mat-form-field.mat-form-field.input-inverse label { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 1rem; letter-spacing: -0.01em; line-height: normal; color: var(--WHITE-COLOR); } .mat-mdc-dialog-content.mat-mdc-dialog-content, .mat-tab-label, .mat-tab-link, .mat-option.mat-option, .mat-select-value.mat-select-value, .mat-checkbox, .mat-sidenav-container { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 0.875rem; letter-spacing: -0.01em; line-height: normal; } .mat-tab-label-active, .mat-tab-link-active { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 0.875rem; letter-spacing: -0.01em; line-height: normal; color: var(--PRIMARY-COLOR); font-weight: 500; } .mat-mdc-table .mat-mdc-header-row { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 0.75rem; letter-spacing: -0.01em; line-height: normal; font-weight: 500; color: var(--FONT-DARK-COLOR); } sbg-button-ng { margin: 0 4px; } sbg-button-ng button { display: flex; align-items: center; } sbg-button-ng button .page-header { margin-bottom: 0 !important; } sbg-button-ng button mat-mdc-icon { margin-right: 5px; } sbg-button-ng button .sbg-button-text { align-items: center; } .tooltip-icon { color: var(--PRIMARY-COLOR); } mat-mdc-icon svg { pointer-events: none; } mat-mdc-icon.primary-color { color: var(--PRIMARY-COLOR); } .dialog-header { flex-direction: row; } .dialog-header mat-icon { cursor: pointer; } .mat-mdc-dialog-title { background-color: var(--PRIMARY-COLOR); display: flex; padding: 20px; } ::ng-deep .mat-mdc-dialog-container .mdc-dialog__title { color: white !important; } /* Core CSS required for Sbg components and theme to work properly */ /* roboto-regular - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; src: local(""), url("/assets/fonts/roboto/roboto-woff2/roboto-regular.woff2") format("woff2"), url("/assets/fonts/roboto/roboto-woff2/roboto-regular.woff") format("woff"); } /* roboto-500 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local(""), url("/assets/fonts/roboto/roboto-woff2/roboto-500.woff2") format("woff2"), url("/assets/fonts/roboto/roboto-woff2/roboto-500.woff") format("woff"); } /* roboto-700 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; src: local(""), url("/assets/fonts/roboto/roboto-woff2/roboto-700.woff2") format("woff2"), url("/assets/fonts/roboto/roboto-woff2/roboto-700.woff") format("woff"); } .mat-mdc-dialog-title.mat-mdc-dialog-title { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 1.25rem; letter-spacing: -0.01em; line-height: normal; color: var(--FONT-DARK-COLOR); font-weight: 300; color: var(--WHITE-COLOR); } .mat-form-field.mat-form-field.input-inverse label.mat-input-placeholder.mat-input-placeholder, .mat-form-field.mat-form-field.input-inverse label { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 1rem; letter-spacing: -0.01em; line-height: normal; color: var(--WHITE-COLOR); } .mat-mdc-dialog-content.mat-mdc-dialog-content, .mat-tab-label, .mat-tab-link, .mat-option.mat-option, .mat-select-value.mat-select-value, .mat-checkbox, .mat-sidenav-container { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 0.875rem; letter-spacing: -0.01em; line-height: normal; } .mat-tab-label-active, .mat-tab-link-active { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 0.875rem; letter-spacing: -0.01em; line-height: normal; color: var(--PRIMARY-COLOR); font-weight: 500; } .mat-mdc-table .mat-mdc-header-row { font-family: var(--sbg-default-font); color: var(--FONT-MEDIUM-COLOR); font-weight: 400; font-size: 0.75rem; letter-spacing: -0.01em; line-height: normal; font-weight: 500; color: var(--FONT-DARK-COLOR); } .mat-mdc-table[multitemplatedatarows] .mat-mdc-row { border-bottom-width: 0; } .mat-mdc-table { width: 100%; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18); } .mat-mdc-table .mat-mdc-header-row { background-color: var(--GRAY-LIGHT-COLOR); min-height: 40px; height: 40px; } .mat-mdc-table .mat-mdc-row.mat-mdc-table-expanded-row { border-bottom-width: 1px; min-height: 0; overflow: hidden; } .mat-mdc-table .mat-mdc-row.mat-mdc-table-expanded-row .mat-mdc-table-expanded-row-detail { margin: var(--MEDIUM-MARGIN) 0; } .mat-mdc-table .mat-mdc-row:not(.mat-mdc-table-expanded-row):hover { background: whitesmoke; } .mat-mdc-table .mat-mdc-footer-cell { background-color: #ffffff; padding: var(--MEDIUM-MARGIN); display: flex; justify-content: center; align-items: center; flex: 1; } mat-icon { vertical-align: middle; } mat-icon.medium.medium { font-size: 18px; height: 18px; width: 18px; line-height: 18px; } mat-icon.small.small { font-size: 14px; height: 14px; width: 14px; line-height: 14px; } mat-icon.inverse { color: var(--WHITE-COLOR); } mat-icon.primary { color: var(--PRIMARY-COLOR); } mat-icon.secondary { color: var(--FONT-LIGHT-COLOR); } .mat-form-field.mat-form-field.input-inverse label { color: var(--WHITE-COLOR) !important; } .mat-form-field.mat-form-field.input-inverse label.mat-input-placeholder.mat-input-placeholder { color: var(--WHITE-COLOR) !important; } .mat-form-field.mat-form-field:not([floatplaceholder]).mat-form-field-should-float .mat-input-placeholder { font-size: 1rem; } .mat-form-field.mat-form-field.prefixed-placeholder .mat-input-placeholder-wrapper { left: -16px; } .mat-slider-horizontal { width: 100%; } .mat-select-panel .mat-option.mat-option { line-height: inherit; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: var(--PRIMARY-COLOR-ALPHA); } .mat-ink-bar { height: 4px !important; background-color: var(--TERTIARY-COLOR) !important; } .mat-tab-header { background-color: var(--WHITE-COLOR); } .mat-tab-group { overflow: hidden; } .mat-tab-label, .mat-tab-link { min-width: inherit; text-transform: uppercase; opacity: 1 !important; } .mat-tab-body-content.mat-tab-body-content { overflow: hidden; } .mat-progress-bar-buffer { background-color: var(--GRAY-DARK-COLOR) !important; } .mat-mdc-dialog-container { padding: 0 !important; display: block; border-radius: 2px; } .mat-mdc-dialog-title.mat-mdc-dialog-title { margin: 0 !important; padding: var(--MEDIUM-MARGIN); display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: var(--SECONDARY-COLOR); } .mat-mdc-dialog-title.mat-mdc-dialog-title.compact { padding: var(--SMALL-MARGIN); } .mat-mdc-dialog-content.mat-mdc-dialog-content { display: block; padding: var(--MEDIUM-MARGIN); margin: auto; } .mat-mdc-dialog-actions.mat-mdc-dialog-actions { padding-top: var(--MEDIUM-MARGIN); padding-bottom: var(--SMALL-MARGIN); min-height: inherit; } .mat-mdc-dialog-actions.mat-mdc-dialog-actions.compact { padding-top: var(--SMALL-MARGIN); padding-bottom: var(--SMALL-MARGIN); } .mat-mdc-dialog-actions:last-child { margin-bottom: 0 !important; justify-content: flex-end; padding-right: 16px; } .cdk-overlay { max-width: 80%; width: 50%; } .mat-mdc-form-field.no-underline .mdc-line-ripple { display: none; } .mat-mdc-form-field.with-underline .mdc-line-ripple { display: block; } .sbg-table-container { background-color: var(--WHITE-COLOR); display: flex; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18); } .sbg-table-container.actions-header { justify-content: flex-end; padding: 12px; } .sbg-table-container.actions-header > * { margin-left: var(--SMALL-MARGIN); } .sbg-table-container.paginator { justify-content: flex-end; } .sbg-table-no-data { display: flex; } .sbg-table-no-data td.mat-mdc-cell { padding: 16px; } .mat-mdc-table { width: 100%; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18); } .mat-mdc-table.zebra-stripes .mat-mdc-row { border-bottom-width: 0; } .mat-mdc-table.zebra-stripes .mat-mdc-row:nth-child(odd) { background-color: var(--GRAY-LIGHT-COLOR); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, none); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, none); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, none); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, none); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, none); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, none); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, none); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, none); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, none); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, none); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, none); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, none); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, none); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, none); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, none); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, none); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, none); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, none); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, none); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, none); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, none); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, none); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, none); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, none); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, none); } html { --mat-sys-on-surface: initial; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent)); color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit)); } html { --mat-badge-text-font: Roboto, sans-serif; --mat-badge-line-height: 22px; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-small-size-line-height: 16px; --mat-badge-large-size-text-size: 24px; --mat-badge-large-size-line-height: 28px; } .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font: 400 24px / 32px Roboto, sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font: 500 20px / 32px Roboto, sans-serif; letter-spacing: 0.0125em; margin: 0 0 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font: 400 16px / 28px Roboto, sans-serif; letter-spacing: 0.009375em; margin: 0 0 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font: 400 16px / 24px Roboto, sans-serif; letter-spacing: 0.03125em; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font: 500 14px / 22px Roboto, sans-serif; letter-spacing: 0.0071428571em; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font: 400 14px / 20px Roboto, sans-serif; letter-spacing: 0.0178571429em; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 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, sans-serif; letter-spacing: 0.0333333333em; } .mat-headline-1, .mat-typography .mat-headline-1 { font: 300 96px / 96px Roboto, sans-serif; letter-spacing: -0.015625em; margin: 0 0 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font: 300 60px / 60px Roboto, sans-serif; letter-spacing: -0.0083333333em; margin: 0 0 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font: 400 48px / 50px Roboto, sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font: 400 34px / 40px Roboto, sans-serif; letter-spacing: 0.0073529412em; margin: 0 0 64px; } html { --mat-bottom-sheet-container-text-font: Roboto, sans-serif; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: 0.0178571429em; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif; --mat-legacy-button-toggle-label-text-line-height: 24px; --mat-legacy-button-toggle-label-text-size: 16px; --mat-legacy-button-toggle-label-text-tracking: 0.03125em; --mat-legacy-button-toggle-label-text-weight: 400; } html { --mat-standard-button-toggle-label-text-font: Roboto, sans-serif; --mat-standard-button-toggle-label-text-line-height: 24px; --mat-standard-button-toggle-label-text-size: 16px; --mat-standard-button-toggle-label-text-tracking: 0.03125em; --mat-standard-button-toggle-label-text-weight: 400; } html { --mat-datepicker-calendar-text-font: Roboto, sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-expansion-header-text-font: Roboto, sans-serif; --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Roboto, sans-serif; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: 0.0178571429em; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; } html { --mat-stepper-container-text-font: Roboto, sans-serif; --mat-stepper-header-label-text-font: Roboto, sans-serif; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-weight: 400; } html { --mat-toolbar-title-text-font: Roboto, sans-serif; --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: 0.0125em; --mat-toolbar-title-text-weight: 500; } html { --mat-tree-node-text-font: Roboto, sans-serif; --mat-tree-node-text-size: 14px; --mat-tree-node-text-weight: 400; } html { --mat-option-label-text-font: Roboto, sans-serif; --mat-option-label-text-line-height: 24px; --mat-option-label-text-size: 16px; --mat-option-label-text-tracking: 0.03125em; --mat-option-label-text-weight: 400; } html { --mat-optgroup-label-text-font: Roboto, sans-serif; --mat-optgroup-label-text-line-height: 24px; --mat-optgroup-label-text-size: 16px; --mat-optgroup-label-text-tracking: 0.03125em; --mat-optgroup-label-text-weight: 400; } html { --mat-card-title-text-font: Roboto, sans-serif; --mat-card-title-text-line-height: 32px; --mat-card-title-text-size: 20px; --mat-card-title-text-tracking: 0.0125em; --mat-card-title-text-weight: 500; --mat-card-subtitle-text-font: Roboto, sans-serif; --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: 0.0071428571em; --mat-card-subtitle-text-weight: 500; } html { --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif; --mdc-plain-tooltip-supporting-text-size: 12px; --mdc-plain-tooltip-supporting-text-weight: 400; --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em; } html { --mdc-filled-text-field-label-text-font: Roboto, sans-serif; --mdc-filled-text-field-label-text-size: 16px; --mdc-filled-text-field-label-text-tracking: 0.03125em; --mdc-filled-text-field-label-text-weight: 400; } html { --mdc-outlined-text-field-label-text-font: Roboto, sans-serif; --mdc-outlined-text-field-label-text-size: 16px; --mdc-outlined-text-field-label-text-tracking: 0.03125em; --mdc-outlined-text-field-label-text-weight: 400; } html { --mat-form-field-container-text-font: Roboto, sans-serif; --mat-form-field-container-text-line-height: 24px; --mat-form-field-container-text-size: 16px; --mat-form-field-container-text-tracking: 0.03125em; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 16px; --mat-form-field-subscript-text-font: Roboto, sans-serif; --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: 0.0333333333em; --mat-form-field-subscript-text-weight: 400; } html { --mat-select-trigger-text-font: Roboto, sans-serif; --mat-select-trigger-text-line-height: 24px; --mat-select-trigger-text-size: 16px; --mat-select-trigger-text-tracking: 0.03125em; --mat-select-trigger-text-weight: 400; } html { --mdc-dialog-subhead-font: Roboto, sans-serif; --mdc-dialog-subhead-line-height: 32px; --mdc-dialog-subhead-size: 20px; --mdc-dialog-subhead-weight: 500; --mdc-dialog-subhead-tracking: 0.0125em; --mdc-dialog-supporting-text-font: Roboto, sans-serif; --mdc-dialog-supporting-text-line-height: 24px; --mdc-dialog-supporting-text-size: 16px; --mdc-dialog-supporting-text-weight: 400; --mdc-dialog-supporting-text-tracking: 0.03125em; } .mat-mdc-standard-chip { --mdc-chip-label-text-font: Roboto, sans-serif; --mdc-chip-label-text-line-height: 20px; --mdc-chip-label-text-size: 14px; --mdc-chip-label-text-tracking: 0.0178571429em; --mdc-chip-label-text-weight: 400; } html .mat-mdc-slide-toggle { --mat-switch-label-text-font: Roboto, sans-serif; --mat-switch-label-text-line-height: 20px; --mat-switch-label-text-size: 14px; --mat-switch-label-text-tracking: 0.0178571429em; --mat-switch-label-text-weight: 400; } html { --mat-radio-label-text-font: Roboto, sans-serif; --mat-radio-label-text-line-height: 20px; --mat-radio-label-text-size: 14px; --mat-radio-label-text-tracking: 0.0178571429em; --mat-radio-label-text-weight: 400; } html { --mdc-slider-label-label-text-font: Roboto, sans-serif; --mdc-slider-label-label-text-size: 14px; --mdc-slider-label-label-text-line-height: 22px; --mdc-slider-label-label-text-tracking: 0.0071428571em; --mdc-slider-label-label-text-weight: 500; } html { --mat-menu-item-label-text-font: Roboto, sans-serif; --mat-menu-item-label-text-size: 16px; --mat-menu-item-label-text-tracking: 0.03125em; --mat-menu-item-label-text-line-height: 24px; --mat-menu-item-label-text-weight: 400; } html { --mdc-list-list-item-label-text-font: Roboto, sans-serif; --mdc-list-list-item-label-text-line-height: 24px; --mdc-list-list-item-label-text-size: 16px; --mdc-list-list-item-label-text-tracking: 0.03125em; --mdc-list-list-item-label-text-weight: 400; --mdc-list-list-item-supporting-text-font: Roboto, sans-serif; --mdc-list-list-item-supporting-text-line-height: 20px; --mdc-list-list-item-supporting-text-size: 14px; --mdc-list-list-item-supporting-text-tracking: 0.0178571429em; --mdc-list-list-item-supporting-text-weight: 400; --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif; --mdc-list-list-item-trailing-supporting-text-line-height: 20px; --mdc-list-list-item-trailing-supporting-text-size: 12px; --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em; --mdc-list-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font: 400 16px / 28px Roboto, sans-serif; letter-spacing: 0.009375em; } html { --mat-paginator-container-text-font: Roboto, sans-serif; --mat-paginator-container-text-line-height: 20px; --mat-paginator-container-text-size: 12px; --mat-paginator-container-text-tracking: 0.0333333333em; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 12px; } .mat-mdc-tab-header { --mat-tab-header-label-text-font: Roboto, sans-serif; --mat-tab-header-label-text-size: 14px; --mat-tab-header-label-text-tracking: 0.0892857143em; --mat-tab-header-label-text-line-height: 36px; --mat-tab-header-label-text-weight: 500; } html { --mat-checkbox-label-text-font: Roboto, sans-serif; --mat-checkbox-label-text-line-height: 20px; --mat-checkbox-label-text-size: 14px; --mat-checkbox-label-text-tracking: 0.0178571429em; --mat-checkbox-label-text-weight: 400; } html { --mdc-text-button-label-text-font: Roboto, sans-serif; --mdc-text-button-label-text-size: 14px; --mdc-text-button-label-text-tracking: 0.0892857143em; --mdc-text-button-label-text-weight: 500; --mdc-text-button-label-text-transform: none; } html { --mdc-filled-button-label-text-font: Roboto, sans-serif; --mdc-filled-button-label-text-size: 14px; --mdc-filled-button-label-text-tracking: 0.0892857143em; --mdc-filled-button-label-text-weight: 500; --mdc-filled-button-label-text-transform: none; } html { --mdc-protected-button-label-text-font: Roboto, sans-serif; --mdc-protected-button-label-text-size: 14px; --mdc-protected-button-label-text-tracking: 0.0892857143em; --mdc-protected-button-label-text-weight: 500; --mdc-protected-button-label-text-transform: none; } html { --mdc-outlined-button-label-text-font: Roboto, sans-serif; --mdc-outlined-button-label-text-size: 14px; --mdc-outlined-button-label-text-tracking: 0.0892857143em; --mdc-outlined-button-label-text-weight: 500; --mdc-outlined-button-label-text-transform: none; } html { --mdc-extended-fab-label-text-font: Roboto, sans-serif; --mdc-extended-fab-label-text-size: 14px; --mdc-extended-fab-label-text-tracking: 0.0892857143em; --mdc-extended-fab-label-text-weight: 500; } html { --mdc-snackbar-supporting-text-font: Roboto, sans-serif; --mdc-snackbar-supporting-text-line-height: 20px; --mdc-snackbar-supporting-text-size: 14px; --mdc-snackbar-supporting-text-weight: 400; } html { --mat-table-header-headline-font: Roboto, sans-serif; --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: 0.0071428571em; --mat-table-row-item-label-text-font: Roboto, sans-serif; --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: 0.0178571429em; --mat-table-footer-supporting-text-font: Roboto, sans-serif; --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: 0.0178571429em; } html { --mat-ripple-color: rgba(0, 0, 0, 0.1); } html { --mat-option-selected-state-label-text-color: #0033aa; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-accent { --mat-option-selected-state-label-text-color: #0033aa; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-warn { --mat-option-selected-state-label-text-color: #e0000f; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); } html { --mat-full-pseudo-checkbox-selected-icon-color: #0033aa; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } html { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0033aa; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #0033aa; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } .mat-primary { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0033aa; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #0033aa; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } .mat-accent { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0033aa; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #e0000f; --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0; } .mat-warn { --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e0000f; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html { --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --mat-app-elevation-shadow-level-0: 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-app-elevation-shadow-level-1: 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-app-elevation-shadow-level-2: 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-app-elevation-shadow-level-3: 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-app-elevation-shadow-level-4: 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-app-elevation-shadow-level-5: 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-app-elevation-shadow-level-6: 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-app-elevation-shadow-level-7: 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-app-elevation-shadow-level-8: 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-app-elevation-shadow-level-9: 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-app-elevation-shadow-level-10: 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-app-elevation-shadow-level-11: 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-app-elevation-shadow-level-12: 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-app-elevation-shadow-level-13: 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-app-elevation-shadow-level-14: 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-app-elevation-shadow-level-15: 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-app-elevation-shadow-level-16: 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-app-elevation-shadow-level-17: 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-app-elevation-shadow-level-18: 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-app-elevation-shadow-level-19: 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-app-elevation-shadow-level-20: 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-app-elevation-shadow-level-21: 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-app-elevation-shadow-level-22: 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-app-elevation-shadow-level-23: 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-app-elevation-shadow-level-24: 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); } html { --mdc-elevated-card-container-shape: 4px; } html { --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; } html { --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 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); } html { --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } html { --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); } html { --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #0033aa; --mdc-linear-progress-track-color: rgba(0, 51, 170, 0.25); } .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #0033aa; --mdc-linear-progress-track-color: rgba(0, 51, 170, 0.25); } .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #e0000f; --mdc-linear-progress-track-color: rgba(224, 0, 15, 0.25); } html { --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; } html { --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: #fff; } html { --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; } html { --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; } html { --mdc-filled-text-field-caret-color: #0033aa; --mdc-filled-text-field-focus-active-indicator-color: #0033aa; --mdc-filled-text-field-focus-label-text-color: rgba(0, 51, 170, 0.87); --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8); --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9); --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #e0000f; --mdc-filled-text-field-error-focus-label-text-color: #e0000f; --mdc-filled-text-field-error-label-text-color: #e0000f; --mdc-filled-text-field-error-caret-color: #e0000f; --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-error-active-indicator-color: #e0000f; --mdc-filled-text-field-error-focus-active-indicator-color: #e0000f; --mdc-filled-text-field-error-hover-active-indicator-color: #e0000f; } html { --mdc-outlined-text-field-caret-color: #0033aa; --mdc-outlined-text-field-focus-outline-color: #0033aa; --mdc-outlined-text-field-focus-label-text-color: rgba(0, 51, 170, 0.87); --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-error-caret-color: #e0000f; --mdc-outlined-text-field-error-focus-label-text-color: #e0000f; --mdc-outlined-text-field-error-label-text-color: #e0000f; --mdc-outlined-text-field-error-hover-label-text-color: #e0000f; --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #e0000f; --mdc-outlined-text-field-error-hover-outline-color: #e0000f; --mdc-outlined-text-field-error-outline-color: #e0000f; } html { --mat-form-field-focus-select-arrow-color: rgba(0, 51, 170, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #e0000f; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.08; } .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #0033aa; --mdc-filled-text-field-focus-active-indicator-color: #0033aa; --mdc-filled-text-field-focus-label-text-color: rgba(0, 51, 170, 0.87); } .mat-mdc-form-field.mat-accent { --mdc-outlined-text-field-caret-color: #0033aa; --mdc-outlined-text-field-focus-outline-color: #0033aa; --mdc-outlined-text-field-focus-label-text-color: rgba(0, 51, 170, 0.87); } .mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color: rgba(0, 51, 170, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #e0000f; --mdc-filled-text-field-focus-active-indicator-color: #e0000f; --mdc-filled-text-field-focus-label-text-color: rgba(224, 0, 15, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-outlined-text-field-caret-color: #e0000f; --mdc-outlined-text-field-focus-outline-color: #e0000f; --mdc-outlined-text-field-focus-label-text-color: rgba(224, 0, 15, 0.87); } .mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color: rgba(224, 0, 15, 0.87); } html { --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 24px; --mat-form-field-filled-with-label-container-padding-bottom: 8px; } html { --mat-select-container-elevation-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); } html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(0, 51, 170, 0.87); --mat-select-invalid-arrow-color: rgba(224, 0, 15, 0.87); } html .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(0, 51, 170, 0.87); --mat-select-invalid-arrow-color: rgba(224, 0, 15, 0.87); } html .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(224, 0, 15, 0.87); --mat-select-invalid-arrow-color: rgba(224, 0, 15, 0.87); } html { --mat-select-arrow-transform: translateY(-8px); } html { --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-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); } html { --mat-autocomplete-background-color: white; } html { --mdc-dialog-container-shape: 4px; } html { --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; } html { --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6); } .mat-mdc-standard-chip { --mdc-chip-container-shape-radius: 16px; --mdc-chip-with-avatar-avatar-shape-radius: 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-chip-outline-width: 0; --mdc-chip-outline-color: transparent; --mdc-chip-disabled-outline-color: transparent; --mdc-chip-focus-outline-color: transparent; --mdc-chip-hover-state-layer-opacity: 0.04; --mdc-chip-with-avatar-disabled-avatar-opacity: 1; --mdc-chip-flat-selected-outline-width: 0; --mdc-chip-selected-hover-state-layer-opacity: 0.04; --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; --mdc-chip-with-icon-disabled-icon-opacity: 1; } .mat-mdc-standard-chip { --mat-chip-disabled-container-opacity: 0.4; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-focus-state-layer-opacity: 0; } .mat-mdc-standard-chip { --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4); --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-selected-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; } .mat-mdc-standard-chip { --mat-chip-selected-disabled-trailing-icon-color: #212121; --mat-chip-selected-trailing-icon-color: #212121; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #0033aa; --mdc-chip-elevated-selected-container-color: #0033aa; --mdc-chip-elevated-disabled-container-color: #0033aa; --mdc-chip-flat-disabled-selected-container-color: #0033aa; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #0033aa; --mdc-chip-elevated-selected-container-color: #0033aa; --mdc-chip-elevated-disabled-container-color: #0033aa; --mdc-chip-flat-disabled-selected-container-color: #0033aa; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #e0000f; --mdc-chip-elevated-selected-container-color: #e0000f; --mdc-chip-elevated-disabled-container-color: #e0000f; --mdc-chip-flat-disabled-selected-container-color: #e0000f; --mdc-chip-focus-state-layer-color: black; --mdc-chip-hover-state-layer-color: black; --mdc-chip-selected-hover-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: black; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-selected-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-trailing-icon-color: white; } .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 32px; } html { --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 20px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 7px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; } html .mat-mdc-slide-toggle { --mat-switch-disabled-selected-handle-opacity: 0.38; --mat-switch-disabled-unselected-handle-opacity: 0.38; --mat-switch-unselected-handle-size: 20px; --mat-switch-selected-handle-size: 20px; --mat-switch-pressed-handle-size: 20px; --mat-switch-with-icon-handle-size: 20px; --mat-switch-selected-handle-horizontal-margin: 0; --mat-switch-selected-with-icon-handle-horizontal-margin: 0; --mat-switch-selected-pressed-handle-horizontal-margin: 0; --mat-switch-unselected-handle-horizontal-margin: 0; --mat-switch-unselected-with-icon-handle-horizontal-margin: 0; --mat-switch-unselected-pressed-handle-horizontal-margin: 0; --mat-switch-visible-track-opacity: 1; --mat-switch-hidden-track-opacity: 1; --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-switch-track-outline-width: 1px; --mat-switch-track-outline-color: transparent; --mat-switch-selected-track-outline-width: 1px; --mat-switch-selected-track-outline-color: transparent; --mat-switch-disabled-unselected-track-outline-width: 1px; --mat-switch-disabled-unselected-track-outline-color: transparent; } html { --mdc-switch-selected-focus-state-layer-color: #5e35b1; --mdc-switch-selected-handle-color: #5e35b1; --mdc-switch-selected-hover-state-layer-color: #5e35b1; --mdc-switch-selected-pressed-state-layer-color: #5e35b1; --mdc-switch-selected-focus-handle-color: #311b92; --mdc-switch-selected-hover-handle-color: #311b92; --mdc-switch-selected-pressed-handle-color: #311b92; --mdc-switch-selected-focus-track-color: #9575cd; --mdc-switch-selected-hover-track-color: #9575cd; --mdc-switch-selected-pressed-track-color: #9575cd; --mdc-switch-selected-track-color: #9575cd; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; --mdc-switch-handle-elevation-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); --mdc-switch-disabled-handle-elevation-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); } html { --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-slide-toggle { --mat-switch-label-text-color: rgba(0, 0, 0, 0.87); } html .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #5e35b1; --mdc-switch-selected-handle-color: #5e35b1; --mdc-switch-selected-hover-state-layer-color: #5e35b1; --mdc-switch-selected-pressed-state-layer-color: #5e35b1; --mdc-switch-selected-focus-handle-color: #311b92; --mdc-switch-selected-hover-handle-color: #311b92; --mdc-switch-selected-pressed-handle-color: #311b92; --mdc-switch-selected-focus-track-color: #9575cd; --mdc-switch-selected-hover-track-color: #9575cd; --mdc-switch-selected-pressed-track-color: #9575cd; --mdc-switch-selected-track-color: #9575cd; } html .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #e53935; --mdc-switch-selected-handle-color: #e53935; --mdc-switch-selected-hover-state-layer-color: #e53935; --mdc-switch-selected-pressed-state-layer-color: #e53935; --mdc-switch-selected-focus-handle-color: #b71c1c; --mdc-switch-selected-hover-handle-color: #b71c1c; --mdc-switch-selected-pressed-handle-color: #b71c1c; --mdc-switch-selected-focus-track-color: #e57373; --mdc-switch-selected-hover-track-color: #e57373; --mdc-switch-selected-pressed-track-color: #e57373; --mdc-switch-selected-track-color: #e57373; } html { --mdc-switch-state-layer-size: 40px; } html { --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; } .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0033aa; --mdc-radio-selected-hover-icon-color: #0033aa; --mdc-radio-selected-icon-color: #0033aa; --mdc-radio-selected-pressed-icon-color: #0033aa; } .mat-mdc-radio-button.mat-primary { --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #0033aa; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0033aa; --mdc-radio-selected-hover-icon-color: #0033aa; --mdc-radio-selected-icon-color: #0033aa; --mdc-radio-selected-pressed-icon-color: #0033aa; } .mat-mdc-radio-button.mat-accent { --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #0033aa; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #e0000f; --mdc-radio-selected-hover-icon-color: #e0000f; --mdc-radio-selected-icon-color: #e0000f; --mdc-radio-selected-pressed-icon-color: #e0000f; } .mat-mdc-radio-button.mat-warn { --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #e0000f; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); } html { --mdc-radio-state-layer-size: 40px; } html { --mat-radio-touch-target-display: block; } html { --mdc-slider-active-track-height: 6px; --mdc-slider-active-track-shape: 9999px; --mdc-slider-handle-height: 20px; --mdc-slider-handle-shape: 50%; --mdc-slider-handle-width: 20px; --mdc-slider-inactive-track-height: 4px; --mdc-slider-inactive-track-shape: 9999px; --mdc-slider-with-overlap-handle-outline-width: 1px; --mdc-slider-with-tick-marks-active-container-opacity: 0.6; --mdc-slider-with-tick-marks-container-shape: 50%; --mdc-slider-with-tick-marks-container-size: 2px; --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6; --mdc-slider-handle-elevation: 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); } html { --mat-slider-value-indicator-width: auto; --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-container-transform: translateX(-50%); } html { --mdc-slider-handle-color: #0033aa; --mdc-slider-focus-handle-color: #0033aa; --mdc-slider-hover-handle-color: #0033aa; --mdc-slider-active-track-color: #0033aa; --mdc-slider-inactive-track-color: #0033aa; --mdc-slider-with-tick-marks-inactive-container-color: #0033aa; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-label-container-color: #000; --mdc-slider-label-label-text-color: #fff; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #000; } html { --mat-slider-ripple-color: #0033aa; --mat-slider-hover-state-layer-color: rgba(0, 51, 170, 0.05); --mat-slider-focus-state-layer-color: rgba(0, 51, 170, 0.2); --mat-slider-value-indicator-opacity: 0.6; } html .mat-accent { --mdc-slider-handle-color: #0033aa; --mdc-slider-focus-handle-color: #0033aa; --mdc-slider-hover-handle-color: #0033aa; --mdc-slider-active-track-color: #0033aa; --mdc-slider-inactive-track-color: #0033aa; --mdc-slider-with-tick-marks-inactive-container-color: #0033aa; --mdc-slider-with-tick-marks-active-container-color: white; } html .mat-accent { --mat-slider-ripple-color: #0033aa; --mat-slider-hover-state-layer-color: rgba(0, 51, 170, 0.05); --mat-slider-focus-state-layer-color: rgba(0, 51, 170, 0.2); } html .mat-warn { --mdc-slider-handle-color: #e0000f; --mdc-slider-focus-handle-color: #e0000f; --mdc-slider-hover-handle-color: #e0000f; --mdc-slider-active-track-color: #e0000f; --mdc-slider-inactive-track-color: #e0000f; --mdc-slider-with-tick-marks-inactive-container-color: #e0000f; --mdc-slider-with-tick-marks-active-container-color: white; } html .mat-warn { --mat-slider-ripple-color: #e0000f; --mat-slider-hover-state-layer-color: rgba(224, 0, 15, 0.05); --mat-slider-focus-state-layer-color: rgba(224, 0, 15, 0.2); } html { --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-container-elevation-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); } html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); } html { --mdc-list-list-item-container-shape: 0; --mdc-list-list-item-leading-avatar-shape: 50%; --mdc-list-list-item-container-color: transparent; --mdc-list-list-item-selected-container-color: transparent; --mdc-list-list-item-leading-avatar-color: transparent; --mdc-list-list-item-leading-icon-size: 24px; --mdc-list-list-item-leading-avatar-size: 40px; --mdc-list-list-item-trailing-icon-size: 24px; --mdc-list-list-item-disabled-state-layer-color: transparent; --mdc-list-list-item-disabled-state-layer-opacity: 0; --mdc-list-list-item-disabled-label-text-opacity: 0.38; --mdc-list-list-item-disabled-leading-icon-opacity: 0.38; --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38; } html { --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; } html { --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0033aa; --mdc-radio-selected-hover-icon-color: #0033aa; --mdc-radio-selected-icon-color: #0033aa; --mdc-radio-selected-pressed-icon-color: #0033aa; } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #0033aa; --mdc-radio-selected-hover-icon-color: #0033aa; --mdc-radio-selected-icon-color: #0033aa; --mdc-radio-selected-pressed-icon-color: #0033aa; } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: black; --mdc-radio-disabled-unselected-icon-color: black; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-focus-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #e0000f; --mdc-radio-selected-hover-icon-color: #e0000f; --mdc-radio-selected-icon-color: #e0000f; --mdc-radio-selected-pressed-icon-color: #e0000f; } .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0033aa; --mdc-checkbox-selected-hover-icon-color: #0033aa; --mdc-checkbox-selected-icon-color: #0033aa; --mdc-checkbox-selected-pressed-icon-color: #0033aa; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0033aa; --mdc-checkbox-selected-hover-state-layer-color: #0033aa; --mdc-checkbox-selected-pressed-state-layer-color: #0033aa; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0033aa; --mdc-checkbox-selected-hover-icon-color: #0033aa; --mdc-checkbox-selected-icon-color: #0033aa; --mdc-checkbox-selected-pressed-icon-color: #0033aa; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0033aa; --mdc-checkbox-selected-hover-state-layer-color: #0033aa; --mdc-checkbox-selected-pressed-state-layer-color: #0033aa; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #e0000f; --mdc-checkbox-selected-hover-icon-color: #e0000f; --mdc-checkbox-selected-icon-color: #e0000f; --mdc-checkbox-selected-pressed-icon-color: #e0000f; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #e0000f; --mdc-checkbox-selected-hover-state-layer-color: #e0000f; --mdc-checkbox-selected-pressed-state-layer-color: #e0000f; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #0033aa; } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html { --mdc-list-list-item-one-line-container-height: 48px; --mdc-list-list-item-two-line-container-height: 64px; --mdc-list-list-item-three-line-container-height: 88px; } html { --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-state-layer-size: 40px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } html { --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); } html { --mat-paginator-container-size: 56px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-touch-target-display: block; } html { --mdc-secondary-navigation-tab-container-height: 48px; } html { --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; } html { --mat-tab-header-divider-color: transparent; --mat-tab-header-divider-height: 0; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #0033aa; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #0033aa; --mat-tab-header-active-ripple-color: #0033aa; --mat-tab-header-inactive-ripple-color: #0033aa; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #0033aa; --mat-tab-header-active-hover-label-text-color: #0033aa; --mat-tab-header-active-focus-indicator-color: #0033aa; --mat-tab-header-active-hover-indicator-color: #0033aa; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #0033aa; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #0033aa; --mat-tab-header-active-ripple-color: #0033aa; --mat-tab-header-inactive-ripple-color: #0033aa; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #0033aa; --mat-tab-header-active-hover-label-text-color: #0033aa; --mat-tab-header-active-focus-indicator-color: #0033aa; --mat-tab-header-active-hover-indicator-color: #0033aa; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #e0000f; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: black; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #e0000f; --mat-tab-header-active-ripple-color: #e0000f; --mat-tab-header-inactive-ripple-color: #e0000f; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #e0000f; --mat-tab-header-active-hover-label-text-color: #e0000f; --mat-tab-header-active-focus-indicator-color: #e0000f; --mat-tab-header-active-hover-indicator-color: #e0000f; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #0033aa; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #0033aa; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #e0000f; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 48px; } html { --mdc-checkbox-disabled-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-state-layer-opacity: 0.16; --mdc-checkbox-selected-hover-state-layer-opacity: 0.04; --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16; --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16; --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04; --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16; } html { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0033aa; --mdc-checkbox-selected-hover-icon-color: #0033aa; --mdc-checkbox-selected-icon-color: #0033aa; --mdc-checkbox-selected-pressed-icon-color: #0033aa; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0033aa; --mdc-checkbox-selected-hover-state-layer-color: #0033aa; --mdc-checkbox-selected-pressed-state-layer-color: #0033aa; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html { --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #0033aa; --mdc-checkbox-selected-hover-icon-color: #0033aa; --mdc-checkbox-selected-icon-color: #0033aa; --mdc-checkbox-selected-pressed-icon-color: #0033aa; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #0033aa; --mdc-checkbox-selected-hover-state-layer-color: #0033aa; --mdc-checkbox-selected-pressed-state-layer-color: #0033aa; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #e0000f; --mdc-checkbox-selected-hover-icon-color: #e0000f; --mdc-checkbox-selected-icon-color: #e0000f; --mdc-checkbox-selected-pressed-icon-color: #e0000f; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #e0000f; --mdc-checkbox-selected-hover-state-layer-color: #e0000f; --mdc-checkbox-selected-pressed-state-layer-color: #e0000f; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } html { --mdc-checkbox-state-layer-size: 40px; } html { --mat-checkbox-touch-target-display: block; } html { --mdc-text-button-container-shape: 4px; --mdc-text-button-keep-touch-target: false; } html { --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; } html { --mdc-protected-button-container-shape: 4px; --mdc-protected-button-container-elevation-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); --mdc-protected-button-disabled-container-elevation-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); --mdc-protected-button-focus-container-elevation-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); --mdc-protected-button-hover-container-elevation-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); --mdc-protected-button-pressed-container-elevation-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); } html { --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; } html { --mat-text-button-horizontal-padding: 8px; --mat-text-button-with-icon-horizontal-padding: 8px; --mat-text-button-icon-spacing: 8px; --mat-text-button-icon-offset: 0; } html { --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; } html { --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; } html { --mat-outlined-button-horizontal-padding: 15px; --mat-outlined-button-icon-spacing: 8px; --mat-outlined-button-icon-offset: -4px; } html { --mdc-text-button-label-text-color: black; --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html { --mat-text-button-state-layer-color: black; --mat-text-button-disabled-state-layer-color: black; --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-text-button-hover-state-layer-opacity: 0.04; --mat-text-button-focus-state-layer-opacity: 0.12; --mat-text-button-pressed-state-layer-opacity: 0.12; } html { --mdc-filled-button-container-color: white; --mdc-filled-button-label-text-color: black; --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html { --mat-filled-button-state-layer-color: black; --mat-filled-button-disabled-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.04; --mat-filled-button-focus-state-layer-opacity: 0.12; --mat-filled-button-pressed-state-layer-opacity: 0.12; } html { --mdc-protected-button-container-color: white; --mdc-protected-button-label-text-color: black; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); } html { --mat-protected-button-state-layer-color: black; --mat-protected-button-disabled-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.04; --mat-protected-button-focus-state-layer-opacity: 0.12; --mat-protected-button-pressed-state-layer-opacity: 0.12; } html { --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-label-text-color: black; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-outlined-button-state-layer-color: black; --mat-outlined-button-disabled-state-layer-color: black; --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.04; --mat-outlined-button-focus-state-layer-opacity: 0.12; --mat-outlined-button-pressed-state-layer-opacity: 0.12; } .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #0033aa; } .mat-mdc-button.mat-primary { --mat-text-button-state-layer-color: #0033aa; --mat-text-button-ripple-color: rgba(0, 51, 170, 0.1); } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #0033aa; } .mat-mdc-button.mat-accent { --mat-text-button-state-layer-color: #0033aa; --mat-text-button-ripple-color: rgba(0, 51, 170, 0.1); } .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #e0000f; } .mat-mdc-button.mat-warn { --mat-text-button-state-layer-color: #e0000f; --mat-text-button-ripple-color: rgba(224, 0, 15, 0.1); } .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #0033aa; --mdc-filled-button-label-text-color: white; } .mat-mdc-unelevated-button.mat-primary { --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #0033aa; --mdc-filled-button-label-text-color: white; } .mat-mdc-unelevated-button.mat-accent { --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #e0000f; --mdc-filled-button-label-text-color: white; } .mat-mdc-unelevated-button.mat-warn { --mat-filled-button-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #0033aa; --mdc-protected-button-label-text-color: white; } .mat-mdc-raised-button.mat-primary { --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #0033aa; --mdc-protected-button-label-text-color: white; } .mat-mdc-raised-button.mat-accent { --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #e0000f; --mdc-protected-button-label-text-color: white; } .mat-mdc-raised-button.mat-warn { --mat-protected-button-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #0033aa; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-primary { --mat-outlined-button-state-layer-color: #0033aa; --mat-outlined-button-ripple-color: rgba(0, 51, 170, 0.1); } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #0033aa; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-accent { --mat-outlined-button-state-layer-color: #0033aa; --mat-outlined-button-ripple-color: rgba(0, 51, 170, 0.1); } .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #e0000f; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-warn { --mat-outlined-button-state-layer-color: #e0000f; --mat-outlined-button-ripple-color: rgba(224, 0, 15, 0.1); } html { --mdc-text-button-container-height: 36px; } html { --mdc-filled-button-container-height: 36px; } html { --mdc-protected-button-container-height: 36px; } html { --mdc-outlined-button-container-height: 36px; } html { --mat-text-button-touch-target-display: block; } html { --mat-filled-button-touch-target-display: block; } html { --mat-protected-button-touch-target-display: block; } html { --mat-outlined-button-touch-target-display: block; } html { --mdc-icon-button-icon-size: 24px; } html { --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); } html { --mat-icon-button-state-layer-color: black; --mat-icon-button-disabled-state-layer-color: black; --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-pressed-state-layer-opacity: 0.12; } html .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #0033aa; } html .mat-mdc-icon-button.mat-primary { --mat-icon-button-state-layer-color: #0033aa; --mat-icon-button-ripple-color: rgba(0, 51, 170, 0.1); } html .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #0033aa; } html .mat-mdc-icon-button.mat-accent { --mat-icon-button-state-layer-color: #0033aa; --mat-icon-button-ripple-color: rgba(0, 51, 170, 0.1); } html .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #e0000f; } html .mat-mdc-icon-button.mat-warn { --mat-icon-button-state-layer-color: #e0000f; --mat-icon-button-ripple-color: rgba(224, 0, 15, 0.1); } html { --mat-icon-button-touch-target-display: block; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 12px; } html { --mdc-fab-container-shape: 50%; --mdc-fab-container-elevation-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); --mdc-fab-focus-container-elevation-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); --mdc-fab-hover-container-elevation-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); --mdc-fab-pressed-container-elevation-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); } html { --mdc-fab-small-container-shape: 50%; --mdc-fab-small-container-elevation-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); --mdc-fab-small-focus-container-elevation-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); --mdc-fab-small-hover-container-elevation-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); --mdc-fab-small-pressed-container-elevation-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); } html { --mdc-extended-fab-container-height: 48px; --mdc-extended-fab-container-shape: 24px; --mdc-extended-fab-container-elevation-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); --mdc-extended-fab-focus-container-elevation-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); --mdc-extended-fab-hover-container-elevation-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); --mdc-extended-fab-pressed-container-elevation-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); } html { --mdc-fab-container-color: white; } html { --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-disabled-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); } html { --mdc-fab-small-container-color: white; } html { --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-disabled-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38); } html .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #0033aa; } html .mat-mdc-fab.mat-primary { --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #0033aa; } html .mat-mdc-fab.mat-accent { --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #e0000f; } html .mat-mdc-fab.mat-warn { --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #0033aa; } html .mat-mdc-mini-fab.mat-primary { --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #0033aa; } html .mat-mdc-mini-fab.mat-accent { --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #e0000f; } html .mat-mdc-mini-fab.mat-warn { --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } html { --mat-fab-touch-target-display: block; } html { --mat-fab-small-touch-target-display: block; } html { --mdc-snackbar-container-shape: 4px; } html { --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); } html { --mat-snack-bar-button-color: #d1c4e9; } html { --mat-table-row-item-outline-width: 1px; } html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; } html { --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; } html { --mdc-circular-progress-active-indicator-color: #0033aa; } html .mat-accent { --mdc-circular-progress-active-indicator-color: #0033aa; } html .mat-warn { --mdc-circular-progress-active-indicator-color: #e0000f; } html { --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; } html { --mat-badge-background-color: #0033aa; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #b9b9b9; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); } .mat-badge-accent { --mat-badge-background-color: #0033aa; --mat-badge-text-color: white; } .mat-badge-warn { --mat-badge-background-color: #e0000f; --mat-badge-text-color: white; } html { --mat-bottom-sheet-container-shape: 4px; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --mat-legacy-button-toggle-height: 36px; --mat-legacy-button-toggle-shape: 2px; --mat-legacy-button-toggle-focus-state-layer-opacity: 1; } html { --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; } html { --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; } html { --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4); } html { --mat-standard-button-toggle-height: 48px; } html { --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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); } html { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #0033aa; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 51, 170, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 51, 170, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 51, 170, 0.3); --mat-datepicker-toggle-active-state-icon-color: #0033aa; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 51, 170, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: black; --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #0033aa; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 51, 170, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 51, 170, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 51, 170, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 51, 170, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); } .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #e0000f; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(224, 0, 15, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(224, 0, 15, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(224, 0, 15, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(224, 0, 15, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); } .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #0033aa; } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #e0000f; } .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } html { --mat-divider-width: 1px; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #0033aa; } .mat-icon.mat-accent { --mat-icon-color: #0033aa; } .mat-icon.mat-warn { --mat-icon-color: #e0000f; } html { --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-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-sidenav-container-width: auto; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #0033aa; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #0033aa; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #0033aa; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #e0000f; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #e0000f; --mat-stepper-header-error-state-icon-background-color: transparent; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #0033aa; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #0033aa; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #0033aa; --mat-stepper-header-edit-state-icon-foreground-color: white; } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #e0000f; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #e0000f; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #e0000f; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 72px; } html { --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3); } html { --mat-toolbar-container-background-color: whitesmoke; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #0033aa; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #0033aa; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #e0000f; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; } html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); } html { --mat-tree-node-min-height: 48px; } html { --mat-timepicker-container-shape: 4px; --mat-timepicker-container-elevation-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); } html { --mat-timepicker-container-background-color: white; } /* Core CSS required for Ionic components to work properly */ /* Basic CSS for apps built with Ionic */ ion-refresher.md.refresher-pulling { z-index: 10; } * { font-family: "Roboto", "Helvetica Neue", sans-serif; } ion-content { --background: #ffffff; } ion-content.ios { --offset-top: 59px !important; } /* Might come in handy one day - just gonna leave this here for now ******** ion-toolbar.viper { box-shadow: 0px 0px 0px 1px var(--PRIMARY-COLOR); }*/ .flex { display: flex; } .f-center { align-items: center; } .f-end { align-items: flex-end; } .f-start { align-items: flex-start; } .f-column { flex-direction: column; } .j-center { justify-content: center; } .j-space-around { justify-content: space-around; } .j-space-between { justify-content: space-between; } .width-100p { width: 100%; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .font-10 { font-size: 10px; } .font-12 { font-size: 12px; } .font-14 { font-size: 14px; } .font-16 { font-size: 16px; } .font-18 { font-size: 18px; } .font-20 { font-size: 20px; } .font-24 { font-size: 24px; } .bold { font-weight: bold; } .black { color: var(--FONT-DARK-COLOR); } .white { color: var(--WHITE-COLOR); } .hidden { display: none !important; } .sbg-icon { display: flex; justify-content: center; align-items: center !important; border-radius: 50%; width: 48px; height: 48px; } .sbg-icon.sbg-gradient-primary { background: linear-gradient(to right bottom, rgb(100, 151, 255), #0033aa 66%); color: var(--WHITE-COLOR); } .sbg-icon.sbg-gradient-secondary { background: linear-gradient(to right bottom, rgb(100, 237, 255), #0089ff 66%); color: var(--WHITE-COLOR); } .sbg-icon.sbg-gradient-identifier { background: linear-gradient(to right bottom, rgb(255, 179, 255), #b34fc5 66%); color: var(--WHITE-COLOR); } .sbg-icon.sbg-gradient-positive { background: linear-gradient(to right bottom, rgb(114, 238, 100), #0e8a00 66%); color: var(--WHITE-COLOR); } .sbg-icon.sbg-gradient-accent { background: linear-gradient(to right bottom, rgb(255, 202, 117), #ff6611 66%); color: var(--WHITE-COLOR); } .sbg-icon.sbg-gradient-notification { background: linear-gradient(to right bottom, rgb(255, 255, 134), #ffb822 66%); color: var(--WHITE-COLOR); } .tablet-screen { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 12px; max-width: 1200px; margin: 0 auto; padding: 0; } @media (max-width: 1199px) { .tablet-screen { padding: 0 12px 0 12px; } } @media (max-width: 364px) { .tablet-screen { padding: 0 8px 0 8px; gap: 8px; } } .close-btn-block osx-icon-button .os-button, .back-arrow osx-icon-button .os-button { color: var(--white-color) !important; } my360-ion-tile sbg-loading-container mat-mdc-spinner { margin-top: 40px; margin-bottom: 40px; } .preloader { position: absolute; display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 100%; height: 100%; z-index: 100; background: var(--WHITE-COLOR); } .desktop-background { background: #ffffff; height: calc(100% - 48px); } .currency-selector-panel.mat-mdc-select-panel { max-height: none !important; overflow: visible !important; min-width: 280px !important; width: 280px !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important; margin-left: -207px !important; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option { height: 56px !important; padding: 0 20px !important; font-family: Roboto, "Helvetica Neue", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08); transition: background-color 0.2s ease; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox, .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option .mat-mdc-option-pseudo-checkbox { display: none !important; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option:hover { background-color: rgba(0, 51, 170, 0.08) !important; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected { background-color: rgba(0, 51, 170, 0.12) !important; font-weight: 600 !important; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text { width: 100%; display: flex; align-items: center; color: rgba(0, 0, 0, 0.87) !important; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text > div { display: flex; align-items: center; justify-content: space-between; width: 100%; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text > div span { order: 1; font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: inherit; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text > div img { order: 2; width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); margin-right: 40px; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option.currency-dropdown-text { height: auto !important; white-space: normal !important; pointer-events: none; background-color: rgba(0, 51, 170, 0.04) !important; border-bottom: 2px solid rgba(0, 51, 170, 0.2); font-family: Roboto, "Helvetica Neue", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important; color: rgba(0, 0, 0, 0.6) !important; padding: 12px 16px !important; } .currency-selector-panel.mat-mdc-select-panel .mat-mdc-option.currency-dropdown-text .mdc-list-item__primary-text { display: block; font-family: Roboto, "Helvetica Neue", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px !important; } .mat-mdc-select-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled) { background-color: rgba(0, 0, 0, 0.04); } .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__title, .mat-mdc-dialog-container .mdc-dialog__title { color: white !important; background-color: var(--PRIMARY-COLOR) !important; padding: 16px 24px !important; margin: 0 !important; } .cdk-overlay-pane .mat-mdc-dialog-container [mat-dialog-title], .mat-mdc-dialog-container [mat-dialog-title] { background-color: var(--PRIMARY-COLOR) !important; color: white !important; padding: 16px 24px !important; font-size: 20px !important; font-weight: 500 !important; } .cdk-overlay-pane .mat-mdc-dialog-container [mat-dialog-actions], .mat-mdc-dialog-container [mat-dialog-actions] { padding: 16px 0 0 0 !important; margin: 0 !important; display: flex !important; justify-content: flex-end !important; gap: 8px !important; left: -10px; } .sbg-md-modal.cdk-overlay-pane .mat-mdc-dialog-container, .cdk-overlay-pane.sbg-md-modal .mat-mdc-dialog-container { padding: 24px !important; } .sbg-md-modal.cdk-overlay-pane .mat-mdc-dialog-container [mat-dialog-title], .cdk-overlay-pane.sbg-md-modal .mat-mdc-dialog-container [mat-dialog-title] { background-color: var(--PRIMARY-COLOR) !important; color: white !important; padding: 16px 24px !important; } .sbg-md-modal.cdk-overlay-pane .mat-mdc-dialog-container [mat-dialog-actions], .cdk-overlay-pane.sbg-md-modal .mat-mdc-dialog-container [mat-dialog-actions] { padding: 16px 0 0 0 !important; margin: 0 !important; display: flex !important; justify-content: flex-end !important; gap: 8px !important; } .product-edit-dialog .mat-mdc-dialog-container { overflow: hidden !important; } .mat-mdc-select-value-text, .mdc-select__selected-text { color: black !important; } .mat-mdc-select-value { width: auto; } mat-form-field[floatLabel=always] .mat-mdc-form-field-label-wrapper, mat-form-field[floatLabel=always] .mdc-floating-label, mat-mdc-form-field[floatLabel=always] .mat-mdc-form-field-label-wrapper, mat-mdc-form-field[floatLabel=always] .mdc-floating-label { top: -0.84375em; } .quick-valuation-form .mat-mdc-form-field-infix, .quick-valuation-form .mdc-text-field__input { width: 340px !important; } .quick-valuation-form .mat-mdc-form-field { width: 100% !important; } .sbg-segmented-control { justify-content: center; } .sbg-table-actions { display: none !important; } .sbg-table-row { padding-top: 0 !important; padding-bottom: 0 !important; } @media (max-width: 640px) { .mat-mdc-paginator-range-label { margin: 0; } } @media (max-width: 400px) { .mat-mdc-paginator-range-label { margin: 0; } .pagination-container { display: flex; flex-direction: column; } } .mat-mdc-expansion-indicator { margin-top: -5px; transform-origin: center 65%; } .advisor-home .mat-mdc-tab-header .mat-mdc-tab-list { display: flex; } .tab-selected { border-bottom: 4px solid #0089ff; color: var(--COZA-BLUE); } .no-events { pointer-events: none; } .full-width-button.sbg-button { width: 100%; } .full-width-button.sbg-button button { width: 100%; } .mat-mdc-button.full-width { width: 100%; } .mat-mdc-button.inverse { background-color: transparent !important; } .btn-secondary-border .mat-mdc-button { width: 100%; border: 1px solid var(--SECONDARY-COLOR) !important; } .btn-secondary-border .mdc-button__label { color: var(--SECONDARY-COLOR); } button .mat-mdc-progress-spinner, button .mat-mdc-progress-spinner > svg { width: 20px !important; height: 20px !important; } .mat-mdc-progress-spinner circle { stroke: var(--PRIMARY-COLOR) !important; } .mat-mdc-progress-bar-fill::after { background-image: linear-gradient(to right, var(--PRIMARY-COLOR), var(--PRIMARY-COLOR)); } .sbg-slider.mat-mdc-slider { padding-left: 0; } .mat-mdc-snack-bar-container { margin-bottom: 24px; padding: 0; } sbg-loading-container mat-spinner { margin-top: 80px; } ion-card-content { min-height: 420px !important; } my360-ion-accounts-tile ion-card-content { min-height: auto !important; padding: 12px !important; } ion-card { width: 395px !important; border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; } my360-ion-accounts-tile ion-card { width: auto !important; border-radius: 8px !important; } ion-card-title { width: 387px; height: 40px; } ion-tab-button ion-label { font-size: 12px; } .mdc-radio { z-index: -99 !important; } .advisor-form-page .mdc-radio { z-index: 1 !important; } .advisor-form-page .mdc-form-field { align-items: center !important; } .advisor-form-page .mdc-form-field label { padding-top: 0 !important; margin-top: 0 !important; line-height: 1.5 !important; } .other-asset-or-liability-page .mdc-radio { z-index: 1 !important; } .mat-mdc-radio-button.mat-mdc-radio-disabled .mdc-label { color: var(--WHITE-COLOR); } .currency-tab-grey .mdc-radio { position: relative; } .currency-tab-grey .mdc-radio__background::before { content: ""; position: absolute; } .cdk-overlay-container { z-index: 9999 !important; } .cdk-overlay-backdrop { background-color: transparent !important; } /* Set Roboto as the base font for the entire app */ :root { --ion-font-family: "Roboto", "Helvetica Neue", sans-serif; } html, body, ion-app, ion-content, ion-item, ion-label, ion-list, ion-card, mat-toolbar, mat-list-item, mat-card, .mat-mdc-snack-bar-label { font-family: "Roboto", "Helvetica Neue", sans-serif; } /* Global sub-page header alignment */ .page-heading .heading-row { display: flex; align-items: center; } .page-heading .close-btn-block { display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 4px; } .page-heading .nav-logo { pointer-events: none; flex-shrink: 0; margin-right: 2px; } .page-heading .page-header, .page-heading .header-txt, .page-heading .heading-txt { font-family: "Roboto", "Helvetica Neue", sans-serif; font-size: 17px; font-weight: 500; letter-spacing: 0.2px; margin: 0; padding: 0; line-height: 1; } /* Global error state card — matches web-tile error pattern */ .error-state-card { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; gap: 16px; text-align: center; max-width: 400px; margin: 0 auto; } .error-state-text { font-family: "Roboto", "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; color: #444444; line-height: 1.4; } /* Settings page list item font size to match sub-page headers */ ion-item { --min-height: 52px; } ion-item ion-label { font-size: 15px !important; font-weight: 400; } /* Global Snackbar Color Overrides */ .cdk-overlay-pane.snackbar-container_success, .cdk-overlay-pane.snackbar-container_success .mat-mdc-snack-bar-container, .cdk-overlay-pane.snackbar-container_success .mdc-snackbar__surface { background-color: #0e8a00 !important; --mdc-snackbar-container-color: #0e8a00 !important; --mdc-snackbar-supporting-text-color: #ffffff !important; } .cdk-overlay-pane.snackbar-container_success * { color: #ffffff !important; } .cdk-overlay-pane.snackbar-container_error, .cdk-overlay-pane.snackbar-container_error .mat-mdc-snack-bar-container, .cdk-overlay-pane.snackbar-container_error .mdc-snackbar__surface { background-color: #e70011 !important; --mdc-snackbar-container-color: #e70011 !important; --mdc-snackbar-supporting-text-color: #ffffff !important; } .cdk-overlay-pane.snackbar-container_error * { color: #ffffff !important; } .cdk-overlay-pane.snackbar-container_warning, .cdk-overlay-pane.snackbar-container_warning .mat-mdc-snack-bar-container, .cdk-overlay-pane.snackbar-container_warning .mdc-snackbar__surface { background-color: #ff6611 !important; --mdc-snackbar-container-color: #ff6611 !important; --mdc-snackbar-supporting-text-color: #ffffff !important; } .cdk-overlay-pane.snackbar-container_warning * { color: #ffffff !important; } .cdk-overlay-pane.snackbar-container_notification, .cdk-overlay-pane.snackbar-container_notification .mat-mdc-snack-bar-container, .cdk-overlay-pane.snackbar-container_notification .mdc-snackbar__surface { background-color: #222222 !important; --mdc-snackbar-container-color: #222222 !important; --mdc-snackbar-supporting-text-color: #ffffff !important; } .cdk-overlay-pane.snackbar-container_notification * { color: #ffffff !important; } /* Global Icon-Text Alignment Fixes */ :is(mat-icon, ion-icon) { vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; } :is(.flex, [class*=flex], .mat-mdc-list-item, .mat-mdc-option, .mat-mdc-menu-item, .mat-mdc-button, .mat-mdc-raised-button, .mat-mdc-flat-button, .mat-mdc-stroked-button, .mat-mdc-icon-button, .mat-mdc-fab, .mat-mdc-mini-fab) :is(mat-icon, ion-icon) { align-self: center; } .mat-mdc-form-field :is(mat-icon[matSuffix], mat-icon[matPrefix], ion-icon[matSuffix], ion-icon[matPrefix]) { align-self: center; margin-top: 0; margin-bottom: 0; } :is(button, a) :is(mat-icon, ion-icon) { vertical-align: middle; } :is(.mat-mdc-list-item-content, .mdc-list-item__content) :is(mat-icon, ion-icon) { align-self: center; } .mat-mdc-menu-content .mat-mdc-menu-item mat-icon { margin-right: 16px; vertical-align: middle; } :is(sbg-snackbar, .sbg-snackbar) { display: flex; align-items: center; } :is(sbg-snackbar, .sbg-snackbar) mat-icon { align-self: center; } .cdk-overlay-pane[class*=snackbar] { margin-bottom: 16px !important; } .mat-mdc-snack-bar-handset .mat-mdc-snack-bar-container, .mat-mdc-snack-bar-container { margin: 8px !important; max-width: calc(100vw - 16px) !important; } .mat-mdc-button-touch-target { height: 100%; width: 100%; } .mat-mdc-icon-button { display: inline-flex; align-items: center; justify-content: center; } .mat-mdc-icon-button .mat-mdc-button-touch-target { display: flex; align-items: center; justify-content: center; } /* Menu icon alignment and delete institution red color */ .mat-mdc-menu-panel .menu-item-with-icon, .mat-menu-panel .menu-item-with-icon, .cdk-overlay-container .menu-item-with-icon { display: flex !important; flex-direction: row !important; align-items: center !important; } .mat-mdc-menu-panel .menu-item-with-icon osx-icon-button, .mat-menu-panel .menu-item-with-icon osx-icon-button, .cdk-overlay-container .menu-item-with-icon osx-icon-button { display: inline-flex !important; width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; flex-shrink: 0 !important; margin-right: 8px !important; position: relative !important; top: 0 !important; } /* Delete institution — red icon and text */ .mat-mdc-menu-panel .txt-menu--danger, .mat-menu-panel .txt-menu--danger, .cdk-overlay-container .txt-menu--danger { color: #d32f2f !important; } .mat-mdc-menu-panel osx-icon-button[iconname=icn_bin], .mat-menu-panel osx-icon-button[iconname=icn_bin], .cdk-overlay-container osx-icon-button[iconname=icn_bin] { color: #d32f2f !important; } .mat-mdc-menu-panel osx-icon-button[iconname=icn_bin], .mat-mdc-menu-panel osx-icon-button[iconname=icn_bin] *, .mat-mdc-menu-panel osx-icon-button[iconname=icn_bin] svg, .mat-mdc-menu-panel osx-icon-button[iconname=icn_bin] svg path, .mat-menu-panel osx-icon-button[iconname=icn_bin], .mat-menu-panel osx-icon-button[iconname=icn_bin] *, .mat-menu-panel osx-icon-button[iconname=icn_bin] svg, .mat-menu-panel osx-icon-button[iconname=icn_bin] svg path, .cdk-overlay-container osx-icon-button[iconname=icn_bin], .cdk-overlay-container osx-icon-button[iconname=icn_bin] *, .cdk-overlay-container osx-icon-button[iconname=icn_bin] svg, .cdk-overlay-container osx-icon-button[iconname=icn_bin] svg path { color: #d32f2f !important; fill: #d32f2f !important; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/app/nx-ionic-my360/src/theme/variables.scss?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /** Ionic CSS Variables **/ :root { /** font **/ --ion-font-family: "Roboto", "Helvetica", "Arial", sans-serif; /** primary **/ --ion-color-primary: var(--PRIMARY-COLOR); --ion-color-primary-rgb: 56, 128, 255; --ion-color-primary-contrast: #ffffff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #3171e0; --ion-color-primary-tint: #4c8dff; /** secondary **/ --ion-color-secondary: #3dc2ff; --ion-color-secondary-rgb: 61, 194, 255; --ion-color-secondary-contrast: #ffffff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #36abe0; --ion-color-secondary-tint: #50c8ff; /** tertiary **/ --ion-color-tertiary: #5260ff; --ion-color-tertiary-rgb: 82, 96, 255; --ion-color-tertiary-contrast: #ffffff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #4854e0; --ion-color-tertiary-tint: #6370ff; /** success **/ --ion-color-success: #2dd36f; --ion-color-success-rgb: 45, 211, 111; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #28ba62; --ion-color-success-tint: #42d77d; /** warning **/ --ion-color-warning: #ffc409; --ion-color-warning-rgb: 255, 196, 9; --ion-color-warning-contrast: #000000; --ion-color-warning-contrast-rgb: 0, 0, 0; --ion-color-warning-shade: #e0ac08; --ion-color-warning-tint: #ffca22; /** danger **/ --ion-color-danger: #eb445a; --ion-color-danger-rgb: 235, 68, 90; --ion-color-danger-contrast: #ffffff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #cf3c4f; --ion-color-danger-tint: #ed576b; /** dark **/ --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 36, 40; --ion-color-dark-contrast: #ffffff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; /** medium **/ --ion-color-medium: #92949c; --ion-color-medium-rgb: 146, 148, 156; --ion-color-medium-contrast: #ffffff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #808289; --ion-color-medium-tint: #9d9fa6; /** light **/ --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 245, 248; --ion-color-light-contrast: #000000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; }