/*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@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-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: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0, 0, 0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;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}}/*# sourceMappingURL=core.css.map */ /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@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}/*# sourceMappingURL=normalize.css.map */ /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@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}/*# sourceMappingURL=structure.css.map */ /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@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}/*# sourceMappingURL=typography.css.map */ /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@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}}/*# sourceMappingURL=display.css.map */ /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./libs/shared-hybrid-components/src/lib/styles/style.scss?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* * App Global CSS * ---------------------------------------------------------------------------- * Put style rules here that you want to apply globally. These styles are for * the entire app and not just one component. Additionally, this file can be * used as an entry point to import other CSS/Sass files to be included in the * output CSS. * For more information on global stylesheets, visit the documentation: * https://ionicframework.com/docs/layout/global-stylesheets */ /* Core CSS required for Ionic components to work properly */ /* Basic CSS for apps built with Ionic */ html.ios { --sbg-default-font: -apple-system, BlinkMacSystemFont, "BentonSans", sans-serif; --ion-default-font: -apple-system, BlinkMacSystemFont, "BentonSans", sans-serif; } html.md { --sbg-default-font: "BentonSans", "Helvetica Neue", sans-serif; --ion-default-font: "BentonSans", "Helvetica Neue", sans-serif; } html { --sbg-default-font: "BentonSans", "Helvetica Neue", sans-serif; --ion-default-font: "BentonSans", "Helvetica Neue", sans-serif; } /* * Do not edit directly * Generated on Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard Time) */ /* * Do not edit directly * Generated on Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard 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%); } /* * Do not edit directly * Generated on Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard Time) */ .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%; } /* * Do not edit directly * Generated on Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard Time) */ /* .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 Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard 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 Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard 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); } .os-accordion-card .mat-expansion-panel-header-title, .os-accordion-standard .mat-expansion-panel .mat-expansion-panel-header-title { font-size: var(--os-typography-size-m-font-size); line-height: var(--os-typography-size-m-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 .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); } .os-accordion-card .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title, .os-accordion-card .mat-expansion-panel-header-title:hover, .os-accordion-standard .mat-expansion-panel-header-title:hover, .os-accordion-standard .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title { 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(--medium-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; } .os-accordion { display: block; position: relative; } .onesource-expansion-panel { display: block; position: relative; } .os-accordion-standard .mat-expansion-panel { box-shadow: none !important; border: 1px solid var(--pale-grey-50-color) !important; border-radius: 0px !important; border-width: 1px 0px !important; } .os-accordion-standard .mat-expansion-panel-header.mat-expanded { height: auto; } .os-accordion-standard .panel-content { margin-left: 33px; margin-bottom: 12px; margin-right: 12px; } .os-accordion-standard .mat-expansion-panel-body { padding: 0px !important; } .os-accordion-standard .mat-expansion-panel-header .mat-content { padding-left: 40px !important; padding-top: 18px; padding-bottom: 18px; } .os-accordion-standard .mat-expansion-panel-header { height: auto; min-height: 56px; } .os-accordion-standard .os-expansion-panel-icon { position: absolute; height: 24px; width: 24px; left: 24px; top: 16px; color: var(--secondary-color); transform: translateY(-3px); } .os-accordion-standard .mat-expansion-panel.mat-expanded .os-expansion-panel-icon { transform: translateY(-3px); } .os-accordion-standard .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background-color: var(--white-color) !important; border: var(--white-color); } .os-accordion-standard .mat-expansion-panel.mat-expanded { margin-top: -5px; margin-bottom: -5px; border-radius: 0px; box-shadow: none !important; border-width: 1px 0px; } .os-accordion-standard .mat-expansion-panel-content { letter-spacing: normal; color: var(--light-grey-color); } .os-accordion-standard .mat-expansion-panel .mat-expansion-panel-header-title { transform: translate(-19px, -4px); display: flex; align-items: center; order: 1; } .os-accordion-standard .mat-expansion-panel:not(.mat-expanded), .os-accordion-standard .mat-expansion-panel:not(.mat-expansion-panel-spacing) { margin-bottom: -5px; } .os-accordion-card .mat-expansion-panel { box-sizing: border-box !important; box-shadow: none !important; border: 1px solid var(--pale-grey-color); border-radius: 0px; color: var(--light-grey-color) !important; } .os-accordion-card .mat-expansion-panel-header.mat-expanded { height: auto; } .os-accordion-card .mat-expansion-panel-header .mat-content { padding-left: 40px !important; padding-top: 18px; padding-bottom: 18px; } .os-accordion-card .mat-expansion-panel-header { height: auto; min-height: 56px; } .os-accordion-card .os-expansion-panel-icon { position: absolute; height: 24px; width: 24px; left: 24px; top: 16px; color: var(--secondary-color); transform: translateY(-3px); } .os-accordion-card > .onesource-expansion-panel:first-child > .mat-expansion-panel { border-radius: 12px 12px 0px 0px !important; } .os-accordion-card > .onesource-expansion-panel:last-child > .mat-expansion-panel { border-radius: 0px 0px 12px 12px !important; } .os-accordion-card .mat-expansion-panel:not(.mat-expanded), .os-accordion-card .mat-expansion-panel:not(.mat-expansion-panel-spacing) { margin-bottom: -5px; justify-content: space-between; align-items: center; } .os-accordion-card .mat-expansion-panel-content { color: var(--light-grey-color) !important; } .os-accordion-card .panel-content { margin-left: 33px; margin-bottom: 12px; margin-right: 12px; } .os-accordion-card .mat-expansion-panel-body { padding: 0px !important; } .os-accordion-card .mat-expansion-panel-header-title { transform: translate(-19px, -4px); display: flex; align-items: center; order: 1; } .os-accordion-card .mat-expansion-panel.mat-expanded .os-expansion-panel-icon { transform: translateY(-3px); } .os-accordion-card .onesource-expansion-panel-expanded { margin: 16px 0; } /* * Do not edit directly * Generated on Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard 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; } .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; } /* * Do not edit directly * Generated on Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard 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); } .os-accordion-standard .mat-expansion-panel .mat-expansion-panel-header-title, .os-accordion-card .mat-expansion-panel-header-title { font-size: var(--os-typography-size-m-font-size); line-height: var(--os-typography-size-m-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 .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); } .os-accordion-standard .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title, .os-accordion-standard .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title { 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(--medium-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); } /* * Do not edit directly * Generated on Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard Time) */ .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-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1)); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-app-background, transparent)); color: var(--mat-app-text-color, var(--mat-app-on-background, inherit)); } .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-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; --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; --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; --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; --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; --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; --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; } .mat-theme-loaded-marker { display: none; } 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); } .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-minimal-pseudo-checkbox-selected-checkmark-color: #0051ff; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } 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; --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-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-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; --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); --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); --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; --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: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --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; --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; --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); --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-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); --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-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; --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; --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; --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-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: #e0e0e0; --mdc-chip-elevated-selected-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-flat-disabled-selected-container-color: #e0e0e0; --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-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-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-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-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); --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-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-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-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; --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); --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; --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; --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; --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-base-elevation-level: 8; } 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; --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; --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; --mdc-tab-indicator-active-indicator-height: 2px; --mdc-tab-indicator-active-indicator-shape: 0; --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-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-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-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; --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; --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; --mdc-filled-button-container-shape: 4px; --mdc-filled-button-keep-touch-target: false; --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); --mdc-outlined-button-keep-touch-target: false; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --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; --mat-filled-button-horizontal-padding: 16px; --mat-filled-button-icon-spacing: 8px; --mat-filled-button-icon-offset: -4px; --mat-protected-button-horizontal-padding: 16px; --mat-protected-button-icon-spacing: 8px; --mat-protected-button-icon-offset: -4px; --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); --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; --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); --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; --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); --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; --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); --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-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-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-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-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-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-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-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-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-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-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-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-outlined-button-state-layer-color: #e31e46; --mat-outlined-button-ripple-color: rgba(227, 30, 70, 0.1); } html { --mdc-text-button-container-height: 28px; --mdc-filled-button-container-height: 28px; --mdc-protected-button-container-height: 28px; --mdc-outlined-button-container-height: 28px; --mat-text-button-touch-target-display: none; --mat-filled-button-touch-target-display: none; --mat-protected-button-touch-target-display: none; --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; --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; --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; --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); --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; --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; --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; --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); --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); --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; --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); --mdc-fab-small-container-color: white; --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; --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; --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; --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; --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; --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; --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; --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); --mat-snack-bar-button-color: #0033aa; } 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; --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; --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: #e0e0e0; } 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; --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: #46a35e; --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: #46a35e; } .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: #46a35e; } .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: #757575; } 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; } .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%; } /* * Do not edit directly * Generated on Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard 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); } .os-accordion-standard .mat-expansion-panel .mat-expansion-panel-header-title, .os-accordion-card .mat-expansion-panel-header-title { font-size: var(--os-typography-size-m-font-size); line-height: var(--os-typography-size-m-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 .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); } .os-accordion-standard .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title, .os-accordion-standard .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel-header-title:hover, .os-accordion-card .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title { 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(--medium-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); } /* * Do not edit directly * Generated on Wed Oct 01 2025 14:40:10 GMT+0200 (South Africa Standard Time) */ .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; } :root { --primary-135-color: #0000BC; --gray-dark-color: #dbdbdb; --GRAY-DARK-COLOR: var(--gray-dark-color) !important; } @font-face { font-family: BentonSans; font-display: swap; src: local(BentonSans), url('bentonsans-regular-webfont.030db2f83c43e40b.woff2') format("woff2"), url('bentonsans-regular-webfont.bf9970d94b85cf97.ttf') format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: BentonSans; font-display: swap; src: local(BentonSans), url('bentonsans-medium-webfont.12b67340c1fbbc0b.woff2') format("woff2"), url('bentonsans-medium-webfont.7e381e7cb48b2687.ttf') format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: BentonSans; font-display: swap; src: local(BentonSans), url('bentonsans-light-webfont.06e68485bb61cc32.woff') format("woff2"), url('bentonsans-light-webfont.0238ea9086ebf77a.ttf') format("truetype"); font-weight: 300; font-style: normal; } /* Optional CSS utils that can be commented out */ /** Ionic CSS Variables **/ :root { /** primary **/ --ion-color-primary: var(--primary-color); --ion-color-primary-rgb: 0, 51, 170; --ion-color-primary-contrast: var(--white-color); --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #002d96; --ion-color-primary-tint: #1a47b3; /** secondary **/ --ion-color-secondary: var(--secondary-color); --ion-color-secondary-rgb: 0, 98, 225; --ion-color-secondary-contrast: var(--white-color); --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #2d5ab4; --ion-color-secondary-tint: #4775d1; /** tertiary **/ --ion-color-tertiary: #0089ff; --ion-color-tertiary-rgb: 0, 170, 221; --ion-color-tertiary-contrast: var(--white-color); --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #0096c2; --ion-color-tertiary-tint: #1ab3e0; /** success **/ --ion-color-success: var(--positive-color); --ion-color-success-rgb: 14, 138, 0; --ion-color-success-contrast: #ffffff; --ion-color-success-contrast-rgb: 255, 255, 255; --ion-color-success-shade: #0c7900; --ion-color-success-tint: #26961a; /** warning **/ --ion-color-warning: var(--warning-color); --ion-color-warning-rgb: 255, 184, 34; --ion-color-warning-contrast: #000000; --ion-color-warning-contrast-rgb: 0, 0, 0; --ion-color-warning-shade: #e0a21e; --ion-color-warning-tint: #ffbf38; /** danger **/ --ion-color-danger: var(--negative-color); --ion-color-danger-rgb: 220, 10, 10; --ion-color-danger-contrast: var(--white-color); --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #c5000d; --ion-color-danger-tint: #e31a27; /** dark **/ --ion-color-dark: var(--dark-grey-color); --ion-color-dark-rgb: 2, 7, 13; --ion-color-dark-contrast: var(--white-color); --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e1e1e; --ion-color-dark-tint: #383838; /** medium **/ --ion-color-medium: var(--medium-grey-color); --ion-color-medium-rgb: 26, 49, 77; --ion-color-medium-contrast: var(--white-color); --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #3c3c3c; --ion-color-medium-tint: #575757; /** light **/ --ion-color-light: var(--white-color); --ion-color-light-rgb: 92, 108, 128; --ion-color-light-contrast: var(--white-color); --ion-color-light-contrast-rgb: 255, 255, 255; --ion-color-light-shade: #636363; --ion-color-light-tint: #7e7e7e; /** secondary button **/ --ion-color-btnsecondary: transparent; --ion-color-btnsecondary-rgb: 255, 215, 0; --ion-color-btnsecondary-contrast: var(--secondary-color); --ion-color-btnsecondary-contrast-rgb: 255, 255, 255; --ion-color-btnsecondary-shade: var(--pale-grey-25-color); --ion-color-btnsecondary-tint: var(--pale-grey-25-color); /** inverse outline button **/ --ion-color-inverse: var(--white-color); --ion-color-inverse-rgb: 255, 215, 0; --ion-color-inverse-contrast: var(--secondary-color); --ion-color-inverse-contrast-rgb: 255, 255, 255; --ion-color-inverse-shade: var(--pale-grey-25-color); --ion-color-inverse-tint: var(--pale-grey-25-color); /** tertiary button **/ --ion-color-btntertiary: var(--GRAY-MEDIUM-COLOR); --ion-color-btntertiary-rgb: 255, 215, 0; --ion-color-btnsecondary-contrast: var(--primary-color); --ion-color-btnsecondary-contrast-rgb: 255, 255, 255; --ion-color-btnsecondary-shade: var(--GRAY-MEDIUM-COLOR); --ion-color-btnsecondary-tint: var(--GRAY-MEDIUM-COLOR); } ion-content { --ion-background-color: var(--white-color); } .ion-color-btnsecondary { --ion-color-base: var(--ion-color-btnsecondary); --ion-color-base-rgb: var(--ion-color-btnsecondary-rgb); --ion-color-contrast: var(--ion-color-btnsecondary-contrast); --ion-color-contrast-rgb: var(--ion-color-btnsecondary-contrast-rgb); --ion-color-shade: var(--ion-color-btnsecondary-shade); --ion-color-tint: var(--ion-color-btnsecondary-tint); } .ion-color-btntertiary { --ion-color-base: var(--ion-color-btntertiary); --ion-color-base-rgb: var(--ion-color-btntertiary-rgb); --ion-color-contrast: var(--ion-color-btntertiary-contrast); --ion-color-contrast-rgb: var(--ion-color-btntertiary-contrast-rgb); --ion-color-shade: var(--ion-color-btntertiary-shade); --ion-color-tint: var(--ion-color-btntertiary-tint); } ion-button { --border-radius: 8px; --box-shadow: none; text-transform: uppercase; height: 36px; } ion-button.small { --padding-start: 5px; --padding-end: 5px; } ion-item { --background: transparent; --background-focused: transparent; --highlight-height: 2px; --highlight-color-valid: var(--ion-color-primary); --highlight-color-invalid: var(--ion-color-primary); --color: var(--light-grey-color); } ion-item.item-has-focus.ion-untouched > ion-label, ion-item.item-has-focus.ion-valid > ion-label { color: var(--ion-color-primary); } ion-item ion-label.label-floating.label-floating { --color: var(--ion-color-light); transform: translate3d(0, 156%, 0); } ion-item.ion-touched { --highlight-color-invalid: var(--ion-color-danger); } ion-item.ion-invalid.ion-untouched { color: var(--ion-color-light); } ion-item.ion-invalid.ion-touched .label-floating.label-floating { color: var(--ion-color-danger); } ion-item .ion-touched ion-label.validation-message { display: block; } ion-item .ion-untouched ion-label.validation-message { display: none; } form { --highlight-color-invalid: var(--ion-color-primary); } form.form-submitted ion-item { --highlight-color-invalid: var(--ion-color-danger); } form.form-submitted ion-item.ion-invalid .label-floating.label-floating { color: var(--ion-color-danger); } ion-content { --background: transparent !important; } ion-toast.md { --border-radius: 0; --start: 0; --end: 0; } ion-toast.ios.ion-color-danger { --border-radius: 5px; --ion-color-contrast: var(--negative-color) !important; --ion-color-base: var(--white-color) !important; } ion-toolbar { --min-height: 60px; --padding-start: var(--SMALL-MARGIN); --padding-end: var(--SMALL-MARGIN); } ion-toolbar .title-default { font-size: 20px; } ion-toolbar .title-small { font-size: 18px; } ion-toolbar .title-small.ios { padding: 0; } ion-icon { width: 24px; height: 24px; } .chip-disabled { opacity: 1; color: #697786 !important; border-color: #697786 !important; } .item-disabled { opacity: 1; } .item-disabled .list-label { color: #697786 !important; } .button-disabled { opacity: 1; color: #697786 !important; } /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } /* Navigation font end */ #onetrust-consent-sdk { display: none; } html { font-size: 16px; } /*# sourceMappingURL=styles.580c54148efa5326.css.map*/