/* You can add global styles to this file, and also import other style files */
.lst-table-responsive-wrapper{width:auto;width:var(--lst-table-responsive-wrapper-width, auto);height:auto;height:var(--lst-table-responsive-wrapper-height, auto);overflow:scroll;overflow:var(--lst-table-responsive-wrapper-overflow, scroll)}
.lst-table{border-collapse:collapse;border-collapse:var(--lst-table-border-collapse, collapse);border:none;border:var(--lst-table-border, none);background-color:#fff;background-color:var(--lst-table-background-color, #fff);font-family:"OpenSans";font-family:var(--lst-table-font-family, "OpenSans");line-height:20px;line-height:var(--lst-table-line-height, 20px);font-size:0.875rem;font-size:var(--lst-table-font-size, 0.875rem)}
.lst-table.compact>thead>tr>th,.lst-table.compact>tbody>tr>td{padding-top:8.5px;padding-top:var(--lst-table-padding-top-compact, 8.5px);padding-bottom:8.5px;padding-bottom:var(--lst-table-padding-top-compact, 8.5px)}
.lst-table>thead tr{border-top:none;border-top:var(--lst-table-header-row-border-top, none);background-color:#fff;background-color:var(--lst-table-header-background-color, #fff);line-height:20px;line-height:var(--lst-table-header-row-line-height, 20px);padding:17px 8px;padding:var(--lst-table-padding, 17px 8px)}
.lst-table>thead>tr>th{border-top:none;border-top:var(--lst-table-th-border-top, none);border-left:none;border-left:var(--lst-table-th-border-left, none);border-right:none;border-right:var(--lst-table-th-border-right, none);border-bottom:1px solid #555;border-bottom:var(--lst-table-th-border-bottom, 1px solid #555);font-family:"OpenSans-Semibold";font-family:var(--lst-table-th-font-family, "OpenSans-Semibold");font-size:0.875rem;font-size:var(--lst-table-th-font-size, 0.875rem);line-height:20px;line-height:var(--lst-table-th-line-height, 20px);padding:8px 4px;padding:var(--lst-table-th-padding, 8px 4px);min-width:64px;min-width:var(--lst-table-th-min-width, 64px);max-width:none;max-width:var(--lst-table-th-max-width, none);text-align:left;text-align:var(--lst-table-th-text-align, left);vertical-align:middle;vertical-align:var(--lst-table-th-vertical-align, middle);white-space:nowrap}
.lst-table>thead>tr>th>.lst-table-header-icon{vertical-align:middle;vertical-align:var(--lst-table-header-icon-vertical-align, middle);margin-bottom:1px 0;margin-bottom:var(--lst-table-header-icon-margin-bottom, 1px 0)}
.lst-table>thead>tr>th.align-center{text-align:center}
.lst-table>thead>tr>th.interactive:hover{background-color:#e5f0f9;background-color:var(--lst-table-th-interactive-hover-bg-color, #e5f0f9);border-radius:4px 4px 0 0;border-radius:var(--interactive-hover-th-border-radius, 4px 4px 0 0)}
.lst-table>thead>tr>th.interactive:hover:has(.lst-table-select){border-radius:4px 0 0 0;border-radius:var(--interactive-hover-select-th-border-radius, 4px 0 0 0);--primary-select-background-color:#e5f0f9;--primary-styling-label-color:#2150a3;--select-caret-down-color-base:#2150a3}
.lst-table tbody tr{border-top:none;border-top:var(--lst-table-tr-border-top, none);border-left:none;border-left:var(--lst-table-tr-border-left, none);border-right:none;border-right:var(--lst-table-tr-border-right, none);border-bottom:1px solid #d8d8d8;border-bottom:var(--lst-table-tr-border-bottom, 1px solid #d8d8d8);background-color:#fff;background-color:var(--lst-table-body-background-color, #fff)}
.lst-table tbody tr:hover{background-color:#e5f0f9;background-color:var(--lst-tr-hover-bg-color, #e5f0f9)}
.lst-table tbody tr>td{font-size:0.875rem;font-size:var(--lst-table-td-font-size, 0.875rem);border-bottom:none;border-bottom:var(--lst-table-td-border-bottom, none);border-left:none;border-left:var(--lst-table-td-border-left, none);border-right:none;border-right:var(--lst-table-td-border-right, none);padding:17px 8px;padding:var(--lst-table-padding, 17px 8px)}
.lst-table tbody tr>td.align-center{text-align:center}
.lst-table tbody tr>td.align-left{padding-left:none;padding-left:var(--lst-table-td-align-left-padding, none);text-align:left}
.lst-table .lst-table-select{margin-right:4px;--single-select-label-font-size:$text-size-small;--single-select-label-font-family:$secondary-font-medium;--label-margin-bottom-borderless:0}
button:active:disabled{outline:none}
:root{--primary:#006be0;--primaryShade:#2150a3;--errorNotificationOrange:#BD4500}
.cel-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.zero-height-status-container{height:0}
.green{background-color:#35AA35;color:#000}
.red{background-color:#CC333F;color:#fff}
.yellow{background-color:#FFBA4A;color:#000}
.blue{background-color:#584CE4;color:#fff}
.white{background-color:#fff;color:#333}
.primary-shade{background-color:#2150a3;color:#fff}
.pink{background-color:#FFEEEC;color:#CC333F}
@media (hover: hover){.green.interactive:hover{background-color:#2A9A2A}.red.interactive:hover{background-color:#B42934}.yellow.interactive:hover{background-color:#E5A439}.blue.interactive:hover{background-color:#372CB4}}
button,input,textarea{letter-spacing:unset;line-height:unset;word-spacing:unset;line-height:unset}
.grid-container{display:grid;grid-gap:28px;gap:28px;width:100%;grid-template-columns:1fr;}
.grid-container.has-many-items{grid-template-columns:repeat(2, 1fr)}
@media only screen and (max-width: 991px){.grid-container.has-many-items{grid-template-columns:repeat(1, 1fr)}}
.grid-item{display:flex;align-items:center;justify-content:center;border-radius:16px;grid-gap:28px;gap:28px;min-height:120px}
.grid-item{max-height:412px;height:auto}
@media only screen and (max-width: 991px){.grid-container{grid-template-columns:1fr}.grid-item{max-height:412px}.grid-container.has-many-items .grid-item{max-height:412px}}
@media only screen and (max-width: 991px) and (min-width: 992px){.grid-container{grid-template-columns:1fr}.grid-item{max-height:300px}}
.lst-table-responsive-wrapper{width:auto;width:var(--lst-table-responsive-wrapper-width, auto);height:auto;height:var(--lst-table-responsive-wrapper-height, auto);overflow:scroll;overflow:var(--lst-table-responsive-wrapper-overflow, scroll)}
.lst-table{border-collapse:collapse;border-collapse:var(--lst-table-border-collapse, collapse);border:none;border:var(--lst-table-border, none);background-color:#fff;background-color:var(--lst-table-background-color, #fff);font-family:"OpenSans";font-family:var(--lst-table-font-family, "OpenSans");line-height:20px;line-height:var(--lst-table-line-height, 20px);font-size:0.875rem;font-size:var(--lst-table-font-size, 0.875rem)}
.lst-table.compact>thead>tr>th,.lst-table.compact>tbody>tr>td{padding-top:8.5px;padding-top:var(--lst-table-padding-top-compact, 8.5px);padding-bottom:8.5px;padding-bottom:var(--lst-table-padding-top-compact, 8.5px)}
.lst-table>thead tr{border-top:none;border-top:var(--lst-table-header-row-border-top, none);background-color:#fff;background-color:var(--lst-table-header-background-color, #fff);line-height:20px;line-height:var(--lst-table-header-row-line-height, 20px);padding:17px 8px;padding:var(--lst-table-padding, 17px 8px)}
.lst-table>thead>tr>th{border-top:none;border-top:var(--lst-table-th-border-top, none);border-left:none;border-left:var(--lst-table-th-border-left, none);border-right:none;border-right:var(--lst-table-th-border-right, none);border-bottom:1px solid #555;border-bottom:var(--lst-table-th-border-bottom, 1px solid #555);font-family:"OpenSans-Semibold";font-family:var(--lst-table-th-font-family, "OpenSans-Semibold");font-size:0.875rem;font-size:var(--lst-table-th-font-size, 0.875rem);line-height:20px;line-height:var(--lst-table-th-line-height, 20px);padding:8px 4px;padding:var(--lst-table-th-padding, 8px 4px);min-width:64px;min-width:var(--lst-table-th-min-width, 64px);max-width:none;max-width:var(--lst-table-th-max-width, none);text-align:left;text-align:var(--lst-table-th-text-align, left);vertical-align:middle;vertical-align:var(--lst-table-th-vertical-align, middle);white-space:nowrap}
.lst-table>thead>tr>th>.lst-table-header-icon{vertical-align:middle;vertical-align:var(--lst-table-header-icon-vertical-align, middle);margin-bottom:1px 0;margin-bottom:var(--lst-table-header-icon-margin-bottom, 1px 0)}
.lst-table>thead>tr>th.align-center{text-align:center}
.lst-table>thead>tr>th.interactive:hover{background-color:#e5f0f9;background-color:var(--lst-table-th-interactive-hover-bg-color, #e5f0f9);border-radius:4px 4px 0 0;border-radius:var(--interactive-hover-th-border-radius, 4px 4px 0 0)}
.lst-table>thead>tr>th.interactive:hover:has(.lst-table-select){border-radius:4px 0 0 0;border-radius:var(--interactive-hover-select-th-border-radius, 4px 0 0 0);--primary-select-background-color:#e5f0f9;--primary-styling-label-color:#2150a3;--select-caret-down-color-base:#2150a3}
.lst-table tbody tr{border-top:none;border-top:var(--lst-table-tr-border-top, none);border-left:none;border-left:var(--lst-table-tr-border-left, none);border-right:none;border-right:var(--lst-table-tr-border-right, none);border-bottom:1px solid #d8d8d8;border-bottom:var(--lst-table-tr-border-bottom, 1px solid #d8d8d8);background-color:#fff;background-color:var(--lst-table-body-background-color, #fff)}
.lst-table tbody tr:hover{background-color:#e5f0f9;background-color:var(--lst-tr-hover-bg-color, #e5f0f9)}
.lst-table tbody tr>td{font-size:0.875rem;font-size:var(--lst-table-td-font-size, 0.875rem);border-bottom:none;border-bottom:var(--lst-table-td-border-bottom, none);border-left:none;border-left:var(--lst-table-td-border-left, none);border-right:none;border-right:var(--lst-table-td-border-right, none);padding:17px 8px;padding:var(--lst-table-padding, 17px 8px)}
.lst-table tbody tr>td.align-center{text-align:center}
.lst-table tbody tr>td.align-left{padding-left:none;padding-left:var(--lst-table-td-align-left-padding, none);text-align:left}
.lst-table .lst-table-select{margin-right:4px;--single-select-label-font-size:$text-size-small;--single-select-label-font-family:$secondary-font-medium;--label-margin-bottom-borderless:0}
button:active:disabled{outline:none}
:root{--primary:#006be0;--primaryShade:#2150a3;--errorNotificationOrange:#BD4500}
.cel-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.zero-height-status-container{height:0}
.green{background-color:#35AA35;color:#000}
.red{background-color:#CC333F;color:#fff}
.yellow{background-color:#FFBA4A;color:#000}
.blue{background-color:#584CE4;color:#fff}
.white{background-color:#fff;color:#333}
.primary-shade{background-color:#2150a3;color:#fff}
.pink{background-color:#FFEEEC;color:#CC333F}
@media (hover: hover){.green.interactive:hover{background-color:#2A9A2A}.red.interactive:hover{background-color:#B42934}.yellow.interactive:hover{background-color:#E5A439}.blue.interactive:hover{background-color:#372CB4}}
button,input,textarea{letter-spacing:unset;line-height:unset;word-spacing:unset;line-height:unset}
.grid-container{display:grid;grid-gap:28px;gap:28px;width:100%;grid-template-columns:1fr;}
.grid-container.has-many-items{grid-template-columns:repeat(2, 1fr)}
@media only screen and (max-width: 991px){.grid-container.has-many-items{grid-template-columns:repeat(1, 1fr)}}
.grid-item{display:flex;align-items:center;justify-content:center;border-radius:16px;grid-gap:28px;gap:28px;min-height:120px}
.grid-item{max-height:412px;height:auto}
@media only screen and (max-width: 991px){.grid-container{grid-template-columns:1fr}.grid-item{max-height:412px}.grid-container.has-many-items .grid-item{max-height:412px}}
@media only screen and (max-width: 991px) and (min-width: 992px){.grid-container{grid-template-columns:1fr}.grid-item{max-height:300px}}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('OpenSans-Bold.043771c999cd4d47d9f3.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src: url('OpenSans-BoldItalic.1c9d53ac65b20d03c4d0.ttf');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('OpenSans-ExtraBold.8dafb2ac05778278072a.ttf');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-ExtraBoldItalic';
  src: url('OpenSans-ExtraBoldItalic.834e159ebdb3097d4619.ttf');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url('OpenSans-Italic.9585580230392fee3fdc.ttf');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('OpenSans-Light.3d5923f94fc319b5652a.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('OpenSans-Semibold.029b9bc9d72f4d799803.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-SemiboldItalic';
  src: url('OpenSans-SemiboldItalic.2010272e7b458452ae46.ttf');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('OpenSans.17e98b9e5586529b13cc.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansLight-Italic';
  src: url('OpenSansLight-Italic.4f712f17699ad7802828.ttf');
  font-weight: 300;
  font-style: italic;
}
@font-face {
    font-family: 'Poppins-Black';
    src: url('Poppins-Black.8f98f314c1d84d7c85b1.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-BlackItalic';
    src: url('Poppins-BlackItalic.eb5c32d32488f7536bb2.ttf');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('Poppins-Bold.b1c32aa57ad5bc9998dd.ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-BoldItalic';
    src: url('Poppins-BoldItalic.8598aad913a4ce400cd2.ttf');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('Poppins-ExtraBold.2156e69bc095ee0ad41d.ttf');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-ExtraBoldItalic';
    src: url('Poppins-ExtraBoldItalic.e31571445ae5cc490d60.ttf');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('Poppins-ExtraLight.811983a93d6817529003.ttf');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-ExtraLightItalic';
    src: url('Poppins-ExtraLightItalic.edf1d03a2280b7c9dc87.ttf');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins-Italic';
    src: url('Poppins-Italic.ef14758c5b41ed121a0a.ttf');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins-Light';
    src: url('Poppins-Light.53e02b634e42240b89d8.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-LightItalic';
    src: url('Poppins-LightItalic.b13dc802e1c7b6550a10.ttf');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('Poppins-Medium.4e2dc0d293b53de4df92.ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-MediumItalic';
    src: url('Poppins-MediumItalic.434874bf0fab6228b27d.ttf');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('Poppins-Regular.ccfdd78d095fe3607726.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('Poppins-SemiBold.ec09da7214e9dc1e86ca.ttf');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-SemiBoldItalic';
    src: url('Poppins-SemiBoldItalic.094617677c79856112b9.ttf');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins-Thin';
    src: url('Poppins-Thin.28a146b4b94ed3291986.ttf');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins-ThinItalic';
    src: url('Poppins-ThinItalic.7f27ee4c2f7d0c10ee8f.ttf');
    font-weight: 100;
    font-style: italic;
}
:root {
  /* Open Sans Fonts */
  --font-open-sans-semi-bold: "OpenSans-Semibold";
  --font-open-sans: "Open Sans";
  --font-open-poppins: "Poppins";
  /* Poppin Fonts */
  --font-poppin-semi-bold: "Poppins-SemiBold";
  --font-poppin-medium: "Poppins-Medium.ttf";
  --font-family-poppins-regular: "Poppins-Regular";
  /* Base Fonts **/
  --font-icon: "k12_universal_icons";
  --font-family-open-sans: "OpenSans", Arial, sans-serif;
  --font-family-open-sans-semi-bold: "OpenSans-Semibold";
  --font-family-poppins-regular: "Poppins-Regular";
  --font-family-poppins-semi-bold: "Poppins-Semibold";
  /* Text Sizes */
  --text-size-xxx-large: 1.875rem;
  /* 1.875rem (30px) */
  --text-size-xx-large: 1.5rem;
  /* 1.5rem (24px) */
  --text-size-x-large: 1.25rem;
  /* 1.25rem (20px) */
  --text-size-large: 1.125rem;
  /* 1.125rem (18px) */
  --text-size-normal: 1rem;
  /* 1rem (16px) */
  --text-size-small: 0.875rem;
  /* 0.875rem (14px) */
  --text-size-x-small: 0.75rem;
  /* 0.75rem (12px) */
  /* Icon Sizes */
  --icon-size-xxx-large: 4.5rem;
  /* 4.5rem (72px) */
  --icon-size-xx-large: 3.125rem;
  /* 3.125rem (50px) */
  --icon-size-x-large: 2.25rem;
  /* 2.25rem (36px) */
  --icon-size-large: 1.875rem;
  /* 1.875rem (30px) */
  --icon-size-normal: 1.5rem;
  /* 1.5rem (24px) */
  --icon-size-small: 1.125rem;
  /* 1.125rem (18px) */
  --icon-size-x-small: 0.75rem;
  /* 0.75rem (12px) */
  /* Font Sizes */
  --font-size-small: 12px;
  --font-size-regular: 14px;
  --font-size-x-regular: 15px;
  --font-size-normal: 16px;
  --font-size-medium: 18px;
  --font-size-large: 20px;
  --font-size-m-large: 22px;
  --font-size-x-large: 28px;
  /* Font Weights */
  --font-weight-light: 300;
  --font-weight-normal: 500;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
  --font-weight-strong: 900;
}
/* Savvas Brand Colors */
:root {
  /* Neutral Palatte */
  --black: #000000;
  --white: #FFFFFF;
  --grayDark: #3D4149;
  --gray: #6F777B;
  --grayLight: #cdcdcd;
  --whiteLightest: #e2e2e2;
  --whiteLighter: #f3f3f3;
  /* Cool Palatte */
  --blue: #004168;
  --blueDark: #2150A3;
  --blueDenim: #196EAE;
  --teal: #33BDCD;
  --green: #9ECA47;
  --blueLight: #026ecb;
  --softPeach: #f3dede;
  --blueBright: #0072EE;
  --blueBackground: #006BE0;
  --blueDark: #02549c;
  /* Warm Palatte */
  --orange: #F8961E;
  --orangeDark: #c75133;
  --red: #9e0b0f;
  --redLight: #cc333f;
  /* Non-Brand Colors */
  --gray-3f: #3F3F3F;
  --gray-75: #757575;
  --gray-76: #767676;
  --gray-a5: #A5A5A5;
  --gray-33: #333333;
  --gray-28: #282828;
  --davyGray: #555555;
  --grayLightest: #F5F5F5;
  --statusGreen: #019875;
  --blueLightest: #e0e9ef;
  --box-shadow-focus-button: 0 0 0 2px rgba(2,110,203,0.5);
  /* Empty / None state */
  --color-empty-value: #94AAB9;
}
html {
  height: 100%;
}
body {
  font-family: "OpenSans", Arial, sans-serif;
  font-family: var(--font-family-open-sans);
  background: #f3f3f3;
  background: var(--whiteLighter);
  font-size: 14px;
  font-size: var(--font-size-regular);
  color: #000000;
  color: var(--black);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
.container {
  margin: 0 auto;
  overflow: hidden;
}
.loading-spinner {
  --height: 50px;
  --width: 50px;
  --fill-color: var(--grayDark);
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* Dialog Modal Popup starts here */
.sc-cel-toast-h {
  --cel-toast-width: auto;
  --cel-toast-height: auto;
  --cel-toast-top: 15px;
}
.cel-error-dialog-container {
  border: 1px solid #000000;
  border: 1px solid var(--black);
  --cel-dialog-max-width: 70%;
  --cel-dialog-max-height: 100%;
  --cel-dialog-overflow: wrap;
}
.cel-error-dialog-container .dialog-header {
  --cel-dialog-header-background-color: var(--black);
  padding: 15px;
}
.cel-error-dialog-container .dialog-header__message {
  --cel-dialog-header-text-color: var(--white);
  font-family: "Poppins-Regular";
  font-family: var(--font-family-poppins-regular);
  font-weight: normal;
}
.cel-error-dialog-container .dialog-button-group {
  border: 1px solid #000000;
  border: 1px solid var(--black);
  --dialog-button-group-background-color: var(--grayLightest);
  --dialog-button-group-padding-top: 0;
  --dialog-button-group-padding-right: 0;
  --dialog-button-group-padding-bottom: 0;
  --dialog-button-group-padding-left: 0;
}
.cel-error-dialog-container .dialog-wrapper__content.sc-cel-dialog {
  font-weight: 300;
  font-weight: var(--font-weight-light);
  font-family: "OpenSans", Arial, sans-serif;
  font-family: var(--font-family-open-sans);
  border: 1px solid #000000;
  border: 1px solid var(--black);
  padding: 10px;
  font-size: 14px;
  font-size: var(--font-size-regular);
  text-align: center;
}
.dialog-wrapper--visible.sc-cel-dialog {
  top: 120px;
}
/* Dialog Modal popup ends here */
.confirm-button {
  --background-color-primary: var(--black);
  --border-color-hover-primary: var(--black);
  --background-color-primary-hover-focus: var(--black);
  --background-image-primary-hover: linear-gradient(to bottom, var(--davyGray) 0%, var(--black) 100%);
  --background-image-primary-focus: linear-gradient(to bottom, var(--black) 0%, var(--gray-33) 100%);
  --box-shadow-focus: none;
  --cel-button-padding: 3px 25px;
  --cel-button-min-width: 72px;
  --cel-button-height: 30px;
  --cel-button-border-radius: 0;
  font-family: "Poppins-Regular";
  font-family: var(--font-family-poppins-regular);
}
/* XXL Desktop layout: >=1366px */
@media only screen and (min-width: 1366px) {
  .container {
    width: 1366px;
  }
}
/* Desktop Layout: >=1024px */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
  .container {
    width: 1024px;
  }
}
/* Vertical Tablet Layout: 768px to 1023px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .container {
    width: 100%;
  }

  /* Dialog Modal Popup starts here */
  .sc-cel-dialog-h {
    --cel-dialog-min-width: 60%;
  }

  /* Dialog Modal Popup ends here */
}
/* Mobile Layout < 767px */
@media only screen and (max-width: 767px) {
  .container {
    width: 100%;
  }

  /* Dialog Modal Popup starts here */
  .sc-cel-dialog-h {
    --cel-dialog-min-width: 100%;
  }

  /* Dialog Modal Popup ends here */
}