/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-mdc-table {
  width: 100%;
}
.mat-mdc-table .mat-column-select, .mat-mdc-table .mat-column-check {
  width: 40px;
}

.mat-mdc-row {
  cursor: pointer;
}

.mat-mdc-raised-button {
  margin-right: 8px !important;
}

.mat-mdc-form-field {
  width: 100%;
}

:last-child.mat-mdc-raised-button {
  margin-right: 0 !important;
}

.mat-mdc-dialog-container .stepper-action-container {
  margin-bottom: -24px;
}
.mat-mdc-dialog-container .action-tool-bar-container .action-tool-bar {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.base-content-router-container .mat-horizontal-content-container {
  padding: 5px !important;
}
.base-content-router-container .mat-horizontal-content-container .action-tool-bar-container .action-tool-bar {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

mat-checkbox label {
  overflow-wrap: anywhere;
}

mat-icon {
  overflow: unset !important;
}

mat-form-field mat-error {
  display: none !important;
}
mat-form-field mat-error:first-child {
  display: block !important;
}

.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;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}

@media (forced-colors: active) {
  .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, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}

.cdk-overlay-popover::backdrop {
  display: none;
}

.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* fallback */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 400;
  src: url('material_icons.woff2') format("woff2");
}
.material-icons {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-variation-settings: "FILL" 1;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.material-icons.material-icons-outlined {
  font-variation-settings: "FILL" 0;
}

/* roboto-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local(""), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix') format("embedded-opentype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format("woff2"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format("woff"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf') format("truetype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#Roboto') format("svg"); /* Legacy iOS */
}
/* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(""), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format("embedded-opentype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format("woff2"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format("woff"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format("truetype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto') format("svg"); /* Legacy iOS */
}
/* roboto-500 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot'); /* IE9 Compat Modes */
  src: local(""), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.eot?#iefix') format("embedded-opentype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format("woff2"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format("woff"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.ttf') format("truetype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.svg#Roboto') format("svg"); /* Legacy iOS */
}
.sn-toast {
  font-family: northern;
}

/**
Name	CSS classes	Description
display-4	.mat-display-4	Large, one-off header, usually at the top of the page (e.g. a hero header).
display-3	.mat-display-3	Large, one-off header, usually at the top of the page (e.g. a hero header).
display-2	.mat-display-2	Large, one-off header, usually at the top of the page (e.g. a hero header).
display-1	.mat-display-1	Large, one-off header, usually at the top of the page (e.g. a hero header).
headline	.mat-h1, .mat-headline	Section heading corresponding to the <h1> tag.
title	.mat-h2, .mat-title	Section heading corresponding to the <h2> tag.
subheading-2	.mat-h3, .mat-subheading-2	Section heading corresponding to the <h3> tag.
subheading-1	.mat-h4, .mat-subheading-1	Section heading corresponding to the <h4> tag.
body-1	.mat-body, .mat-body-1	Base body text.
body-2	.mat-body-strong, .mat-body-2	Bolder body text.
caption	.mat-small, .mat-caption	Smaller body and hint text.
button	None. Used only in components.	Buttons and anchors.
input	None. Used only in components.	Form input fields.
 */
[readonly] {
  pointer-events: none;
  cursor: default;
}

.description-block {
  padding-top: 5px;
}
.description-block mat-icon {
  padding-right: 4px;
}

.image-uploader-dialog-container .mat-mdc-dialog-container {
  padding: 0 !important;
}

.jira-issue-collector-panel .mat-mdc-dialog-container {
  padding: 0;
}

.dialog-container .mat-mdc-dialog-container {
  padding-left: 10px;
  padding-right: 10px;
}

.community-partner-request-dialog .mat-mdc-dialog-content {
  overflow: hidden;
}

.drop-zone {
  padding: 24px;
}

.mat-icon-form-fields {
  transform: translateY(6px) scale(0.7);
}

.button-icon-only {
  min-width: 40px !important;
}
.button-icon-only mat-icon {
  transform: scale(1.5);
}

sn-learning-center img {
  max-width: 100%;
}

sn-order-item-card-edit-amount .mat-mdc-button-touch-target {
  height: inherit !important;
  width: inherit !important;
}

.density-1 {
  --mat-form-field-container-height: 52px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 14px;
  --mat-form-field-filled-with-label-container-padding-top: 22px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
}

.density-2 {
  --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;
}

.density-3 {
  --mat-form-field-container-height: 44px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 10px;
  --mat-form-field-filled-with-label-container-padding-top: 10px;
  --mat-form-field-filled-with-label-container-padding-bottom: 10px;
}

.density-4 {
  --mat-form-field-container-height: 40px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 8px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

.density-5 {
  --mat-form-field-container-height: 36px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 6px;
  --mat-form-field-filled-with-label-container-padding-top: 6px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
}

.snFlex {
  flex: 1 1 0%;
}

.snHide {
  display: none !important;
}

.snShow {
  display: block !important;
}

.snDisplayFlex {
  display: flex !important;
}

.snDisplayFlexCenter {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.snFill {
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
}

.snFlex-grow {
  flex: 1 1 100% !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snFlex-nogrow {
  flex: 0 1 auto !important;
  box-sizing: border-box !important;
}

.snFlex-noshrink {
  flex: 1 0 auto !important;
  box-sizing: border-box !important;
}

.snFlex-none {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
}

.snFlex-0 {
  flex: 1 1 0% !important;
  box-sizing: border-box !important;
  max-width: 0% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-0 {
  gap: 0px !important;
}

.snFlex-1 {
  flex: 1 1 1% !important;
  box-sizing: border-box !important;
  max-width: 1% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-1 {
  gap: 1px !important;
}

.snFlex-2 {
  flex: 1 1 2% !important;
  box-sizing: border-box !important;
  max-width: 2% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-2 {
  gap: 2px !important;
}

.snFlex-3 {
  flex: 1 1 3% !important;
  box-sizing: border-box !important;
  max-width: 3% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-3 {
  gap: 3px !important;
}

.snFlex-4 {
  flex: 1 1 4% !important;
  box-sizing: border-box !important;
  max-width: 4% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-4 {
  gap: 4px !important;
}

.snFlex-5 {
  flex: 1 1 5% !important;
  box-sizing: border-box !important;
  max-width: 5% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-5 {
  gap: 5px !important;
}

.snFlex-6 {
  flex: 1 1 6% !important;
  box-sizing: border-box !important;
  max-width: 6% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-6 {
  gap: 6px !important;
}

.snFlex-7 {
  flex: 1 1 7% !important;
  box-sizing: border-box !important;
  max-width: 7% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-7 {
  gap: 7px !important;
}

.snFlex-8 {
  flex: 1 1 8% !important;
  box-sizing: border-box !important;
  max-width: 8% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-8 {
  gap: 8px !important;
}

.snFlex-9 {
  flex: 1 1 9% !important;
  box-sizing: border-box !important;
  max-width: 9% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-9 {
  gap: 9px !important;
}

.snFlex-10 {
  flex: 1 1 10% !important;
  box-sizing: border-box !important;
  max-width: 10% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-10 {
  gap: 10px !important;
}

.snFlex-11 {
  flex: 1 1 11% !important;
  box-sizing: border-box !important;
  max-width: 11% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-11 {
  gap: 11px !important;
}

.snFlex-12 {
  flex: 1 1 12% !important;
  box-sizing: border-box !important;
  max-width: 12% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-12 {
  gap: 12px !important;
}

.snFlex-13 {
  flex: 1 1 13% !important;
  box-sizing: border-box !important;
  max-width: 13% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-13 {
  gap: 13px !important;
}

.snFlex-14 {
  flex: 1 1 14% !important;
  box-sizing: border-box !important;
  max-width: 14% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-14 {
  gap: 14px !important;
}

.snFlex-15 {
  flex: 1 1 15% !important;
  box-sizing: border-box !important;
  max-width: 15% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-15 {
  gap: 15px !important;
}

.snFlex-16 {
  flex: 1 1 16% !important;
  box-sizing: border-box !important;
  max-width: 16% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-16 {
  gap: 16px !important;
}

.snFlex-17 {
  flex: 1 1 17% !important;
  box-sizing: border-box !important;
  max-width: 17% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-17 {
  gap: 17px !important;
}

.snFlex-18 {
  flex: 1 1 18% !important;
  box-sizing: border-box !important;
  max-width: 18% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-18 {
  gap: 18px !important;
}

.snFlex-19 {
  flex: 1 1 19% !important;
  box-sizing: border-box !important;
  max-width: 19% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-19 {
  gap: 19px !important;
}

.snFlex-20 {
  flex: 1 1 20% !important;
  box-sizing: border-box !important;
  max-width: 20% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-20 {
  gap: 20px !important;
}

.snFlex-21 {
  flex: 1 1 21% !important;
  box-sizing: border-box !important;
  max-width: 21% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-21 {
  gap: 21px !important;
}

.snFlex-22 {
  flex: 1 1 22% !important;
  box-sizing: border-box !important;
  max-width: 22% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-22 {
  gap: 22px !important;
}

.snFlex-23 {
  flex: 1 1 23% !important;
  box-sizing: border-box !important;
  max-width: 23% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-23 {
  gap: 23px !important;
}

.snFlex-24 {
  flex: 1 1 24% !important;
  box-sizing: border-box !important;
  max-width: 24% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-24 {
  gap: 24px !important;
}

.snFlex-25 {
  flex: 1 1 25% !important;
  box-sizing: border-box !important;
  max-width: 25% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-25 {
  gap: 25px !important;
}

.snFlex-26 {
  flex: 1 1 26% !important;
  box-sizing: border-box !important;
  max-width: 26% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-26 {
  gap: 26px !important;
}

.snFlex-27 {
  flex: 1 1 27% !important;
  box-sizing: border-box !important;
  max-width: 27% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-27 {
  gap: 27px !important;
}

.snFlex-28 {
  flex: 1 1 28% !important;
  box-sizing: border-box !important;
  max-width: 28% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-28 {
  gap: 28px !important;
}

.snFlex-29 {
  flex: 1 1 29% !important;
  box-sizing: border-box !important;
  max-width: 29% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-29 {
  gap: 29px !important;
}

.snFlex-30 {
  flex: 1 1 30% !important;
  box-sizing: border-box !important;
  max-width: 30% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-30 {
  gap: 30px !important;
}

.snFlex-31 {
  flex: 1 1 31% !important;
  box-sizing: border-box !important;
  max-width: 31% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-31 {
  gap: 31px !important;
}

.snFlex-32 {
  flex: 1 1 32% !important;
  box-sizing: border-box !important;
  max-width: 32% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-32 {
  gap: 32px !important;
}

.snFlex-33 {
  flex: 1 1 33% !important;
  box-sizing: border-box !important;
  max-width: 33% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-33 {
  gap: 33px !important;
}

.snFlex-34 {
  flex: 1 1 34% !important;
  box-sizing: border-box !important;
  max-width: 34% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-34 {
  gap: 34px !important;
}

.snFlex-35 {
  flex: 1 1 35% !important;
  box-sizing: border-box !important;
  max-width: 35% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-35 {
  gap: 35px !important;
}

.snFlex-36 {
  flex: 1 1 36% !important;
  box-sizing: border-box !important;
  max-width: 36% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-36 {
  gap: 36px !important;
}

.snFlex-37 {
  flex: 1 1 37% !important;
  box-sizing: border-box !important;
  max-width: 37% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-37 {
  gap: 37px !important;
}

.snFlex-38 {
  flex: 1 1 38% !important;
  box-sizing: border-box !important;
  max-width: 38% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-38 {
  gap: 38px !important;
}

.snFlex-39 {
  flex: 1 1 39% !important;
  box-sizing: border-box !important;
  max-width: 39% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-39 {
  gap: 39px !important;
}

.snFlex-40 {
  flex: 1 1 40% !important;
  box-sizing: border-box !important;
  max-width: 40% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-40 {
  gap: 40px !important;
}

.snFlex-41 {
  flex: 1 1 41% !important;
  box-sizing: border-box !important;
  max-width: 41% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-41 {
  gap: 41px !important;
}

.snFlex-42 {
  flex: 1 1 42% !important;
  box-sizing: border-box !important;
  max-width: 42% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-42 {
  gap: 42px !important;
}

.snFlex-43 {
  flex: 1 1 43% !important;
  box-sizing: border-box !important;
  max-width: 43% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-43 {
  gap: 43px !important;
}

.snFlex-44 {
  flex: 1 1 44% !important;
  box-sizing: border-box !important;
  max-width: 44% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-44 {
  gap: 44px !important;
}

.snFlex-45 {
  flex: 1 1 45% !important;
  box-sizing: border-box !important;
  max-width: 45% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-45 {
  gap: 45px !important;
}

.snFlex-46 {
  flex: 1 1 46% !important;
  box-sizing: border-box !important;
  max-width: 46% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-46 {
  gap: 46px !important;
}

.snFlex-47 {
  flex: 1 1 47% !important;
  box-sizing: border-box !important;
  max-width: 47% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-47 {
  gap: 47px !important;
}

.snFlex-48 {
  flex: 1 1 48% !important;
  box-sizing: border-box !important;
  max-width: 48% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-48 {
  gap: 48px !important;
}

.snFlex-49 {
  flex: 1 1 49% !important;
  box-sizing: border-box !important;
  max-width: 49% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-49 {
  gap: 49px !important;
}

.snFlex-50 {
  flex: 1 1 50% !important;
  box-sizing: border-box !important;
  max-width: 50% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-50 {
  gap: 50px !important;
}

.snFlex-51 {
  flex: 1 1 51% !important;
  box-sizing: border-box !important;
  max-width: 51% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-51 {
  gap: 51px !important;
}

.snFlex-52 {
  flex: 1 1 52% !important;
  box-sizing: border-box !important;
  max-width: 52% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-52 {
  gap: 52px !important;
}

.snFlex-53 {
  flex: 1 1 53% !important;
  box-sizing: border-box !important;
  max-width: 53% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-53 {
  gap: 53px !important;
}

.snFlex-54 {
  flex: 1 1 54% !important;
  box-sizing: border-box !important;
  max-width: 54% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-54 {
  gap: 54px !important;
}

.snFlex-55 {
  flex: 1 1 55% !important;
  box-sizing: border-box !important;
  max-width: 55% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-55 {
  gap: 55px !important;
}

.snFlex-56 {
  flex: 1 1 56% !important;
  box-sizing: border-box !important;
  max-width: 56% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-56 {
  gap: 56px !important;
}

.snFlex-57 {
  flex: 1 1 57% !important;
  box-sizing: border-box !important;
  max-width: 57% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-57 {
  gap: 57px !important;
}

.snFlex-58 {
  flex: 1 1 58% !important;
  box-sizing: border-box !important;
  max-width: 58% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-58 {
  gap: 58px !important;
}

.snFlex-59 {
  flex: 1 1 59% !important;
  box-sizing: border-box !important;
  max-width: 59% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-59 {
  gap: 59px !important;
}

.snFlex-60 {
  flex: 1 1 60% !important;
  box-sizing: border-box !important;
  max-width: 60% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-60 {
  gap: 60px !important;
}

.snFlex-61 {
  flex: 1 1 61% !important;
  box-sizing: border-box !important;
  max-width: 61% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-61 {
  gap: 61px !important;
}

.snFlex-62 {
  flex: 1 1 62% !important;
  box-sizing: border-box !important;
  max-width: 62% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-62 {
  gap: 62px !important;
}

.snFlex-63 {
  flex: 1 1 63% !important;
  box-sizing: border-box !important;
  max-width: 63% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-63 {
  gap: 63px !important;
}

.snFlex-64 {
  flex: 1 1 64% !important;
  box-sizing: border-box !important;
  max-width: 64% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-64 {
  gap: 64px !important;
}

.snFlex-65 {
  flex: 1 1 65% !important;
  box-sizing: border-box !important;
  max-width: 65% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-65 {
  gap: 65px !important;
}

.snFlex-66 {
  flex: 1 1 66% !important;
  box-sizing: border-box !important;
  max-width: 66% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-66 {
  gap: 66px !important;
}

.snFlex-67 {
  flex: 1 1 67% !important;
  box-sizing: border-box !important;
  max-width: 67% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-67 {
  gap: 67px !important;
}

.snFlex-68 {
  flex: 1 1 68% !important;
  box-sizing: border-box !important;
  max-width: 68% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-68 {
  gap: 68px !important;
}

.snFlex-69 {
  flex: 1 1 69% !important;
  box-sizing: border-box !important;
  max-width: 69% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-69 {
  gap: 69px !important;
}

.snFlex-70 {
  flex: 1 1 70% !important;
  box-sizing: border-box !important;
  max-width: 70% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-70 {
  gap: 70px !important;
}

.snFlex-71 {
  flex: 1 1 71% !important;
  box-sizing: border-box !important;
  max-width: 71% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-71 {
  gap: 71px !important;
}

.snFlex-72 {
  flex: 1 1 72% !important;
  box-sizing: border-box !important;
  max-width: 72% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-72 {
  gap: 72px !important;
}

.snFlex-73 {
  flex: 1 1 73% !important;
  box-sizing: border-box !important;
  max-width: 73% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-73 {
  gap: 73px !important;
}

.snFlex-74 {
  flex: 1 1 74% !important;
  box-sizing: border-box !important;
  max-width: 74% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-74 {
  gap: 74px !important;
}

.snFlex-75 {
  flex: 1 1 75% !important;
  box-sizing: border-box !important;
  max-width: 75% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-75 {
  gap: 75px !important;
}

.snFlex-76 {
  flex: 1 1 76% !important;
  box-sizing: border-box !important;
  max-width: 76% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-76 {
  gap: 76px !important;
}

.snFlex-77 {
  flex: 1 1 77% !important;
  box-sizing: border-box !important;
  max-width: 77% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-77 {
  gap: 77px !important;
}

.snFlex-78 {
  flex: 1 1 78% !important;
  box-sizing: border-box !important;
  max-width: 78% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-78 {
  gap: 78px !important;
}

.snFlex-79 {
  flex: 1 1 79% !important;
  box-sizing: border-box !important;
  max-width: 79% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-79 {
  gap: 79px !important;
}

.snFlex-80 {
  flex: 1 1 80% !important;
  box-sizing: border-box !important;
  max-width: 80% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-80 {
  gap: 80px !important;
}

.snFlex-81 {
  flex: 1 1 81% !important;
  box-sizing: border-box !important;
  max-width: 81% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-81 {
  gap: 81px !important;
}

.snFlex-82 {
  flex: 1 1 82% !important;
  box-sizing: border-box !important;
  max-width: 82% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-82 {
  gap: 82px !important;
}

.snFlex-83 {
  flex: 1 1 83% !important;
  box-sizing: border-box !important;
  max-width: 83% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-83 {
  gap: 83px !important;
}

.snFlex-84 {
  flex: 1 1 84% !important;
  box-sizing: border-box !important;
  max-width: 84% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-84 {
  gap: 84px !important;
}

.snFlex-85 {
  flex: 1 1 85% !important;
  box-sizing: border-box !important;
  max-width: 85% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-85 {
  gap: 85px !important;
}

.snFlex-86 {
  flex: 1 1 86% !important;
  box-sizing: border-box !important;
  max-width: 86% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-86 {
  gap: 86px !important;
}

.snFlex-87 {
  flex: 1 1 87% !important;
  box-sizing: border-box !important;
  max-width: 87% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-87 {
  gap: 87px !important;
}

.snFlex-88 {
  flex: 1 1 88% !important;
  box-sizing: border-box !important;
  max-width: 88% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-88 {
  gap: 88px !important;
}

.snFlex-89 {
  flex: 1 1 89% !important;
  box-sizing: border-box !important;
  max-width: 89% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-89 {
  gap: 89px !important;
}

.snFlex-90 {
  flex: 1 1 90% !important;
  box-sizing: border-box !important;
  max-width: 90% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-90 {
  gap: 90px !important;
}

.snFlex-91 {
  flex: 1 1 91% !important;
  box-sizing: border-box !important;
  max-width: 91% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-91 {
  gap: 91px !important;
}

.snFlex-92 {
  flex: 1 1 92% !important;
  box-sizing: border-box !important;
  max-width: 92% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-92 {
  gap: 92px !important;
}

.snFlex-93 {
  flex: 1 1 93% !important;
  box-sizing: border-box !important;
  max-width: 93% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-93 {
  gap: 93px !important;
}

.snFlex-94 {
  flex: 1 1 94% !important;
  box-sizing: border-box !important;
  max-width: 94% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-94 {
  gap: 94px !important;
}

.snFlex-95 {
  flex: 1 1 95% !important;
  box-sizing: border-box !important;
  max-width: 95% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-95 {
  gap: 95px !important;
}

.snFlex-96 {
  flex: 1 1 96% !important;
  box-sizing: border-box !important;
  max-width: 96% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-96 {
  gap: 96px !important;
}

.snFlex-97 {
  flex: 1 1 97% !important;
  box-sizing: border-box !important;
  max-width: 97% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-97 {
  gap: 97px !important;
}

.snFlex-98 {
  flex: 1 1 98% !important;
  box-sizing: border-box !important;
  max-width: 98% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-98 {
  gap: 98px !important;
}

.snFlex-99 {
  flex: 1 1 99% !important;
  box-sizing: border-box !important;
  max-width: 99% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-99 {
  gap: 99px !important;
}

.snFlex-100 {
  flex: 1 1 100% !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}

.snLayoutGap-100 {
  gap: 100px !important;
}

.snLayout-row {
  display: flex !important;
  flex-direction: row !important;
  box-sizing: border-box !important;
}

.snLayout-row-wrap {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  box-sizing: border-box !important;
}

.snLayout-column {
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.snLayout-column-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  box-sizing: border-box !important;
}

.snLayoutAlign-default {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-default-default {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-default-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-default-flex-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-default-center {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  align-content: center !important;
}

.snLayoutAlign-default-end {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-default-flex-end {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-default-space-around {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: space-around !important;
}

.snLayoutAlign-default-space-between {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: space-between !important;
}

.snLayoutAlign-default-stretch, .snLayoutAlign-default-stretch-column {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: stretch !important;
  max-height: 100% !important;
}

.snLayoutAlign-default-stretch-column {
  max-width: 100% !important;
  max-height: unset !important;
}

.snLayoutAlign-default-baseline {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: baseline !important;
  align-content: stretch !important;
}

.snLayoutAlign-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-start-default {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-start-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-start-flex-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-start-center {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  align-content: center !important;
}

.snLayoutAlign-start-end {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-start-flex-end {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-start-space-around {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: space-around !important;
}

.snLayoutAlign-start-space-between {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: space-between !important;
}

.snLayoutAlign-start-stretch, .snLayoutAlign-start-stretch-column {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: stretch !important;
  max-height: 100% !important;
}

.snLayoutAlign-start-stretch-column {
  max-width: 100% !important;
  max-height: unset !important;
}

.snLayoutAlign-start-baseline {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: baseline !important;
  align-content: stretch !important;
}

.snLayoutAlign-flex-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-flex-start-default {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-flex-start-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-flex-start-flex-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-flex-start-center {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  align-content: center !important;
}

.snLayoutAlign-flex-start-end {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-flex-start-flex-end {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-flex-start-space-around {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: space-around !important;
}

.snLayoutAlign-flex-start-space-between {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: space-between !important;
}

.snLayoutAlign-flex-start-stretch, .snLayoutAlign-flex-start-stretch-column {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: stretch !important;
  max-height: 100% !important;
}

.snLayoutAlign-flex-start-stretch-column {
  max-width: 100% !important;
  max-height: unset !important;
}

.snLayoutAlign-flex-start-baseline {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: baseline !important;
  align-content: stretch !important;
}

.snLayoutAlign-center {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-center-default {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-center-start {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-center-flex-start {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-center-center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;
}

.snLayoutAlign-center-end {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-center-flex-end {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-center-space-around {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  align-content: space-around !important;
}

.snLayoutAlign-center-space-between {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  align-content: space-between !important;
}

.snLayoutAlign-center-stretch, .snLayoutAlign-center-stretch-column {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  align-content: stretch !important;
  max-height: 100% !important;
}

.snLayoutAlign-center-stretch-column {
  max-width: 100% !important;
  max-height: unset !important;
}

.snLayoutAlign-center-baseline {
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  align-content: stretch !important;
}

.snLayoutAlign-end {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-end-default {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-end-start {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-end-flex-start {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-end-center {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  align-content: center !important;
}

.snLayoutAlign-end-end {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-end-flex-end {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-end-space-around {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: space-around !important;
}

.snLayoutAlign-end-space-between {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: space-between !important;
}

.snLayoutAlign-end-stretch, .snLayoutAlign-end-stretch-column {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: stretch !important;
  max-height: 100% !important;
}

.snLayoutAlign-end-stretch-column {
  max-width: 100% !important;
  max-height: unset !important;
}

.snLayoutAlign-end-baseline {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: baseline !important;
  align-content: stretch !important;
}

.snLayoutAlign-flex-end {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-flex-end-default {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-flex-end-start {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-flex-end-flex-start {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-flex-end-center {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  align-content: center !important;
}

.snLayoutAlign-flex-end-end {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-flex-end-flex-end {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-flex-end-space-around {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: space-around !important;
}

.snLayoutAlign-flex-end-space-between {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: space-between !important;
}

.snLayoutAlign-flex-end-stretch, .snLayoutAlign-flex-end-stretch-column {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  align-content: stretch !important;
  max-height: 100% !important;
}

.snLayoutAlign-flex-end-stretch-column {
  max-width: 100% !important;
  max-height: unset !important;
}

.snLayoutAlign-flex-end-baseline {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: baseline !important;
  align-content: stretch !important;
}

.snLayoutAlign-space-around {
  display: flex !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-space-around-default {
  display: flex !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-space-around-start {
  display: flex !important;
  justify-content: space-around !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-space-around-flex-start {
  display: flex !important;
  justify-content: space-around !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-space-around-center {
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  align-content: center !important;
}

.snLayoutAlign-space-around-end {
  display: flex !important;
  justify-content: space-around !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-space-around-flex-end {
  display: flex !important;
  justify-content: space-around !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-space-around-space-around {
  display: flex !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: space-around !important;
}

.snLayoutAlign-space-around-space-between {
  display: flex !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: space-between !important;
}

.snLayoutAlign-space-around-stretch, .snLayoutAlign-space-around-stretch-column {
  display: flex !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: stretch !important;
  max-height: 100% !important;
}

.snLayoutAlign-space-around-stretch-column {
  max-width: 100% !important;
  max-height: unset !important;
}

.snLayoutAlign-space-around-baseline {
  display: flex !important;
  justify-content: space-around !important;
  align-items: baseline !important;
  align-content: stretch !important;
}

.snLayoutAlign-space-between {
  display: flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-space-between-default {
  display: flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-space-between-start {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-space-between-flex-start {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-space-between-center {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  align-content: center !important;
}

.snLayoutAlign-space-between-end {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-space-between-flex-end {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-space-between-space-around {
  display: flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  align-content: space-around !important;
}

.snLayoutAlign-space-between-space-between {
  display: flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  align-content: space-between !important;
}

.snLayoutAlign-space-between-stretch, .snLayoutAlign-space-between-stretch-column {
  display: flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  align-content: stretch !important;
  max-height: 100% !important;
}

.snLayoutAlign-space-between-stretch-column {
  max-width: 100% !important;
  max-height: unset !important;
}

.snLayoutAlign-space-between-baseline {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  align-content: stretch !important;
}

.snLayoutAlign-space-evenly {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-space-evenly-default {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

.snLayoutAlign-space-evenly-start {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-space-evenly-flex-start {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.snLayoutAlign-space-evenly-center {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: center !important;
  align-content: center !important;
}

.snLayoutAlign-space-evenly-end {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-space-evenly-flex-end {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}

.snLayoutAlign-space-evenly-space-around {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: stretch !important;
  align-content: space-around !important;
}

.snLayoutAlign-space-evenly-space-between {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: stretch !important;
  align-content: space-between !important;
}

.snLayoutAlign-space-evenly-stretch, .snLayoutAlign-space-evenly-stretch-column {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: stretch !important;
  align-content: stretch !important;
  max-height: 100% !important;
}

.snLayoutAlign-space-evenly-stretch-column {
  max-width: 100% !important;
  max-height: unset !important;
}

.snLayoutAlign-space-evenly-baseline {
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: baseline !important;
  align-content: stretch !important;
}

@media screen and (max-width: 599px) {
  .snShow-xs {
    display: block !important;
  }
}
@media screen and (max-width: 599px) {
  .snHide-xs {
    display: none !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-xs-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayout-xs-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayout-xs-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayout-xs-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayout-xs-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-0 {
    gap: 0px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-1 {
    gap: 1px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-2 {
    gap: 2px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-3 {
    gap: 3px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-4 {
    gap: 4px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-5 {
    gap: 5px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-6 {
    gap: 6px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-7 {
    gap: 7px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-8 {
    gap: 8px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-9 {
    gap: 9px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-10 {
    gap: 10px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-11 {
    gap: 11px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-12 {
    gap: 12px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-13 {
    gap: 13px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-14 {
    gap: 14px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-15 {
    gap: 15px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-16 {
    gap: 16px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-17 {
    gap: 17px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-18 {
    gap: 18px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-19 {
    gap: 19px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-20 {
    gap: 20px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-21 {
    gap: 21px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-22 {
    gap: 22px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-23 {
    gap: 23px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-24 {
    gap: 24px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-25 {
    gap: 25px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-26 {
    gap: 26px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-27 {
    gap: 27px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-28 {
    gap: 28px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-29 {
    gap: 29px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-30 {
    gap: 30px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-31 {
    gap: 31px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-32 {
    gap: 32px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-33 {
    gap: 33px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-34 {
    gap: 34px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-35 {
    gap: 35px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-36 {
    gap: 36px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-37 {
    gap: 37px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-38 {
    gap: 38px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-39 {
    gap: 39px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-40 {
    gap: 40px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-41 {
    gap: 41px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-42 {
    gap: 42px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-43 {
    gap: 43px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-44 {
    gap: 44px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-45 {
    gap: 45px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-46 {
    gap: 46px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-47 {
    gap: 47px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-48 {
    gap: 48px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-49 {
    gap: 49px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-50 {
    gap: 50px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-51 {
    gap: 51px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-52 {
    gap: 52px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-53 {
    gap: 53px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-54 {
    gap: 54px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-55 {
    gap: 55px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-56 {
    gap: 56px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-57 {
    gap: 57px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-58 {
    gap: 58px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-59 {
    gap: 59px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-60 {
    gap: 60px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-61 {
    gap: 61px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-62 {
    gap: 62px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-63 {
    gap: 63px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-64 {
    gap: 64px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-65 {
    gap: 65px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-66 {
    gap: 66px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-67 {
    gap: 67px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-68 {
    gap: 68px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-69 {
    gap: 69px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-70 {
    gap: 70px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-71 {
    gap: 71px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-72 {
    gap: 72px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-73 {
    gap: 73px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-74 {
    gap: 74px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-75 {
    gap: 75px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-76 {
    gap: 76px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-77 {
    gap: 77px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-78 {
    gap: 78px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-79 {
    gap: 79px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-80 {
    gap: 80px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-81 {
    gap: 81px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-82 {
    gap: 82px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-83 {
    gap: 83px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-84 {
    gap: 84px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-85 {
    gap: 85px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-86 {
    gap: 86px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-87 {
    gap: 87px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-88 {
    gap: 88px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-89 {
    gap: 89px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-90 {
    gap: 90px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-91 {
    gap: 91px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-92 {
    gap: 92px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-93 {
    gap: 93px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-94 {
    gap: 94px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-95 {
    gap: 95px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-96 {
    gap: 96px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-97 {
    gap: 97px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-98 {
    gap: 98px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-99 {
    gap: 99px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-xs-100 {
    gap: 100px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snShow-sm {
    display: block !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snHide-sm {
    display: none !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snFlex-sm-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayout-sm-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayout-sm-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayout-sm-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayout-sm-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-1 {
    gap: 1px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-2 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-3 {
    gap: 3px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-4 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-5 {
    gap: 5px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-6 {
    gap: 6px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-7 {
    gap: 7px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-8 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-9 {
    gap: 9px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-10 {
    gap: 10px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-11 {
    gap: 11px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-12 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-13 {
    gap: 13px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-14 {
    gap: 14px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-15 {
    gap: 15px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-16 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-17 {
    gap: 17px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-18 {
    gap: 18px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-19 {
    gap: 19px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-20 {
    gap: 20px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-21 {
    gap: 21px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-22 {
    gap: 22px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-23 {
    gap: 23px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-24 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-25 {
    gap: 25px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-26 {
    gap: 26px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-27 {
    gap: 27px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-28 {
    gap: 28px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-29 {
    gap: 29px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-30 {
    gap: 30px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-31 {
    gap: 31px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-32 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-33 {
    gap: 33px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-34 {
    gap: 34px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-35 {
    gap: 35px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-36 {
    gap: 36px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-37 {
    gap: 37px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-38 {
    gap: 38px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-39 {
    gap: 39px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-40 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-41 {
    gap: 41px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-42 {
    gap: 42px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-43 {
    gap: 43px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-44 {
    gap: 44px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-45 {
    gap: 45px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-46 {
    gap: 46px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-47 {
    gap: 47px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-48 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-49 {
    gap: 49px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-50 {
    gap: 50px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-51 {
    gap: 51px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-52 {
    gap: 52px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-53 {
    gap: 53px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-54 {
    gap: 54px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-55 {
    gap: 55px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-56 {
    gap: 56px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-57 {
    gap: 57px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-58 {
    gap: 58px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-59 {
    gap: 59px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-60 {
    gap: 60px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-61 {
    gap: 61px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-62 {
    gap: 62px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-63 {
    gap: 63px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-64 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-65 {
    gap: 65px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-66 {
    gap: 66px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-67 {
    gap: 67px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-68 {
    gap: 68px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-69 {
    gap: 69px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-70 {
    gap: 70px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-71 {
    gap: 71px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-72 {
    gap: 72px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-73 {
    gap: 73px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-74 {
    gap: 74px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-75 {
    gap: 75px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-76 {
    gap: 76px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-77 {
    gap: 77px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-78 {
    gap: 78px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-79 {
    gap: 79px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-80 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-81 {
    gap: 81px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-82 {
    gap: 82px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-83 {
    gap: 83px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-84 {
    gap: 84px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-85 {
    gap: 85px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-86 {
    gap: 86px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-87 {
    gap: 87px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-88 {
    gap: 88px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-89 {
    gap: 89px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-90 {
    gap: 90px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-91 {
    gap: 91px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-92 {
    gap: 92px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-93 {
    gap: 93px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-94 {
    gap: 94px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-95 {
    gap: 95px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-96 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-97 {
    gap: 97px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-98 {
    gap: 98px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-99 {
    gap: 99px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  .snLayoutGap-sm-100 {
    gap: 100px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snShow-md {
    display: block !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snHide-md {
    display: none !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snFlex-md-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayout-md-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayout-md-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayout-md-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayout-md-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-1 {
    gap: 1px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-2 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-3 {
    gap: 3px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-4 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-5 {
    gap: 5px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-6 {
    gap: 6px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-7 {
    gap: 7px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-8 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-9 {
    gap: 9px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-10 {
    gap: 10px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-11 {
    gap: 11px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-12 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-13 {
    gap: 13px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-14 {
    gap: 14px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-15 {
    gap: 15px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-16 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-17 {
    gap: 17px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-18 {
    gap: 18px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-19 {
    gap: 19px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-20 {
    gap: 20px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-21 {
    gap: 21px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-22 {
    gap: 22px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-23 {
    gap: 23px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-24 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-25 {
    gap: 25px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-26 {
    gap: 26px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-27 {
    gap: 27px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-28 {
    gap: 28px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-29 {
    gap: 29px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-30 {
    gap: 30px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-31 {
    gap: 31px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-32 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-33 {
    gap: 33px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-34 {
    gap: 34px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-35 {
    gap: 35px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-36 {
    gap: 36px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-37 {
    gap: 37px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-38 {
    gap: 38px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-39 {
    gap: 39px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-40 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-41 {
    gap: 41px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-42 {
    gap: 42px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-43 {
    gap: 43px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-44 {
    gap: 44px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-45 {
    gap: 45px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-46 {
    gap: 46px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-47 {
    gap: 47px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-48 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-49 {
    gap: 49px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-50 {
    gap: 50px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-51 {
    gap: 51px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-52 {
    gap: 52px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-53 {
    gap: 53px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-54 {
    gap: 54px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-55 {
    gap: 55px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-56 {
    gap: 56px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-57 {
    gap: 57px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-58 {
    gap: 58px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-59 {
    gap: 59px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-60 {
    gap: 60px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-61 {
    gap: 61px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-62 {
    gap: 62px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-63 {
    gap: 63px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-64 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-65 {
    gap: 65px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-66 {
    gap: 66px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-67 {
    gap: 67px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-68 {
    gap: 68px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-69 {
    gap: 69px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-70 {
    gap: 70px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-71 {
    gap: 71px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-72 {
    gap: 72px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-73 {
    gap: 73px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-74 {
    gap: 74px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-75 {
    gap: 75px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-76 {
    gap: 76px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-77 {
    gap: 77px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-78 {
    gap: 78px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-79 {
    gap: 79px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-80 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-81 {
    gap: 81px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-82 {
    gap: 82px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-83 {
    gap: 83px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-84 {
    gap: 84px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-85 {
    gap: 85px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-86 {
    gap: 86px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-87 {
    gap: 87px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-88 {
    gap: 88px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-89 {
    gap: 89px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-90 {
    gap: 90px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-91 {
    gap: 91px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-92 {
    gap: 92px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-93 {
    gap: 93px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-94 {
    gap: 94px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-95 {
    gap: 95px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-96 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-97 {
    gap: 97px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-98 {
    gap: 98px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-99 {
    gap: 99px !important;
  }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
  .snLayoutGap-md-100 {
    gap: 100px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snShow-lg {
    display: block !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snHide-lg {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snFlex-lg-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayout-lg-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayout-lg-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayout-lg-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayout-lg-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-1 {
    gap: 1px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-2 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-3 {
    gap: 3px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-4 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-5 {
    gap: 5px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-6 {
    gap: 6px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-7 {
    gap: 7px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-8 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-9 {
    gap: 9px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-10 {
    gap: 10px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-11 {
    gap: 11px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-12 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-13 {
    gap: 13px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-14 {
    gap: 14px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-15 {
    gap: 15px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-16 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-17 {
    gap: 17px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-18 {
    gap: 18px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-19 {
    gap: 19px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-20 {
    gap: 20px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-21 {
    gap: 21px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-22 {
    gap: 22px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-23 {
    gap: 23px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-24 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-25 {
    gap: 25px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-26 {
    gap: 26px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-27 {
    gap: 27px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-28 {
    gap: 28px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-29 {
    gap: 29px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-30 {
    gap: 30px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-31 {
    gap: 31px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-32 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-33 {
    gap: 33px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-34 {
    gap: 34px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-35 {
    gap: 35px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-36 {
    gap: 36px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-37 {
    gap: 37px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-38 {
    gap: 38px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-39 {
    gap: 39px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-40 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-41 {
    gap: 41px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-42 {
    gap: 42px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-43 {
    gap: 43px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-44 {
    gap: 44px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-45 {
    gap: 45px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-46 {
    gap: 46px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-47 {
    gap: 47px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-48 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-49 {
    gap: 49px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-50 {
    gap: 50px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-51 {
    gap: 51px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-52 {
    gap: 52px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-53 {
    gap: 53px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-54 {
    gap: 54px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-55 {
    gap: 55px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-56 {
    gap: 56px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-57 {
    gap: 57px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-58 {
    gap: 58px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-59 {
    gap: 59px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-60 {
    gap: 60px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-61 {
    gap: 61px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-62 {
    gap: 62px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-63 {
    gap: 63px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-64 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-65 {
    gap: 65px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-66 {
    gap: 66px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-67 {
    gap: 67px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-68 {
    gap: 68px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-69 {
    gap: 69px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-70 {
    gap: 70px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-71 {
    gap: 71px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-72 {
    gap: 72px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-73 {
    gap: 73px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-74 {
    gap: 74px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-75 {
    gap: 75px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-76 {
    gap: 76px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-77 {
    gap: 77px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-78 {
    gap: 78px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-79 {
    gap: 79px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-80 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-81 {
    gap: 81px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-82 {
    gap: 82px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-83 {
    gap: 83px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-84 {
    gap: 84px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-85 {
    gap: 85px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-86 {
    gap: 86px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-87 {
    gap: 87px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-88 {
    gap: 88px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-89 {
    gap: 89px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-90 {
    gap: 90px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-91 {
    gap: 91px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-92 {
    gap: 92px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-93 {
    gap: 93px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-94 {
    gap: 94px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-95 {
    gap: 95px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-96 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-97 {
    gap: 97px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-98 {
    gap: 98px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-99 {
    gap: 99px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .snLayoutGap-lg-100 {
    gap: 100px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snShow-xl {
    display: block !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snHide-xl {
    display: none !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snFlex-xl-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayout-xl-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayout-xl-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayout-xl-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayout-xl-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-1 {
    gap: 1px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-2 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-3 {
    gap: 3px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-4 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-5 {
    gap: 5px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-6 {
    gap: 6px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-7 {
    gap: 7px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-8 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-9 {
    gap: 9px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-10 {
    gap: 10px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-11 {
    gap: 11px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-12 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-13 {
    gap: 13px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-14 {
    gap: 14px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-15 {
    gap: 15px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-16 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-17 {
    gap: 17px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-18 {
    gap: 18px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-19 {
    gap: 19px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-20 {
    gap: 20px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-21 {
    gap: 21px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-22 {
    gap: 22px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-23 {
    gap: 23px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-24 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-25 {
    gap: 25px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-26 {
    gap: 26px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-27 {
    gap: 27px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-28 {
    gap: 28px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-29 {
    gap: 29px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-30 {
    gap: 30px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-31 {
    gap: 31px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-32 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-33 {
    gap: 33px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-34 {
    gap: 34px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-35 {
    gap: 35px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-36 {
    gap: 36px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-37 {
    gap: 37px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-38 {
    gap: 38px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-39 {
    gap: 39px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-40 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-41 {
    gap: 41px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-42 {
    gap: 42px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-43 {
    gap: 43px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-44 {
    gap: 44px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-45 {
    gap: 45px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-46 {
    gap: 46px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-47 {
    gap: 47px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-48 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-49 {
    gap: 49px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-50 {
    gap: 50px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-51 {
    gap: 51px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-52 {
    gap: 52px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-53 {
    gap: 53px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-54 {
    gap: 54px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-55 {
    gap: 55px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-56 {
    gap: 56px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-57 {
    gap: 57px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-58 {
    gap: 58px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-59 {
    gap: 59px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-60 {
    gap: 60px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-61 {
    gap: 61px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-62 {
    gap: 62px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-63 {
    gap: 63px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-64 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-65 {
    gap: 65px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-66 {
    gap: 66px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-67 {
    gap: 67px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-68 {
    gap: 68px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-69 {
    gap: 69px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-70 {
    gap: 70px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-71 {
    gap: 71px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-72 {
    gap: 72px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-73 {
    gap: 73px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-74 {
    gap: 74px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-75 {
    gap: 75px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-76 {
    gap: 76px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-77 {
    gap: 77px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-78 {
    gap: 78px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-79 {
    gap: 79px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-80 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-81 {
    gap: 81px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-82 {
    gap: 82px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-83 {
    gap: 83px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-84 {
    gap: 84px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-85 {
    gap: 85px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-86 {
    gap: 86px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-87 {
    gap: 87px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-88 {
    gap: 88px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-89 {
    gap: 89px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-90 {
    gap: 90px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-91 {
    gap: 91px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-92 {
    gap: 92px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-93 {
    gap: 93px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-94 {
    gap: 94px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-95 {
    gap: 95px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-96 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-97 {
    gap: 97px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-98 {
    gap: 98px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-99 {
    gap: 99px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
  .snLayoutGap-xl-100 {
    gap: 100px !important;
  }
}
@media screen and (max-width: 599px) {
  .snShow-lt-sm {
    display: block !important;
  }
}
@media screen and (max-width: 599px) {
  .snHide-lt-sm {
    display: none !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snFlex-lt-sm-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayout-lt-sm-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayout-lt-sm-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayout-lt-sm-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayout-lt-sm-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-0 {
    gap: 0px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-1 {
    gap: 1px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-2 {
    gap: 2px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-3 {
    gap: 3px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-4 {
    gap: 4px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-5 {
    gap: 5px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-6 {
    gap: 6px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-7 {
    gap: 7px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-8 {
    gap: 8px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-9 {
    gap: 9px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-10 {
    gap: 10px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-11 {
    gap: 11px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-12 {
    gap: 12px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-13 {
    gap: 13px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-14 {
    gap: 14px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-15 {
    gap: 15px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-16 {
    gap: 16px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-17 {
    gap: 17px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-18 {
    gap: 18px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-19 {
    gap: 19px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-20 {
    gap: 20px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-21 {
    gap: 21px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-22 {
    gap: 22px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-23 {
    gap: 23px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-24 {
    gap: 24px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-25 {
    gap: 25px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-26 {
    gap: 26px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-27 {
    gap: 27px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-28 {
    gap: 28px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-29 {
    gap: 29px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-30 {
    gap: 30px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-31 {
    gap: 31px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-32 {
    gap: 32px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-33 {
    gap: 33px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-34 {
    gap: 34px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-35 {
    gap: 35px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-36 {
    gap: 36px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-37 {
    gap: 37px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-38 {
    gap: 38px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-39 {
    gap: 39px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-40 {
    gap: 40px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-41 {
    gap: 41px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-42 {
    gap: 42px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-43 {
    gap: 43px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-44 {
    gap: 44px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-45 {
    gap: 45px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-46 {
    gap: 46px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-47 {
    gap: 47px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-48 {
    gap: 48px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-49 {
    gap: 49px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-50 {
    gap: 50px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-51 {
    gap: 51px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-52 {
    gap: 52px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-53 {
    gap: 53px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-54 {
    gap: 54px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-55 {
    gap: 55px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-56 {
    gap: 56px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-57 {
    gap: 57px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-58 {
    gap: 58px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-59 {
    gap: 59px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-60 {
    gap: 60px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-61 {
    gap: 61px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-62 {
    gap: 62px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-63 {
    gap: 63px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-64 {
    gap: 64px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-65 {
    gap: 65px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-66 {
    gap: 66px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-67 {
    gap: 67px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-68 {
    gap: 68px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-69 {
    gap: 69px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-70 {
    gap: 70px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-71 {
    gap: 71px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-72 {
    gap: 72px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-73 {
    gap: 73px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-74 {
    gap: 74px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-75 {
    gap: 75px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-76 {
    gap: 76px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-77 {
    gap: 77px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-78 {
    gap: 78px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-79 {
    gap: 79px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-80 {
    gap: 80px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-81 {
    gap: 81px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-82 {
    gap: 82px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-83 {
    gap: 83px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-84 {
    gap: 84px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-85 {
    gap: 85px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-86 {
    gap: 86px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-87 {
    gap: 87px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-88 {
    gap: 88px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-89 {
    gap: 89px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-90 {
    gap: 90px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-91 {
    gap: 91px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-92 {
    gap: 92px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-93 {
    gap: 93px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-94 {
    gap: 94px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-95 {
    gap: 95px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-96 {
    gap: 96px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-97 {
    gap: 97px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-98 {
    gap: 98px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-99 {
    gap: 99px !important;
  }
}
@media screen and (max-width: 599px) {
  .snLayoutGap-lt-sm-100 {
    gap: 100px !important;
  }
}
@media screen and (max-width: 959px) {
  .snShow-lt-md {
    display: block !important;
  }
}
@media screen and (max-width: 959px) {
  .snHide-lt-md {
    display: none !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snFlex-lt-md-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayout-lt-md-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayout-lt-md-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayout-lt-md-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayout-lt-md-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-0 {
    gap: 0px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-1 {
    gap: 1px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-2 {
    gap: 2px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-3 {
    gap: 3px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-4 {
    gap: 4px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-5 {
    gap: 5px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-6 {
    gap: 6px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-7 {
    gap: 7px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-8 {
    gap: 8px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-9 {
    gap: 9px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-10 {
    gap: 10px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-11 {
    gap: 11px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-12 {
    gap: 12px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-13 {
    gap: 13px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-14 {
    gap: 14px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-15 {
    gap: 15px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-16 {
    gap: 16px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-17 {
    gap: 17px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-18 {
    gap: 18px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-19 {
    gap: 19px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-20 {
    gap: 20px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-21 {
    gap: 21px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-22 {
    gap: 22px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-23 {
    gap: 23px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-24 {
    gap: 24px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-25 {
    gap: 25px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-26 {
    gap: 26px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-27 {
    gap: 27px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-28 {
    gap: 28px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-29 {
    gap: 29px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-30 {
    gap: 30px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-31 {
    gap: 31px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-32 {
    gap: 32px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-33 {
    gap: 33px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-34 {
    gap: 34px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-35 {
    gap: 35px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-36 {
    gap: 36px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-37 {
    gap: 37px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-38 {
    gap: 38px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-39 {
    gap: 39px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-40 {
    gap: 40px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-41 {
    gap: 41px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-42 {
    gap: 42px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-43 {
    gap: 43px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-44 {
    gap: 44px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-45 {
    gap: 45px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-46 {
    gap: 46px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-47 {
    gap: 47px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-48 {
    gap: 48px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-49 {
    gap: 49px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-50 {
    gap: 50px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-51 {
    gap: 51px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-52 {
    gap: 52px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-53 {
    gap: 53px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-54 {
    gap: 54px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-55 {
    gap: 55px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-56 {
    gap: 56px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-57 {
    gap: 57px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-58 {
    gap: 58px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-59 {
    gap: 59px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-60 {
    gap: 60px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-61 {
    gap: 61px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-62 {
    gap: 62px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-63 {
    gap: 63px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-64 {
    gap: 64px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-65 {
    gap: 65px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-66 {
    gap: 66px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-67 {
    gap: 67px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-68 {
    gap: 68px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-69 {
    gap: 69px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-70 {
    gap: 70px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-71 {
    gap: 71px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-72 {
    gap: 72px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-73 {
    gap: 73px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-74 {
    gap: 74px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-75 {
    gap: 75px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-76 {
    gap: 76px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-77 {
    gap: 77px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-78 {
    gap: 78px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-79 {
    gap: 79px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-80 {
    gap: 80px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-81 {
    gap: 81px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-82 {
    gap: 82px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-83 {
    gap: 83px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-84 {
    gap: 84px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-85 {
    gap: 85px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-86 {
    gap: 86px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-87 {
    gap: 87px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-88 {
    gap: 88px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-89 {
    gap: 89px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-90 {
    gap: 90px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-91 {
    gap: 91px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-92 {
    gap: 92px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-93 {
    gap: 93px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-94 {
    gap: 94px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-95 {
    gap: 95px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-96 {
    gap: 96px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-97 {
    gap: 97px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-98 {
    gap: 98px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-99 {
    gap: 99px !important;
  }
}
@media screen and (max-width: 959px) {
  .snLayoutGap-lt-md-100 {
    gap: 100px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snShow-lt-lg {
    display: block !important;
  }
}
@media screen and (max-width: 1279px) {
  .snHide-lt-lg {
    display: none !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snFlex-lt-lg-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayout-lt-lg-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayout-lt-lg-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayout-lt-lg-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayout-lt-lg-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-0 {
    gap: 0px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-1 {
    gap: 1px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-2 {
    gap: 2px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-3 {
    gap: 3px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-4 {
    gap: 4px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-5 {
    gap: 5px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-6 {
    gap: 6px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-7 {
    gap: 7px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-8 {
    gap: 8px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-9 {
    gap: 9px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-10 {
    gap: 10px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-11 {
    gap: 11px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-12 {
    gap: 12px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-13 {
    gap: 13px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-14 {
    gap: 14px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-15 {
    gap: 15px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-16 {
    gap: 16px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-17 {
    gap: 17px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-18 {
    gap: 18px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-19 {
    gap: 19px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-20 {
    gap: 20px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-21 {
    gap: 21px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-22 {
    gap: 22px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-23 {
    gap: 23px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-24 {
    gap: 24px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-25 {
    gap: 25px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-26 {
    gap: 26px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-27 {
    gap: 27px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-28 {
    gap: 28px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-29 {
    gap: 29px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-30 {
    gap: 30px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-31 {
    gap: 31px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-32 {
    gap: 32px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-33 {
    gap: 33px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-34 {
    gap: 34px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-35 {
    gap: 35px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-36 {
    gap: 36px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-37 {
    gap: 37px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-38 {
    gap: 38px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-39 {
    gap: 39px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-40 {
    gap: 40px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-41 {
    gap: 41px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-42 {
    gap: 42px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-43 {
    gap: 43px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-44 {
    gap: 44px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-45 {
    gap: 45px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-46 {
    gap: 46px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-47 {
    gap: 47px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-48 {
    gap: 48px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-49 {
    gap: 49px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-50 {
    gap: 50px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-51 {
    gap: 51px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-52 {
    gap: 52px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-53 {
    gap: 53px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-54 {
    gap: 54px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-55 {
    gap: 55px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-56 {
    gap: 56px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-57 {
    gap: 57px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-58 {
    gap: 58px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-59 {
    gap: 59px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-60 {
    gap: 60px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-61 {
    gap: 61px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-62 {
    gap: 62px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-63 {
    gap: 63px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-64 {
    gap: 64px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-65 {
    gap: 65px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-66 {
    gap: 66px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-67 {
    gap: 67px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-68 {
    gap: 68px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-69 {
    gap: 69px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-70 {
    gap: 70px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-71 {
    gap: 71px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-72 {
    gap: 72px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-73 {
    gap: 73px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-74 {
    gap: 74px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-75 {
    gap: 75px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-76 {
    gap: 76px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-77 {
    gap: 77px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-78 {
    gap: 78px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-79 {
    gap: 79px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-80 {
    gap: 80px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-81 {
    gap: 81px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-82 {
    gap: 82px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-83 {
    gap: 83px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-84 {
    gap: 84px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-85 {
    gap: 85px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-86 {
    gap: 86px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-87 {
    gap: 87px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-88 {
    gap: 88px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-89 {
    gap: 89px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-90 {
    gap: 90px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-91 {
    gap: 91px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-92 {
    gap: 92px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-93 {
    gap: 93px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-94 {
    gap: 94px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-95 {
    gap: 95px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-96 {
    gap: 96px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-97 {
    gap: 97px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-98 {
    gap: 98px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-99 {
    gap: 99px !important;
  }
}
@media screen and (max-width: 1279px) {
  .snLayoutGap-lt-lg-100 {
    gap: 100px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snShow-lt-xl {
    display: block !important;
  }
}
@media screen and (max-width: 1919px) {
  .snHide-lt-xl {
    display: none !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snFlex-lt-xl-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayout-lt-xl-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayout-lt-xl-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayout-lt-xl-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayout-lt-xl-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-0 {
    gap: 0px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-1 {
    gap: 1px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-2 {
    gap: 2px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-3 {
    gap: 3px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-4 {
    gap: 4px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-5 {
    gap: 5px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-6 {
    gap: 6px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-7 {
    gap: 7px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-8 {
    gap: 8px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-9 {
    gap: 9px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-10 {
    gap: 10px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-11 {
    gap: 11px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-12 {
    gap: 12px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-13 {
    gap: 13px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-14 {
    gap: 14px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-15 {
    gap: 15px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-16 {
    gap: 16px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-17 {
    gap: 17px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-18 {
    gap: 18px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-19 {
    gap: 19px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-20 {
    gap: 20px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-21 {
    gap: 21px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-22 {
    gap: 22px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-23 {
    gap: 23px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-24 {
    gap: 24px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-25 {
    gap: 25px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-26 {
    gap: 26px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-27 {
    gap: 27px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-28 {
    gap: 28px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-29 {
    gap: 29px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-30 {
    gap: 30px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-31 {
    gap: 31px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-32 {
    gap: 32px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-33 {
    gap: 33px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-34 {
    gap: 34px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-35 {
    gap: 35px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-36 {
    gap: 36px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-37 {
    gap: 37px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-38 {
    gap: 38px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-39 {
    gap: 39px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-40 {
    gap: 40px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-41 {
    gap: 41px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-42 {
    gap: 42px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-43 {
    gap: 43px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-44 {
    gap: 44px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-45 {
    gap: 45px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-46 {
    gap: 46px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-47 {
    gap: 47px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-48 {
    gap: 48px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-49 {
    gap: 49px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-50 {
    gap: 50px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-51 {
    gap: 51px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-52 {
    gap: 52px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-53 {
    gap: 53px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-54 {
    gap: 54px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-55 {
    gap: 55px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-56 {
    gap: 56px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-57 {
    gap: 57px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-58 {
    gap: 58px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-59 {
    gap: 59px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-60 {
    gap: 60px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-61 {
    gap: 61px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-62 {
    gap: 62px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-63 {
    gap: 63px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-64 {
    gap: 64px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-65 {
    gap: 65px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-66 {
    gap: 66px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-67 {
    gap: 67px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-68 {
    gap: 68px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-69 {
    gap: 69px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-70 {
    gap: 70px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-71 {
    gap: 71px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-72 {
    gap: 72px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-73 {
    gap: 73px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-74 {
    gap: 74px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-75 {
    gap: 75px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-76 {
    gap: 76px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-77 {
    gap: 77px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-78 {
    gap: 78px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-79 {
    gap: 79px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-80 {
    gap: 80px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-81 {
    gap: 81px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-82 {
    gap: 82px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-83 {
    gap: 83px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-84 {
    gap: 84px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-85 {
    gap: 85px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-86 {
    gap: 86px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-87 {
    gap: 87px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-88 {
    gap: 88px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-89 {
    gap: 89px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-90 {
    gap: 90px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-91 {
    gap: 91px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-92 {
    gap: 92px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-93 {
    gap: 93px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-94 {
    gap: 94px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-95 {
    gap: 95px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-96 {
    gap: 96px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-97 {
    gap: 97px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-98 {
    gap: 98px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-99 {
    gap: 99px !important;
  }
}
@media screen and (max-width: 1919px) {
  .snLayoutGap-lt-xl-100 {
    gap: 100px !important;
  }
}
@media screen and (min-width: 600px) {
  .snShow-gt-xs {
    display: block !important;
  }
}
@media screen and (min-width: 600px) {
  .snHide-gt-xs {
    display: none !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snFlex-gt-xs-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayout-gt-xs-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayout-gt-xs-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayout-gt-xs-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayout-gt-xs-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-1 {
    gap: 1px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-2 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-3 {
    gap: 3px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-4 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-5 {
    gap: 5px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-6 {
    gap: 6px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-7 {
    gap: 7px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-8 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-9 {
    gap: 9px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-10 {
    gap: 10px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-11 {
    gap: 11px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-12 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-13 {
    gap: 13px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-14 {
    gap: 14px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-15 {
    gap: 15px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-16 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-17 {
    gap: 17px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-18 {
    gap: 18px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-19 {
    gap: 19px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-20 {
    gap: 20px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-21 {
    gap: 21px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-22 {
    gap: 22px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-23 {
    gap: 23px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-24 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-25 {
    gap: 25px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-26 {
    gap: 26px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-27 {
    gap: 27px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-28 {
    gap: 28px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-29 {
    gap: 29px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-30 {
    gap: 30px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-31 {
    gap: 31px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-32 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-33 {
    gap: 33px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-34 {
    gap: 34px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-35 {
    gap: 35px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-36 {
    gap: 36px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-37 {
    gap: 37px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-38 {
    gap: 38px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-39 {
    gap: 39px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-40 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-41 {
    gap: 41px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-42 {
    gap: 42px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-43 {
    gap: 43px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-44 {
    gap: 44px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-45 {
    gap: 45px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-46 {
    gap: 46px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-47 {
    gap: 47px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-48 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-49 {
    gap: 49px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-50 {
    gap: 50px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-51 {
    gap: 51px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-52 {
    gap: 52px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-53 {
    gap: 53px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-54 {
    gap: 54px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-55 {
    gap: 55px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-56 {
    gap: 56px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-57 {
    gap: 57px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-58 {
    gap: 58px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-59 {
    gap: 59px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-60 {
    gap: 60px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-61 {
    gap: 61px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-62 {
    gap: 62px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-63 {
    gap: 63px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-64 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-65 {
    gap: 65px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-66 {
    gap: 66px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-67 {
    gap: 67px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-68 {
    gap: 68px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-69 {
    gap: 69px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-70 {
    gap: 70px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-71 {
    gap: 71px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-72 {
    gap: 72px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-73 {
    gap: 73px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-74 {
    gap: 74px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-75 {
    gap: 75px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-76 {
    gap: 76px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-77 {
    gap: 77px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-78 {
    gap: 78px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-79 {
    gap: 79px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-80 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-81 {
    gap: 81px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-82 {
    gap: 82px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-83 {
    gap: 83px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-84 {
    gap: 84px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-85 {
    gap: 85px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-86 {
    gap: 86px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-87 {
    gap: 87px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-88 {
    gap: 88px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-89 {
    gap: 89px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-90 {
    gap: 90px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-91 {
    gap: 91px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-92 {
    gap: 92px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-93 {
    gap: 93px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-94 {
    gap: 94px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-95 {
    gap: 95px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-96 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-97 {
    gap: 97px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-98 {
    gap: 98px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-99 {
    gap: 99px !important;
  }
}
@media screen and (min-width: 600px) {
  .snLayoutGap-gt-xs-100 {
    gap: 100px !important;
  }
}
@media screen and (min-width: 960px) {
  .snShow-gt-sm {
    display: block !important;
  }
}
@media screen and (min-width: 960px) {
  .snHide-gt-sm {
    display: none !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snFlex-gt-sm-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayout-gt-sm-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayout-gt-sm-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayout-gt-sm-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayout-gt-sm-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-1 {
    gap: 1px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-2 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-3 {
    gap: 3px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-4 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-5 {
    gap: 5px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-6 {
    gap: 6px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-7 {
    gap: 7px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-8 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-9 {
    gap: 9px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-10 {
    gap: 10px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-11 {
    gap: 11px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-12 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-13 {
    gap: 13px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-14 {
    gap: 14px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-15 {
    gap: 15px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-16 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-17 {
    gap: 17px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-18 {
    gap: 18px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-19 {
    gap: 19px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-20 {
    gap: 20px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-21 {
    gap: 21px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-22 {
    gap: 22px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-23 {
    gap: 23px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-24 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-25 {
    gap: 25px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-26 {
    gap: 26px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-27 {
    gap: 27px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-28 {
    gap: 28px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-29 {
    gap: 29px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-30 {
    gap: 30px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-31 {
    gap: 31px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-32 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-33 {
    gap: 33px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-34 {
    gap: 34px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-35 {
    gap: 35px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-36 {
    gap: 36px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-37 {
    gap: 37px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-38 {
    gap: 38px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-39 {
    gap: 39px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-40 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-41 {
    gap: 41px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-42 {
    gap: 42px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-43 {
    gap: 43px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-44 {
    gap: 44px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-45 {
    gap: 45px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-46 {
    gap: 46px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-47 {
    gap: 47px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-48 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-49 {
    gap: 49px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-50 {
    gap: 50px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-51 {
    gap: 51px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-52 {
    gap: 52px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-53 {
    gap: 53px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-54 {
    gap: 54px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-55 {
    gap: 55px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-56 {
    gap: 56px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-57 {
    gap: 57px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-58 {
    gap: 58px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-59 {
    gap: 59px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-60 {
    gap: 60px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-61 {
    gap: 61px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-62 {
    gap: 62px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-63 {
    gap: 63px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-64 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-65 {
    gap: 65px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-66 {
    gap: 66px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-67 {
    gap: 67px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-68 {
    gap: 68px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-69 {
    gap: 69px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-70 {
    gap: 70px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-71 {
    gap: 71px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-72 {
    gap: 72px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-73 {
    gap: 73px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-74 {
    gap: 74px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-75 {
    gap: 75px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-76 {
    gap: 76px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-77 {
    gap: 77px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-78 {
    gap: 78px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-79 {
    gap: 79px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-80 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-81 {
    gap: 81px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-82 {
    gap: 82px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-83 {
    gap: 83px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-84 {
    gap: 84px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-85 {
    gap: 85px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-86 {
    gap: 86px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-87 {
    gap: 87px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-88 {
    gap: 88px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-89 {
    gap: 89px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-90 {
    gap: 90px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-91 {
    gap: 91px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-92 {
    gap: 92px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-93 {
    gap: 93px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-94 {
    gap: 94px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-95 {
    gap: 95px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-96 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-97 {
    gap: 97px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-98 {
    gap: 98px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-99 {
    gap: 99px !important;
  }
}
@media screen and (min-width: 960px) {
  .snLayoutGap-gt-sm-100 {
    gap: 100px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snShow-gt-md {
    display: block !important;
  }
}
@media screen and (min-width: 1280px) {
  .snHide-gt-md {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snFlex-gt-md-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayout-gt-md-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayout-gt-md-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayout-gt-md-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayout-gt-md-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-1 {
    gap: 1px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-2 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-3 {
    gap: 3px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-4 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-5 {
    gap: 5px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-6 {
    gap: 6px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-7 {
    gap: 7px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-8 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-9 {
    gap: 9px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-10 {
    gap: 10px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-11 {
    gap: 11px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-12 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-13 {
    gap: 13px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-14 {
    gap: 14px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-15 {
    gap: 15px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-16 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-17 {
    gap: 17px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-18 {
    gap: 18px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-19 {
    gap: 19px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-20 {
    gap: 20px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-21 {
    gap: 21px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-22 {
    gap: 22px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-23 {
    gap: 23px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-24 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-25 {
    gap: 25px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-26 {
    gap: 26px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-27 {
    gap: 27px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-28 {
    gap: 28px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-29 {
    gap: 29px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-30 {
    gap: 30px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-31 {
    gap: 31px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-32 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-33 {
    gap: 33px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-34 {
    gap: 34px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-35 {
    gap: 35px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-36 {
    gap: 36px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-37 {
    gap: 37px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-38 {
    gap: 38px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-39 {
    gap: 39px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-40 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-41 {
    gap: 41px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-42 {
    gap: 42px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-43 {
    gap: 43px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-44 {
    gap: 44px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-45 {
    gap: 45px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-46 {
    gap: 46px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-47 {
    gap: 47px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-48 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-49 {
    gap: 49px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-50 {
    gap: 50px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-51 {
    gap: 51px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-52 {
    gap: 52px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-53 {
    gap: 53px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-54 {
    gap: 54px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-55 {
    gap: 55px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-56 {
    gap: 56px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-57 {
    gap: 57px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-58 {
    gap: 58px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-59 {
    gap: 59px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-60 {
    gap: 60px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-61 {
    gap: 61px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-62 {
    gap: 62px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-63 {
    gap: 63px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-64 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-65 {
    gap: 65px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-66 {
    gap: 66px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-67 {
    gap: 67px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-68 {
    gap: 68px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-69 {
    gap: 69px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-70 {
    gap: 70px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-71 {
    gap: 71px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-72 {
    gap: 72px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-73 {
    gap: 73px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-74 {
    gap: 74px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-75 {
    gap: 75px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-76 {
    gap: 76px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-77 {
    gap: 77px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-78 {
    gap: 78px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-79 {
    gap: 79px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-80 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-81 {
    gap: 81px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-82 {
    gap: 82px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-83 {
    gap: 83px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-84 {
    gap: 84px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-85 {
    gap: 85px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-86 {
    gap: 86px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-87 {
    gap: 87px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-88 {
    gap: 88px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-89 {
    gap: 89px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-90 {
    gap: 90px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-91 {
    gap: 91px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-92 {
    gap: 92px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-93 {
    gap: 93px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-94 {
    gap: 94px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-95 {
    gap: 95px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-96 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-97 {
    gap: 97px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-98 {
    gap: 98px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-99 {
    gap: 99px !important;
  }
}
@media screen and (min-width: 1280px) {
  .snLayoutGap-gt-md-100 {
    gap: 100px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snShow-gt-lg {
    display: block !important;
  }
}
@media screen and (min-width: 1920px) {
  .snHide-gt-lg {
    display: none !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-0 {
    flex: 1 1 0% !important;
    box-sizing: border-box !important;
    max-width: 0% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-1 {
    flex: 1 1 1% !important;
    box-sizing: border-box !important;
    max-width: 1% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-2 {
    flex: 1 1 2% !important;
    box-sizing: border-box !important;
    max-width: 2% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-3 {
    flex: 1 1 3% !important;
    box-sizing: border-box !important;
    max-width: 3% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-4 {
    flex: 1 1 4% !important;
    box-sizing: border-box !important;
    max-width: 4% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-5 {
    flex: 1 1 5% !important;
    box-sizing: border-box !important;
    max-width: 5% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-6 {
    flex: 1 1 6% !important;
    box-sizing: border-box !important;
    max-width: 6% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-7 {
    flex: 1 1 7% !important;
    box-sizing: border-box !important;
    max-width: 7% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-8 {
    flex: 1 1 8% !important;
    box-sizing: border-box !important;
    max-width: 8% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-9 {
    flex: 1 1 9% !important;
    box-sizing: border-box !important;
    max-width: 9% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-10 {
    flex: 1 1 10% !important;
    box-sizing: border-box !important;
    max-width: 10% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-11 {
    flex: 1 1 11% !important;
    box-sizing: border-box !important;
    max-width: 11% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-12 {
    flex: 1 1 12% !important;
    box-sizing: border-box !important;
    max-width: 12% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-13 {
    flex: 1 1 13% !important;
    box-sizing: border-box !important;
    max-width: 13% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-14 {
    flex: 1 1 14% !important;
    box-sizing: border-box !important;
    max-width: 14% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-15 {
    flex: 1 1 15% !important;
    box-sizing: border-box !important;
    max-width: 15% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-16 {
    flex: 1 1 16% !important;
    box-sizing: border-box !important;
    max-width: 16% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-17 {
    flex: 1 1 17% !important;
    box-sizing: border-box !important;
    max-width: 17% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-18 {
    flex: 1 1 18% !important;
    box-sizing: border-box !important;
    max-width: 18% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-19 {
    flex: 1 1 19% !important;
    box-sizing: border-box !important;
    max-width: 19% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-20 {
    flex: 1 1 20% !important;
    box-sizing: border-box !important;
    max-width: 20% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-21 {
    flex: 1 1 21% !important;
    box-sizing: border-box !important;
    max-width: 21% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-22 {
    flex: 1 1 22% !important;
    box-sizing: border-box !important;
    max-width: 22% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-23 {
    flex: 1 1 23% !important;
    box-sizing: border-box !important;
    max-width: 23% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-24 {
    flex: 1 1 24% !important;
    box-sizing: border-box !important;
    max-width: 24% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-25 {
    flex: 1 1 25% !important;
    box-sizing: border-box !important;
    max-width: 25% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-26 {
    flex: 1 1 26% !important;
    box-sizing: border-box !important;
    max-width: 26% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-27 {
    flex: 1 1 27% !important;
    box-sizing: border-box !important;
    max-width: 27% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-28 {
    flex: 1 1 28% !important;
    box-sizing: border-box !important;
    max-width: 28% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-29 {
    flex: 1 1 29% !important;
    box-sizing: border-box !important;
    max-width: 29% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-30 {
    flex: 1 1 30% !important;
    box-sizing: border-box !important;
    max-width: 30% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-31 {
    flex: 1 1 31% !important;
    box-sizing: border-box !important;
    max-width: 31% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-32 {
    flex: 1 1 32% !important;
    box-sizing: border-box !important;
    max-width: 32% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-33 {
    flex: 1 1 33% !important;
    box-sizing: border-box !important;
    max-width: 33% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-34 {
    flex: 1 1 34% !important;
    box-sizing: border-box !important;
    max-width: 34% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-35 {
    flex: 1 1 35% !important;
    box-sizing: border-box !important;
    max-width: 35% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-36 {
    flex: 1 1 36% !important;
    box-sizing: border-box !important;
    max-width: 36% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-37 {
    flex: 1 1 37% !important;
    box-sizing: border-box !important;
    max-width: 37% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-38 {
    flex: 1 1 38% !important;
    box-sizing: border-box !important;
    max-width: 38% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-39 {
    flex: 1 1 39% !important;
    box-sizing: border-box !important;
    max-width: 39% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-40 {
    flex: 1 1 40% !important;
    box-sizing: border-box !important;
    max-width: 40% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-41 {
    flex: 1 1 41% !important;
    box-sizing: border-box !important;
    max-width: 41% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-42 {
    flex: 1 1 42% !important;
    box-sizing: border-box !important;
    max-width: 42% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-43 {
    flex: 1 1 43% !important;
    box-sizing: border-box !important;
    max-width: 43% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-44 {
    flex: 1 1 44% !important;
    box-sizing: border-box !important;
    max-width: 44% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-45 {
    flex: 1 1 45% !important;
    box-sizing: border-box !important;
    max-width: 45% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-46 {
    flex: 1 1 46% !important;
    box-sizing: border-box !important;
    max-width: 46% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-47 {
    flex: 1 1 47% !important;
    box-sizing: border-box !important;
    max-width: 47% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-48 {
    flex: 1 1 48% !important;
    box-sizing: border-box !important;
    max-width: 48% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-49 {
    flex: 1 1 49% !important;
    box-sizing: border-box !important;
    max-width: 49% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-50 {
    flex: 1 1 50% !important;
    box-sizing: border-box !important;
    max-width: 50% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-51 {
    flex: 1 1 51% !important;
    box-sizing: border-box !important;
    max-width: 51% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-52 {
    flex: 1 1 52% !important;
    box-sizing: border-box !important;
    max-width: 52% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-53 {
    flex: 1 1 53% !important;
    box-sizing: border-box !important;
    max-width: 53% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-54 {
    flex: 1 1 54% !important;
    box-sizing: border-box !important;
    max-width: 54% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-55 {
    flex: 1 1 55% !important;
    box-sizing: border-box !important;
    max-width: 55% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-56 {
    flex: 1 1 56% !important;
    box-sizing: border-box !important;
    max-width: 56% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-57 {
    flex: 1 1 57% !important;
    box-sizing: border-box !important;
    max-width: 57% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-58 {
    flex: 1 1 58% !important;
    box-sizing: border-box !important;
    max-width: 58% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-59 {
    flex: 1 1 59% !important;
    box-sizing: border-box !important;
    max-width: 59% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-60 {
    flex: 1 1 60% !important;
    box-sizing: border-box !important;
    max-width: 60% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-61 {
    flex: 1 1 61% !important;
    box-sizing: border-box !important;
    max-width: 61% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-62 {
    flex: 1 1 62% !important;
    box-sizing: border-box !important;
    max-width: 62% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-63 {
    flex: 1 1 63% !important;
    box-sizing: border-box !important;
    max-width: 63% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-64 {
    flex: 1 1 64% !important;
    box-sizing: border-box !important;
    max-width: 64% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-65 {
    flex: 1 1 65% !important;
    box-sizing: border-box !important;
    max-width: 65% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-66 {
    flex: 1 1 66% !important;
    box-sizing: border-box !important;
    max-width: 66% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-67 {
    flex: 1 1 67% !important;
    box-sizing: border-box !important;
    max-width: 67% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-68 {
    flex: 1 1 68% !important;
    box-sizing: border-box !important;
    max-width: 68% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-69 {
    flex: 1 1 69% !important;
    box-sizing: border-box !important;
    max-width: 69% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-70 {
    flex: 1 1 70% !important;
    box-sizing: border-box !important;
    max-width: 70% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-71 {
    flex: 1 1 71% !important;
    box-sizing: border-box !important;
    max-width: 71% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-72 {
    flex: 1 1 72% !important;
    box-sizing: border-box !important;
    max-width: 72% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-73 {
    flex: 1 1 73% !important;
    box-sizing: border-box !important;
    max-width: 73% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-74 {
    flex: 1 1 74% !important;
    box-sizing: border-box !important;
    max-width: 74% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-75 {
    flex: 1 1 75% !important;
    box-sizing: border-box !important;
    max-width: 75% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-76 {
    flex: 1 1 76% !important;
    box-sizing: border-box !important;
    max-width: 76% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-77 {
    flex: 1 1 77% !important;
    box-sizing: border-box !important;
    max-width: 77% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-78 {
    flex: 1 1 78% !important;
    box-sizing: border-box !important;
    max-width: 78% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-79 {
    flex: 1 1 79% !important;
    box-sizing: border-box !important;
    max-width: 79% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-80 {
    flex: 1 1 80% !important;
    box-sizing: border-box !important;
    max-width: 80% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-81 {
    flex: 1 1 81% !important;
    box-sizing: border-box !important;
    max-width: 81% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-82 {
    flex: 1 1 82% !important;
    box-sizing: border-box !important;
    max-width: 82% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-83 {
    flex: 1 1 83% !important;
    box-sizing: border-box !important;
    max-width: 83% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-84 {
    flex: 1 1 84% !important;
    box-sizing: border-box !important;
    max-width: 84% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-85 {
    flex: 1 1 85% !important;
    box-sizing: border-box !important;
    max-width: 85% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-86 {
    flex: 1 1 86% !important;
    box-sizing: border-box !important;
    max-width: 86% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-87 {
    flex: 1 1 87% !important;
    box-sizing: border-box !important;
    max-width: 87% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-88 {
    flex: 1 1 88% !important;
    box-sizing: border-box !important;
    max-width: 88% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-89 {
    flex: 1 1 89% !important;
    box-sizing: border-box !important;
    max-width: 89% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-90 {
    flex: 1 1 90% !important;
    box-sizing: border-box !important;
    max-width: 90% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-91 {
    flex: 1 1 91% !important;
    box-sizing: border-box !important;
    max-width: 91% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-92 {
    flex: 1 1 92% !important;
    box-sizing: border-box !important;
    max-width: 92% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-93 {
    flex: 1 1 93% !important;
    box-sizing: border-box !important;
    max-width: 93% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-94 {
    flex: 1 1 94% !important;
    box-sizing: border-box !important;
    max-width: 94% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-95 {
    flex: 1 1 95% !important;
    box-sizing: border-box !important;
    max-width: 95% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-96 {
    flex: 1 1 96% !important;
    box-sizing: border-box !important;
    max-width: 96% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-97 {
    flex: 1 1 97% !important;
    box-sizing: border-box !important;
    max-width: 97% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-98 {
    flex: 1 1 98% !important;
    box-sizing: border-box !important;
    max-width: 98% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-99 {
    flex: 1 1 99% !important;
    box-sizing: border-box !important;
    max-width: 99% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snFlex-gt-lg-100 {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayout-gt-lg-row {
    display: flex !important;
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayout-gt-lg-row-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayout-gt-lg-column {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayout-gt-lg-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-0 {
    gap: 0px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-1 {
    gap: 1px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-2 {
    gap: 2px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-3 {
    gap: 3px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-4 {
    gap: 4px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-5 {
    gap: 5px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-6 {
    gap: 6px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-7 {
    gap: 7px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-8 {
    gap: 8px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-9 {
    gap: 9px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-10 {
    gap: 10px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-11 {
    gap: 11px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-12 {
    gap: 12px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-13 {
    gap: 13px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-14 {
    gap: 14px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-15 {
    gap: 15px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-16 {
    gap: 16px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-17 {
    gap: 17px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-18 {
    gap: 18px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-19 {
    gap: 19px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-20 {
    gap: 20px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-21 {
    gap: 21px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-22 {
    gap: 22px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-23 {
    gap: 23px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-24 {
    gap: 24px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-25 {
    gap: 25px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-26 {
    gap: 26px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-27 {
    gap: 27px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-28 {
    gap: 28px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-29 {
    gap: 29px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-30 {
    gap: 30px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-31 {
    gap: 31px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-32 {
    gap: 32px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-33 {
    gap: 33px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-34 {
    gap: 34px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-35 {
    gap: 35px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-36 {
    gap: 36px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-37 {
    gap: 37px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-38 {
    gap: 38px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-39 {
    gap: 39px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-40 {
    gap: 40px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-41 {
    gap: 41px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-42 {
    gap: 42px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-43 {
    gap: 43px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-44 {
    gap: 44px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-45 {
    gap: 45px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-46 {
    gap: 46px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-47 {
    gap: 47px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-48 {
    gap: 48px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-49 {
    gap: 49px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-50 {
    gap: 50px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-51 {
    gap: 51px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-52 {
    gap: 52px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-53 {
    gap: 53px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-54 {
    gap: 54px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-55 {
    gap: 55px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-56 {
    gap: 56px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-57 {
    gap: 57px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-58 {
    gap: 58px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-59 {
    gap: 59px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-60 {
    gap: 60px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-61 {
    gap: 61px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-62 {
    gap: 62px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-63 {
    gap: 63px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-64 {
    gap: 64px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-65 {
    gap: 65px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-66 {
    gap: 66px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-67 {
    gap: 67px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-68 {
    gap: 68px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-69 {
    gap: 69px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-70 {
    gap: 70px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-71 {
    gap: 71px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-72 {
    gap: 72px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-73 {
    gap: 73px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-74 {
    gap: 74px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-75 {
    gap: 75px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-76 {
    gap: 76px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-77 {
    gap: 77px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-78 {
    gap: 78px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-79 {
    gap: 79px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-80 {
    gap: 80px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-81 {
    gap: 81px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-82 {
    gap: 82px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-83 {
    gap: 83px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-84 {
    gap: 84px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-85 {
    gap: 85px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-86 {
    gap: 86px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-87 {
    gap: 87px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-88 {
    gap: 88px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-89 {
    gap: 89px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-90 {
    gap: 90px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-91 {
    gap: 91px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-92 {
    gap: 92px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-93 {
    gap: 93px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-94 {
    gap: 94px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-95 {
    gap: 95px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-96 {
    gap: 96px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-97 {
    gap: 97px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-98 {
    gap: 98px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-99 {
    gap: 99px !important;
  }
}
@media screen and (min-width: 1920px) {
  .snLayoutGap-gt-lg-100 {
    gap: 100px !important;
  }
}
@font-face {
  font-family: northern;
  src: url('TheNorthernBlockLtd-NeusaNextProRegular.otf') format("opentype");
}
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-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-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 {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-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 {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}

html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-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 {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-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 {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-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-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-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 {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-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-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}

html {
  --mat-sys-on-surface: initial;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

html {
  --mat-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-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-option-selected-state-label-text-color: #15416b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ffdec9;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #dc3545;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffdec9;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffdec9;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #15416b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #15416b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffdec9;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffdec9;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc3545;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc3545;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}

html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-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-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #15416b;
  --mat-progress-bar-track-color: rgba(21, 65, 107, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ffdec9;
  --mat-progress-bar-track-color: rgba(255, 222, 201, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc3545;
  --mat-progress-bar-track-color: rgba(220, 53, 69, 0.25);
}

html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}

html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}

html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}

html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #15416b 87%, transparent);
  --mat-form-field-filled-caret-color: #15416b;
  --mat-form-field-filled-focus-active-indicator-color: #15416b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #15416b 87%, transparent);
  --mat-form-field-outlined-caret-color: #15416b;
  --mat-form-field-outlined-focus-outline-color: #15416b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #15416b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc3545;
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #dc3545;
  --mat-form-field-filled-error-focus-label-text-color: #dc3545;
  --mat-form-field-filled-error-label-text-color: #dc3545;
  --mat-form-field-filled-error-caret-color: #dc3545;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc3545;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc3545;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc3545;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #dc3545;
  --mat-form-field-outlined-error-focus-label-text-color: #dc3545;
  --mat-form-field-outlined-error-label-text-color: #dc3545;
  --mat-form-field-outlined-error-hover-label-text-color: #dc3545;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc3545;
  --mat-form-field-outlined-error-hover-outline-color: #dc3545;
  --mat-form-field-outlined-error-outline-color: #dc3545;
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ffdec9 87%, transparent);
  --mat-form-field-filled-caret-color: #ffdec9;
  --mat-form-field-filled-focus-active-indicator-color: #ffdec9;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ffdec9 87%, transparent);
  --mat-form-field-outlined-caret-color: #ffdec9;
  --mat-form-field-outlined-focus-outline-color: #ffdec9;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ffdec9 87%, transparent);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #dc3545 87%, transparent);
  --mat-form-field-filled-caret-color: #dc3545;
  --mat-form-field-filled-focus-active-indicator-color: #dc3545;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #dc3545 87%, transparent);
  --mat-form-field-outlined-caret-color: #dc3545;
  --mat-form-field-outlined-focus-outline-color: #dc3545;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #dc3545 87%, transparent);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #15416b;
  --mat-select-invalid-arrow-color: #dc3545;
}

.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ffdec9;
  --mat-select-invalid-arrow-color: #dc3545;
}

.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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #dc3545;
  --mat-select-invalid-arrow-color: #dc3545;
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mat-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 {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}

.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #15416b;
  --mat-chip-elevated-disabled-container-color: #15416b;
  --mat-chip-elevated-selected-container-color: #15416b;
  --mat-chip-flat-disabled-selected-container-color: #15416b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #ffdec9;
  --mat-chip-elevated-disabled-container-color: #ffdec9;
  --mat-chip-elevated-selected-container-color: #ffdec9;
  --mat-chip-flat-disabled-selected-container-color: #ffdec9;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #dc3545;
  --mat-chip-elevated-disabled-container-color: #dc3545;
  --mat-chip-elevated-selected-container-color: #dc3545;
  --mat-chip-flat-disabled-selected-container-color: #dc3545;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}

html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}

html {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #15416b;
  --mat-slide-toggle-selected-handle-color: #15416b;
  --mat-slide-toggle-selected-hover-state-layer-color: #15416b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #15416b;
  --mat-slide-toggle-selected-focus-handle-color: #15416b;
  --mat-slide-toggle-selected-hover-handle-color: #15416b;
  --mat-slide-toggle-selected-pressed-handle-color: #15416b;
  --mat-slide-toggle-selected-focus-track-color: #5f7691;
  --mat-slide-toggle-selected-hover-track-color: #5f7691;
  --mat-slide-toggle-selected-pressed-track-color: #5f7691;
  --mat-slide-toggle-selected-track-color: #5f7691;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #ffdec9;
  --mat-slide-toggle-selected-handle-color: #ffdec9;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffdec9;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffdec9;
  --mat-slide-toggle-selected-focus-handle-color: #ffdec9;
  --mat-slide-toggle-selected-hover-handle-color: #ffdec9;
  --mat-slide-toggle-selected-pressed-handle-color: #ffdec9;
  --mat-slide-toggle-selected-focus-track-color: #ffb863;
  --mat-slide-toggle-selected-hover-track-color: #ffb863;
  --mat-slide-toggle-selected-pressed-track-color: #ffb863;
  --mat-slide-toggle-selected-track-color: #ffb863;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #dc3545;
  --mat-slide-toggle-selected-handle-color: #dc3545;
  --mat-slide-toggle-selected-hover-state-layer-color: #dc3545;
  --mat-slide-toggle-selected-pressed-state-layer-color: #dc3545;
  --mat-slide-toggle-selected-focus-handle-color: #dc3545;
  --mat-slide-toggle-selected-hover-handle-color: #dc3545;
  --mat-slide-toggle-selected-pressed-handle-color: #dc3545;
  --mat-slide-toggle-selected-focus-track-color: #e7727d;
  --mat-slide-toggle-selected-hover-track-color: #e7727d;
  --mat-slide-toggle-selected-pressed-track-color: #e7727d;
  --mat-slide-toggle-selected-track-color: #e7727d;
}

html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}

html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #15416b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #15416b;
  --mat-radio-selected-hover-icon-color: #15416b;
  --mat-radio-selected-icon-color: #15416b;
  --mat-radio-selected-pressed-icon-color: #15416b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ffdec9;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffdec9;
  --mat-radio-selected-hover-icon-color: #ffdec9;
  --mat-radio-selected-icon-color: #ffdec9;
  --mat-radio-selected-pressed-icon-color: #ffdec9;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc3545;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #dc3545;
  --mat-radio-selected-hover-icon-color: #dc3545;
  --mat-radio-selected-icon-color: #dc3545;
  --mat-radio-selected-pressed-icon-color: #dc3545;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-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-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}

html {
  --mat-slider-active-track-color: #15416b;
  --mat-slider-focus-handle-color: #15416b;
  --mat-slider-handle-color: #15416b;
  --mat-slider-hover-handle-color: #15416b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #15416b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #15416b 4%, transparent);
  --mat-slider-inactive-track-color: #15416b;
  --mat-slider-ripple-color: #15416b;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #15416b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}

.mat-accent {
  --mat-slider-active-track-color: #ffdec9;
  --mat-slider-focus-handle-color: #ffdec9;
  --mat-slider-handle-color: #ffdec9;
  --mat-slider-hover-handle-color: #ffdec9;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ffdec9 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ffdec9 4%, transparent);
  --mat-slider-inactive-track-color: #ffdec9;
  --mat-slider-ripple-color: #ffdec9;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #ffdec9;
}

.mat-warn {
  --mat-slider-active-track-color: #dc3545;
  --mat-slider-focus-handle-color: #dc3545;
  --mat-slider-handle-color: #dc3545;
  --mat-slider-hover-handle-color: #dc3545;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #dc3545 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #dc3545 4%, transparent);
  --mat-slider-inactive-track-color: #dc3545;
  --mat-slider-ripple-color: #dc3545;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #dc3545;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}

html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #15416b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #15416b;
  --mat-radio-selected-hover-icon-color: #15416b;
  --mat-radio-selected-icon-color: #15416b;
  --mat-radio-selected-pressed-icon-color: #15416b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ffdec9;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffdec9;
  --mat-radio-selected-hover-icon-color: #ffdec9;
  --mat-radio-selected-icon-color: #ffdec9;
  --mat-radio-selected-pressed-icon-color: #ffdec9;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #dc3545;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #dc3545;
  --mat-radio-selected-hover-icon-color: #dc3545;
  --mat-radio-selected-icon-color: #dc3545;
  --mat-radio-selected-pressed-icon-color: #dc3545;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #15416b;
  --mat-checkbox-selected-hover-icon-color: #15416b;
  --mat-checkbox-selected-icon-color: #15416b;
  --mat-checkbox-selected-pressed-icon-color: #15416b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #15416b;
  --mat-checkbox-selected-hover-state-layer-color: #15416b;
  --mat-checkbox-selected-pressed-state-layer-color: #15416b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #ffdec9;
  --mat-checkbox-selected-hover-icon-color: #ffdec9;
  --mat-checkbox-selected-icon-color: #ffdec9;
  --mat-checkbox-selected-pressed-icon-color: #ffdec9;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffdec9;
  --mat-checkbox-selected-hover-state-layer-color: #ffdec9;
  --mat-checkbox-selected-pressed-state-layer-color: #ffdec9;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #dc3545;
  --mat-checkbox-selected-hover-icon-color: #dc3545;
  --mat-checkbox-selected-icon-color: #dc3545;
  --mat-checkbox-selected-pressed-icon-color: #dc3545;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc3545;
  --mat-checkbox-selected-hover-state-layer-color: #dc3545;
  --mat-checkbox-selected-pressed-state-layer-color: #dc3545;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.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: #15416b;
}

.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 {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}

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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #15416b;
  --mat-tab-active-ripple-color: #15416b;
  --mat-tab-inactive-ripple-color: #15416b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #15416b;
  --mat-tab-active-hover-label-text-color: #15416b;
  --mat-tab-active-focus-indicator-color: #15416b;
  --mat-tab-active-hover-indicator-color: #15416b;
  --mat-tab-active-indicator-color: #15416b;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ffdec9;
  --mat-tab-active-ripple-color: #ffdec9;
  --mat-tab-inactive-ripple-color: #ffdec9;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ffdec9;
  --mat-tab-active-hover-label-text-color: #ffdec9;
  --mat-tab-active-focus-indicator-color: #ffdec9;
  --mat-tab-active-hover-indicator-color: #ffdec9;
  --mat-tab-active-indicator-color: #ffdec9;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #dc3545;
  --mat-tab-active-ripple-color: #dc3545;
  --mat-tab-inactive-ripple-color: #dc3545;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #dc3545;
  --mat-tab-active-hover-label-text-color: #dc3545;
  --mat-tab-active-focus-indicator-color: #dc3545;
  --mat-tab-active-hover-indicator-color: #dc3545;
  --mat-tab-active-indicator-color: #dc3545;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #15416b;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ffdec9;
  --mat-tab-foreground-color: #000000;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #dc3545;
  --mat-tab-foreground-color: #ffffff;
}

.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}

html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}

html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #ffdec9;
  --mat-checkbox-selected-hover-icon-color: #ffdec9;
  --mat-checkbox-selected-icon-color: #ffdec9;
  --mat-checkbox-selected-pressed-icon-color: #ffdec9;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffdec9;
  --mat-checkbox-selected-hover-state-layer-color: #ffdec9;
  --mat-checkbox-selected-pressed-state-layer-color: #ffdec9;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #15416b;
  --mat-checkbox-selected-hover-icon-color: #15416b;
  --mat-checkbox-selected-icon-color: #15416b;
  --mat-checkbox-selected-pressed-icon-color: #15416b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #15416b;
  --mat-checkbox-selected-hover-state-layer-color: #15416b;
  --mat-checkbox-selected-pressed-state-layer-color: #15416b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #dc3545;
  --mat-checkbox-selected-hover-icon-color: #dc3545;
  --mat-checkbox-selected-icon-color: #dc3545;
  --mat-checkbox-selected-pressed-icon-color: #dc3545;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc3545;
  --mat-checkbox-selected-hover-state-layer-color: #dc3545;
  --mat-checkbox-selected-pressed-state-layer-color: #dc3545;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}

html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}

html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #15416b;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #15416b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #15416b 12%, transparent);
  --mat-button-outlined-state-layer-color: #15416b;
  --mat-button-protected-container-color: #15416b;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #15416b;
  --mat-button-text-ripple-color: color-mix(in srgb, #15416b 12%, transparent);
  --mat-button-text-state-layer-color: #15416b;
  --mat-button-tonal-container-color: #15416b;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ffdec9;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #ffdec9;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ffdec9 12%, transparent);
  --mat-button-outlined-state-layer-color: #ffdec9;
  --mat-button-protected-container-color: #ffdec9;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #ffdec9;
  --mat-button-text-ripple-color: color-mix(in srgb, #ffdec9 12%, transparent);
  --mat-button-text-state-layer-color: #ffdec9;
  --mat-button-tonal-container-color: #ffdec9;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc3545;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #dc3545;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #dc3545 12%, transparent);
  --mat-button-outlined-state-layer-color: #dc3545;
  --mat-button-protected-container-color: #dc3545;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #dc3545;
  --mat-button-text-ripple-color: color-mix(in srgb, #dc3545 12%, transparent);
  --mat-button-text-state-layer-color: #dc3545;
  --mat-button-tonal-container-color: #dc3545;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}

html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}

html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}

html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #15416b;
  --mat-icon-button-state-layer-color: #15416b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #15416b 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ffdec9;
  --mat-icon-button-state-layer-color: #ffdec9;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ffdec9 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc3545;
  --mat-icon-button-state-layer-color: #dc3545;
  --mat-icon-button-ripple-color: color-mix(in srgb, #dc3545 12%, transparent);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mat-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);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-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);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-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);
  --mat-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);
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #15416b;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #15416b 12%, transparent);
  --mat-fab-small-container-color: #15416b;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ffdec9;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #ffdec9 12%, transparent);
  --mat-fab-small-container-color: #ffdec9;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc3545;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #dc3545 12%, transparent);
  --mat-fab-small-container-color: #dc3545;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}

html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}

html {
  --mat-snack-bar-container-shape: 4px;
}

html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #5f7691;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}

html {
  --mat-progress-spinner-active-indicator-color: #15416b;
}

.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ffdec9;
}

.mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc3545;
}

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: #15416b;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-badge-accent {
  --mat-badge-background-color: #ffdec9;
  --mat-badge-text-color: #000000;
}

.mat-badge-warn {
  --mat-badge-background-color: #dc3545;
  --mat-badge-text-color: #ffffff;
}

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-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}

html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #15416b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffdec9 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #15416b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #15416b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #15416b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #15416b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #15416b;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ffdec9 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffdec9 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #ffdec9;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ffdec9 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ffdec9 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ffdec9 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ffdec9;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #dc3545 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffdec9 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc3545;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #dc3545 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #dc3545 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #dc3545 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #dc3545;
  --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: rgba(0, 0, 0, 0.87);
  --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.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.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;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-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);
  --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: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #15416b;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ffdec9;
}
.mat-icon.mat-warn {
  --mat-icon-color: #dc3545;
}

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-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}

html {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #15416b;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #15416b;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #15416b;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --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: #dc3545;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc3545;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}

.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #ffdec9;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #ffdec9;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #ffdec9;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}

.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #dc3545;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #dc3545;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #dc3545;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #15416b;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ffdec9;
  --mat-toolbar-container-text-color: #000000;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc3545;
  --mat-toolbar-container-text-color: #ffffff;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-timepicker-container-background-color: white;
}

.mat-sidenav {
  border-color: #ffb792;
}

.showSideNav {
  border-bottom: 0;
}
.showSideNav .side-navigation-item-container-two mat-icon {
  color: #fd9a3b;
}

.expand-container {
  color: #ffffff;
  background-color: #15416b;
  border-bottom: 1px solid #15416b;
}

.base-navigation-container.mat-drawer-container {
  background-color: ghostwhite;
}

.base-navigation-header {
  background-color: white !important;
}

.base-sub-navigation {
  background-color: #f2f2f2 !important;
}
.base-sub-navigation mat-icon {
  color: #15416b;
}

.base-container {
  background-color: ghostwhite;
}

.base-content-router-container {
  background-color: white;
  margin-bottom: 32px;
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: transparent;
}

.header-title {
  background-color: white;
  color: #ffffff;
}

input {
  caret-color: #15416b;
  color: #15416b;
}

input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

sn-side-navigation-item .side-navigation-item-container mat-icon {
  color: #ffffff;
}
sn-side-navigation-item .side-navigation-item-container p {
  color: #ffffff;
}
sn-side-navigation-item .side-navigation-item-container.active {
  background-color: #fd9a3b;
}
sn-side-navigation-item .side-navigation-item-container:hover {
  background-color: #fd9a3b;
}
sn-side-navigation-item .router-nav-menu div:hover {
  background-color: #fd9a3b;
}
sn-side-navigation-item .router-nav-menu :focus {
  outline: none;
}
sn-side-navigation-item .router-nav-menu a {
  color: unset;
  text-decoration: none;
}

sn-base-navigation-tools mat-icon {
  color: #15416b;
}
sn-base-navigation-tools .base-navigation-tools-user {
  border-left: #f2f2f2 1px solid;
}

sn-base-public #base-header {
  background-color: white;
}
sn-base-public #base-body {
  background-color: ghostwhite;
}

.edit-toolbar {
  background-color: #fafafa;
}

sn-base-navigation-tools-user mat-icon {
  color: #15416b;
}
sn-base-navigation-tools-user .arrow {
  color: #e9e9e9;
}
sn-base-navigation-tools-user #my-data-icon {
  color: #15416b;
}
sn-base-navigation-tools-user #logout-icon {
  color: #15416b;
}
sn-base-navigation-tools-user #account-icon {
  border: 2px solid #15416b;
}
sn-base-navigation-tools-user .account-initials {
  background-color: #001a35;
}
sn-base-navigation-tools-user .account-initials .initials-text {
  color: #e97132;
}

.notification-dropdown {
  color: #6F6F6F;
}

.mat-menu-item-custom .notification-item-content .notification-item-created-date {
  color: #cccccc;
}
.mat-menu-item-custom .notification-item-read-button .read-button.unread {
  background-color: #3e5b7d;
}
.mat-menu-item-custom .notification-item-read-button .read-button.read {
  background-color: #ffffff;
}

sn-activity-item .mat-menu-item-custom .activity-item-end-date,
sn-activity-item .mat-menu-item-custom .activity-item-start-date {
  color: #cccccc;
}
sn-activity-item .mat-menu-item-custom .success {
  color: green !important;
}
sn-activity-item .mat-menu-item-custom .failure {
  color: red !important;
}

mat-progress-bar.indeterminate .mdc-linear-progress__bar-inner {
  border-color: #fd9a3b;
}

.action-tool-bar button,
.action-tool-bar a[mat-button] {
  color: #15416b !important;
}
.action-tool-bar button[disabled=true],
.action-tool-bar a[mat-button][disabled=true] {
  color: rgba(0, 0, 0, 0.27) !important;
}
.action-tool-bar button[disabled=true] mat-icon,
.action-tool-bar a[mat-button][disabled=true] mat-icon {
  color: rgba(0, 0, 0, 0.27) !important;
}
.action-tool-bar {
  background-color: #f2f2f2;
  color: #15416b;
  border-bottom: 1px solid #e9e9e9;
}

mat-slide-toggle {
  height: 24px !important;
}
mat-slide-toggle .mat-mdc-slide-toggle-touch-target {
  height: 24px;
}

.mat-mdc-slide-toggle .mdc-switch--checked:disabled .mdc-switch__track,
.mat-mdc-slide-toggle .mdc-switch--checked:disabled .mdc-switch__track::before,
.mat-mdc-slide-toggle .mdc-switch--checked:disabled .mdc-switch__track::after {
  background: var(--mat-slide-toggle-selected-track-color, #d7bbff) !important;
  opacity: 1 !important;
}

.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch:disabled .mdc-switch__handle::after {
  background: var(--mat-slide-toggle-selected-handle-color, var(--mat-theme-primary, #6200ee)) !important;
  opacity: 1 !important;
}

.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons {
  opacity: 1 !important;
}

.mat-mdc-slide-toggle .mdc-switch--unselected:disabled .mdc-switch__track,
.mat-mdc-slide-toggle .mdc-switch--unselected:disabled .mdc-switch__track::before,
.mat-mdc-slide-toggle .mdc-switch--unselected:disabled .mdc-switch__track::after {
  background: var(--mat-slide-toggle-unselected-track-color, #e0e0e0) !important;
  opacity: 1 !important;
}

.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after {
  background: var(--mat-slide-toggle-unselected-handle-color, #616161) !important;
  opacity: 1 !important;
}

.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons {
  opacity: 1 !important;
}

.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: inherit !important;
}

.mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}

.mdc-text-field--filled {
  background-color: transparent !important;
}

.mat-mdc-form-field:not(.mat-mdc-paginator-page-size-select, .mat-form-field-appearance-outline) .mdc-text-field {
  padding-left: 0 !important;
}

.mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper {
  padding-left: 0 !important;
}

.mat-mdc-form-field:not(.mat-mdc-paginator-page-size-select, .mat-form-field-appearance-outline) .mat-mdc-form-field-infix {
  min-height: unset !important;
  padding-bottom: 4px !important;
}

.mat-mdc-select-arrow-wrapper {
  max-height: 20px !important;
}

.mat-mdc-menu-item .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.54) !important;
}

mat-expansion-panel {
  overflow: hidden !important;
}
mat-expansion-panel.mat-expanded {
  overflow: visible !important;
}
mat-expansion-panel .mat-expansion-panel-content {
  overflow: visible !important;
}
mat-expansion-panel .mat-expansion-panel-content.ng-animating {
  overflow: hidden !important;
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 24px !important;
}

.mdc-data-table__cell,
.mdc-data-table__header-cell {
  box-sizing: content-box !important;
}

sn-generic-table .mdc-data-table__row:nth-last-of-type(2) .mdc-data-table__cell {
  border: unset;
}

.mdc-data-table__cell,
.mdc-data-table__header-cell {
  padding: unset !important;
}
.mdc-data-table__cell:last-of-type,
.mdc-data-table__header-cell:last-of-type {
  padding-right: 24px !important;
}

th.mat-mdc-header-cell:first-of-type,
td.mat-mdc-cell:first-of-type,
td.mat-mdc-footer-cell:first-of-type {
  padding-left: 24px !important;
}

.registration-wrapper {
  background-color: #001A35;
}

.registration-container-content {
  max-width: 959px;
  background-color: rgba(48, 58, 80, 0.9);
  color: #e3e7eb;
}
.registration-container-content .mat-stepper-vertical,
.registration-container-content .mat-stepper-horizontal {
  background-color: transparent;
}

.registration-header__title {
  color: #e97132;
}
.registration-header__welcome {
  color: #e3e7eb;
}

.registration-footer {
  color: #e3e7eb;
}
.registration-footer a {
  color: #f88f38;
  font-weight: 600;
}

sn-registration-stepper {
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.2) !important;
  color: #e3e7eb !important;
}
sn-registration-stepper a {
  color: #f88f38 !important;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
sn-registration-stepper input, sn-registration-stepper select, sn-registration-stepper textarea, sn-registration-stepper label {
  color: #e3e7eb !important;
}
sn-registration-stepper button[mat-raised-button] {
  background-color: white !important;
  color: #15416b !important;
}

sn-image-uploader .drop-zone {
  border: 0.1em dashed #6F6F6F;
  background: #f2f2f2;
}
sn-image-uploader .drop-zone.drop {
  border: #5f7691 dashed 2px;
  background: #e3e7eb;
}
sn-image-uploader .image-placeholder-svg {
  fill: #15416b;
}
sn-image-uploader .error-file-icon {
  color: #15416b;
}

sn-file-uploader .drop-zone {
  border: 0.1em dashed #6F6F6F;
  background: #f2f2f2;
}
sn-file-uploader .drop-zone.drop {
  border: #5f7691 dashed 2px;
  background: #e3e7eb;
}
sn-file-uploader .file-placeholder-svg {
  fill: #15416b;
}
sn-file-uploader .error-file-icon {
  color: #15416b;
}

sn-info-card .title {
  color: #6F6F6F;
}
sn-info-card .icon {
  color: #15416b;
}
sn-info-card .info-card {
  background-color: white;
}
sn-info-card .info-card .actions {
  border-top: 1px solid #e9e9e9;
}
sn-info-card .info-card .actions .mdc-button__label {
  color: #15416b;
}

.mat-icon-form-fields {
  color: #15416b;
}

.panel-icons mat-icon {
  color: #15416b;
}

.dark-mode mat-icon {
  color: #e3e7eb;
}

sn-category-tree-edit .drag-handle {
  color: #3e5b7d;
}
sn-category-tree-edit .category-table-tree mat-tree mat-tree-node {
  border-top: 1px solid #e9e9e9;
  background: white;
  font-size: 14px;
}
sn-category-tree-edit .category-table-tree mat-tree .drop-inside {
  border: 2px solid #5f7691;
  background: #e3e7eb;
}
sn-category-tree-edit .category-table-tree mat-tree .border-placeholder-before,
sn-category-tree-edit .category-table-tree mat-tree .border-placeholder-after {
  border-top: 2px solid #5f7691;
  background: #e3e7eb;
}
sn-category-tree-edit .category-table-tree .tree-table-header {
  color: #6F6F6F;
}

mat-tree-node.cdk-drag-preview {
  border: solid 1px #C8C8C8;
  color: #6F6F6F;
  background: white;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  opacity: 0.3;
}

.category-table-tree mat-tree mat-tree-node {
  background: white;
  font-size: 14px;
}

.tree-table-header {
  color: #6F6F6F;
}

sn-platform-category-assign-edit-view .filter-line.clickable:hover, sn-platform-category-assign-edit-view .filter-line.clickable.selected {
  background-color: #f2f2f2;
}

.category-header {
  background-color: #3e5b7d;
  color: #ffffff;
}

button#back-button {
  background-color: #3e5b7d !important;
  color: #ffffff !important;
}

button.mat-mdc-raised-button.mat-unthemed:not(.mat-primary):not(.mat-accent):not(.mat-warn) {
  color: #15416b;
}

button.mat-mdc-raised-button:disabled {
  color: lightslategrey !important;
}

.mat-mdc-raised-button {
  margin-right: 8px !important;
}

sn-upload-file .drop-zone {
  border: 0.1em dashed #6F6F6F;
  margin-bottom: 2em;
  text-align: center;
  background: #f2f2f2;
}
sn-upload-file .drop-zone.drop {
  border: #5f7691 dashed 2px;
  background: #e3e7eb;
}
sn-upload-file .folder {
  color: #3e5b7d;
}
sn-upload-file .title {
  color: #6F6F6F;
}

sn-upload-product-media .drop-zone {
  border: 0.1em dashed #6F6F6F;
  margin-bottom: 2em;
  text-align: center;
  background: #f2f2f2;
}
sn-upload-product-media .drop-zone.drop {
  border: #5f7691 dashed 2px;
  background: #e3e7eb;
}
sn-upload-product-media .folder {
  color: #3e5b7d;
}
sn-upload-product-media .title {
  color: #6F6F6F;
}
sn-upload-product-media .upload-progress-bar-header {
  border-color: #e9e9e9;
}

.error > mat-icon {
  color: #d8303e;
}

.warning > mat-icon {
  color: #ee9aa2;
}

.info > mat-icon {
  color: #b7c2d0;
}

.item-content {
  background: white;
  font-size: 14px;
}
.item-content:last-child {
  border-bottom: 1px solid #e9e9e9;
}

.image-uploader-icon {
  color: #3e5b7d;
}
.image-uploader-icon.error {
  color: #e15361;
}
.image-uploader-icon.success {
  color: green;
  position: relative;
  right: 12px;
  top: 7px;
}

.image-uploader-field {
  border-color: #3e5b7d;
  background-color: #e3e7eb;
}
.image-uploader-field mat-icon {
  color: #dd5c2f;
}

.edit-image-hover {
  background-color: #3e5b7d;
  color: #fafafa;
}

#import-upload-execution-container .execution-content {
  background: white;
  font-size: 14px;
}
#import-upload-execution-container .execution-content:last-child {
  border-bottom: 1px solid #e9e9e9;
}
#import-upload-execution-container .error > mat-icon {
  color: #d8303e;
}
#import-upload-execution-container .warning > mat-icon {
  color: #ee9aa2;
}
#import-upload-execution-container .info > mat-icon {
  color: #b7c2d0;
}

.thumbnail-select-container {
  border: solid 3px rgba(62, 91, 125, 0);
}
.thumbnail-select-container.selected {
  border: solid 3px #3e5b7d;
}
.thumbnail-select-container .thumbnail-container-square mat-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox__background {
  background-color: white !important;
}
.thumbnail-select-container .thumbnail-container-square img.disabled {
  opacity: 0.4; /* Dim the image */
  filter: grayscale(100%); /* Make it look inactive */
  pointer-events: none; /* Prevent interaction (e.g., drag) */
  -webkit-user-select: none;
          user-select: none;
}
.thumbnail-select-container .thumbnail-border {
  border-color: #3e5b7d;
}
.thumbnail-select-container .thumbnail-border.disabled {
  border-color: #e9e9e9;
}

sn-product-import #stepper-icon {
  color: #ffffff;
}
sn-product-import .mat-step-header .mat-step-icon-selected {
  background-color: #fd9a3b;
}
sn-product-import .import-stepper-help-container .help-icon.mat-mdc-button:not(:disabled) {
  color: #15416b;
}

.primary {
  color: #15416b;
}

.accent {
  color: #3e5b7d;
}

.info {
  color: #b7c2d0;
}

.inactive {
  color: #e3e7eb;
}

.error {
  color: #d8303e;
}

.warn {
  color: #ee9aa2;
}

.red {
  color: red;
}

.green {
  color: green;
}

.blue {
  color: blue;
}

.grey {
  color: grey;
}

.yellow {
  color: #ffd700;
}

.orange {
  color: orange;
}

.filter-sort-container {
  background-color: #ffffff;
}

.generic-table tr.mat-mdc-row:hover {
  background-color: #ffe0ba;
}
.generic-table tr.mat-mdc-row.selected {
  background-color: #fff3e3;
}
.generic-table tr.mat-mdc-row.selected:hover {
  background-color: #ffe0ba;
}
.generic-table tr.detail-row:not(.expanded-row) {
  background: whitesmoke;
}
.generic-table tr.detail-row:not(.expanded-row) > td {
  border: 0;
  background-color: #f2f2f2;
}
.generic-table tr.detail-row:not(.expanded-row):active {
  background: #efefef;
}
.generic-table tr.group-header {
  background-color: #f2f2f2;
}
.generic-table tr.group-header:hover {
  background-color: #f2f2f2;
}
.generic-table .group-header-description {
  color: #9E9E9E;
}
.generic-table .group-parent-row-article-link {
  color: #3e5b7d;
}
.generic-table mat-form-field {
  background: white;
}
.generic-table .tr-header-container .resizer {
  border-left-color: #ffffff;
}
.generic-table a {
  color: #3e5b7d;
}
.generic-table tr:hover .resizer {
  border-color: #C8C8C8 !important;
}
.generic-table .expanded-text {
  background-color: #ffffff;
}
.generic-table .table-expanded {
  background-color: #ffffff;
}
.generic-table .expanded-element-tableData {
  border-bottom: 1px solid #C8C8C8 !important;
}

sn-panel .panel {
  background-color: #ffffff;
}
sn-panel.mat-primary .panel-header {
  background-color: #3e5b7d;
}
sn-panel.mat-primary .panel-header h2 {
  color: #ffffff;
}
sn-panel.mat-accent .panel-header {
  background-color: #ffa849;
  color: #ffffff;
}

.speech-bubble {
  border-color: white;
  background-color: white;
}
.speech-bubble .speech-bubble-arrow.border {
  border-top-color: #ffffff;
}
.speech-bubble .speech-bubble-arrow.background {
  border-top-color: #ffffff;
}
.speech-bubble.mat-accent {
  border-color: #ffa849;
}
.speech-bubble.mat-accent .speech-bubble-arrow.border {
  border-top-color: #ffa849;
}
.speech-bubble.mat-accent .speech-bubble-arrow.background {
  border-top-color: #ffffff;
}
.speech-bubble.mat-primary {
  border-color: #3e5b7d;
}
.speech-bubble.mat-primary .speech-bubble-arrow.border {
  border-top-color: #3e5b7d;
}
.speech-bubble.mat-primary .speech-bubble-arrow.background {
  border-top-color: #ffffff;
}

.no-data-available-view {
  color: #6F6F6F;
  background-color: #f2f2f2;
}
.no-data-available-view a {
  color: #3e5b7d;
}

a {
  color: #3e5b7d;
}

sn-home .welcome {
  color: #15416b;
}
sn-home .network-article-card-container {
  background-color: #15416b;
}
sn-home .network-article-card-container .network-article-card-text {
  color: #e3e7eb;
}
sn-home .network-article-card-container .network-article-card-button {
  color: #15416b;
}

sn-community-image-header .edit-button {
  background-color: #3e5b7d;
  color: #ffffff;
}
sn-community-image-header .edit-header-image-button,
sn-community-image-header .edit-logo-image-button {
  background-color: white;
}
sn-community-image-header .company-title {
  color: #6F6F6F;
}
sn-community-image-header .header-image {
  border: 1px solid #C8C8C8;
  background-color: #ffffff;
}
sn-community-image-header .logo-image {
  border: 1px solid #D9D9D9;
  background-color: #ffffff;
}
sn-community-image-header #header-image-footer .network-role {
  border: 1px solid #D9D9D9;
  background-color: #ffffff;
}

sn-community-profile-card .profile-title-icon {
  border: 1px solid #15416b;
  background-color: white;
}
sn-community-profile-card .image {
  border: 1px solid lightgray;
}

.partner-card-container {
  background-color: #ffffff;
}
.partner-card-container .partner-logo {
  border-right: #f2f2f2 1px solid;
}

.partner-card-outgoing-container {
  background-color: #ffffff;
}
.partner-card-outgoing-container .partner-logo {
  border-right: #f2f2f2 1px solid;
}

.partner-card-incoming-container {
  background-color: #ffffff;
}

sn-community-partner-request-confirm-dialog {
  background-color: #ffffff;
}

.feature-selection-item {
  color: #cccccc;
  border-color: #cccccc;
}
.feature-selection-item:hover {
  background-color: #ffe0ba;
}
.feature-selection-item.selected {
  border-color: #fd9a3b;
  color: #fd9a3b;
}
.feature-selection-item.selected:hover {
  background-color: #ffe0ba;
}
.feature-selection-item.disabled {
  background-color: unset;
  color: #e9e9e9;
  border-color: #e9e9e9;
}

sn-column-header .tr-header-container div.resizer.show {
  border-color: #15416b !important;
}
sn-column-header .header-caption {
  color: rgba(0, 0, 0, 0.6);
}

#over-all-container {
  background-color: #f2f2f2;
  color: #6F6F6F;
}

#info-message-container {
  background-color: #f2f2f2;
  color: #6F6F6F;
}
#info-message-container #info-message-bar.ERROR {
  background-color: red;
}
#info-message-container #info-message-bar.WARN {
  background-color: orange;
}
#info-message-container #info-message-bar.INFO {
  background-color: #15416b;
}
#info-message-container #info-message-bar.SUCCESS {
  background-color: green;
}
#info-message-container #info-message-icon.ERROR {
  color: red;
}
#info-message-container #info-message-icon.WARN {
  color: orange;
}
#info-message-container #info-message-icon.INFO {
  color: #15416b;
}
#info-message-container #info-message-icon.SUCCESS {
  color: green;
}

sn-order-detail .dispatch-group {
  border-color: #e9e9e9;
}
sn-order-detail .dispatch-group .dispatch-group-header {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
}
sn-order-detail .order-total-container {
  border-color: #e9e9e9;
}

.add-article-background-color {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
}

.add-article-button {
  color: #15416b !important;
}

.add-article-button:disabled {
  color: rgba(0, 0, 0, 0.27) !important;
}

.edit-tracking-information-button {
  color: #15416b !important;
  border-color: #e9e9e9;
  background-color: #f2f2f2;
}

.shipping-group-header {
  color: rgba(0, 0, 0, 0.6);
}

.open-in-new-button {
  color: #15416b !important;
}

.open-in-new-button:disabled {
  color: rgba(0, 0, 0, 0.27) !important;
}

sn-offer-detail .dispatch-group {
  border-color: #e9e9e9;
}
sn-offer-detail .dispatch-group .dispatch-group-header {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
}
sn-offer-detail .offer-total-container {
  border-color: #e9e9e9;
}

sn-order-status .order-status-container {
  background-color: white;
}
sn-order-status .order-total-container {
  border-color: #e9e9e9;
}

sn-offer-status {
  background-color: ghostwhite;
}
sn-offer-status .offer-status-container {
  background-color: white;
}
sn-offer-status .offer-total-container {
  border-color: #e9e9e9;
}

gallery#galleryId {
  background-color: #ffffff;
}

lightbox > gallery {
  background-color: #ffffff;
}

gallery-thumb.g-active-thumb {
  border: 1px solid #fd9a3b;
}

sn-headline-setting .headline-setting-icon {
  color: #15416b;
}

#stripe-payment-settings-container .card {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

sn-setting-theme .color-selector {
  border: 1px solid black;
}

#widget-quicklinks .link-container > div {
  background-color: white;
  color: #15416b;
}
#widget-quicklinks .headline {
  color: #15416b;
  font-weight: 500;
}

sn-learning-center .learning-center-headline {
  color: #15416b;
}
sn-learning-center .learning-center-headline h1 {
  color: #15416b !important;
}
sn-learning-center .learning-center-content {
  color: #6F6F6F;
}
sn-learning-center .learning-center-content .stepper {
  color: rgba(0, 0, 0, 0.5411764706);
}
sn-learning-center .learning-center-content h2 {
  color: #15416b;
}
sn-learning-center .topic-link {
  color: #15416b;
}
sn-learning-center .topic-description {
  color: #6F6F6F;
}

sn-shopping-cart-panel #header {
  color: #15416b;
}
sn-shopping-cart-panel #header h1 {
  color: #15416b !important;
}
sn-shopping-cart-panel #header #country {
  color: #9E9E9E;
}
sn-shopping-cart-panel #sum-additional {
  color: #9E9E9E;
}

sn-shopping-cart-item .text {
  color: #9E9E9E;
}
sn-shopping-cart-item .disabled {
  background-color: unset;
  color: #cccccc;
}
sn-shopping-cart-item .error {
  color: #d8303e;
}
sn-shopping-cart-item .price {
  color: #15416b;
}

sn-generic-widget-table .title {
  color: #15416b;
}
sn-generic-widget-table .link-button {
  color: #15416b;
}

sn-generic-content-widget .dash-border {
  border: 1px solid lightgray;
}
sn-generic-content-widget .dash-background {
  background-color: white;
}

sn-generic-onebyone-widget .main-number {
  color: #15416b;
  font-size: 50px;
  font-weight: 500;
}
sn-generic-onebyone-widget .label-number {
  color: #15416b;
}
sn-generic-onebyone-widget .icon {
  color: #15416b;
  font-size: 52px;
}
sn-generic-onebyone-widget .button {
  color: green !important;
}
sn-generic-onebyone-widget .optional-label-bottom {
  font-size: x-small;
}
sn-generic-onebyone-widget .main-number {
  color: #15416b !important;
}

sn-widget-release-notes .label, sn-widget-release-notes .header {
  color: #15416b;
}

sn-widget-recent-orders .dash-orange {
  color: orange;
}
sn-widget-recent-orders .dash-red {
  color: red;
}
sn-widget-recent-orders .dash-green {
  color: green;
}

sn-community-article-card .price {
  color: #fd9a3b;
}
sn-community-article-card .price-available-container .available {
  color: #6F6F6F;
}
sn-community-article-card .card-title {
  color: #15416b;
}
sn-community-article-card .card-title:hover {
  color: #fd9a3b;
}
sn-community-article-card .status-in-stock-and-orderable {
  color: green;
  opacity: 0.8;
}
sn-community-article-card .status-not-in-stock-but-orderable {
  color: orange;
  opacity: 0.8;
}
sn-community-article-card .status-not-in-stock-and-not-orderable {
  color: lightgray;
  opacity: 0.8;
}
sn-community-article-card .status-default {
  color: #15416b;
  opacity: 0.8;
}
sn-community-article-card .quick-select-item {
  color: #cccccc;
  border-color: #cccccc;
}
sn-community-article-card .quick-select-item:hover {
  background-color: #ffe0ba;
}
sn-community-article-card .quick-select-item.active {
  border-color: #fd9a3b;
  color: #fd9a3b;
}
sn-community-article-card .quick-select-item.active:hover {
  background-color: #ffe0ba;
}
sn-community-article-card .quick-select-item.disabled {
  background-color: unset;
  color: #e9e9e9;
  border-color: #e9e9e9;
}
sn-community-article-card .network-price {
  color: #6F6F6F;
}

sn-availablity .availability-container {
  background-color: #ffffff;
}

sn-community-article-selection .card {
  border: 1px solid #cccccc;
}
sn-community-article-selection .card:hover {
  background-color: #ffe0ba;
}
sn-community-article-selection .card.selected {
  border-color: #fd9a3b;
}
sn-community-article-selection .card.selected:hover {
  background-color: #ffe0ba;
}
sn-community-article-selection .card.disabled {
  background-color: unset;
  color: #e9e9e9;
  border-color: #e9e9e9;
}

sn-community-article-detail .price {
  color: #fd9a3b;
}
sn-community-article-detail .supplier-name-and-icon .partner-status-icon {
  border: 1px solid #15416b;
}
sn-community-article-detail mat-expansion-panel {
  border: 1px solid lightgray;
}
sn-community-article-detail .status-green {
  color: green;
}
sn-community-article-detail .status-red {
  color: red;
}
sn-community-article-detail .partnership-text {
  color: #9E9E9E;
}

sn-community-supplier-comparison .card {
  border: 1px solid #cccccc;
}
sn-community-supplier-comparison .card:hover {
  background-color: #ffe0ba;
}
sn-community-supplier-comparison .card.selected {
  border-color: #fd9a3b;
}
sn-community-supplier-comparison .card.selected:hover {
  background-color: #ffe0ba;
}
sn-community-supplier-comparison .card.disabled {
  background-color: unset;
  color: #e9e9e9;
  border-color: #e9e9e9;
}
sn-community-supplier-comparison .card .supplier-link {
  color: #fd9a3b;
}
sn-community-supplier-comparison .card .price {
  color: #fd9a3b;
}
sn-community-supplier-comparison .card .supplier-country-and-icon .partner-status-icon {
  border: 1px solid #15416b;
}

sn-filter-tree {
  color: rgba(0, 0, 0, 0.8705882353);
}
sn-filter-tree .selected {
  color: #fd9a3b;
}
sn-filter-tree .clickable:hover {
  color: #ffa849;
}
sn-filter-tree .category-icon {
  color: #6F6F6F;
}

sn-filter-checkbox {
  color: rgba(0, 0, 0, 0.8705882353);
}
sn-filter-checkbox .align-right.disabled {
  color: #9E9E9E;
}

sn-filter-overlay-container {
  color: rgba(0, 0, 0, 0.8705882353);
}

.router-nav-submenu-container {
  background-color: #3e5b7d;
}
.router-nav-submenu-container div:hover, .router-nav-submenu-container div.active {
  background-color: #fd9a3b;
}
.router-nav-submenu-container a {
  color: unset;
  text-decoration: unset;
}

.side-navigation-container {
  background-color: #15416b;
}

.side-navigation-container::-webkit-scrollbar-thumb {
  background-color: #e97132;
}

sn-product-detail-category-assign-edit-view-dialog .hierarchical-container .hierarchical-tree-container {
  background-color: #fafafa;
}

sn-product-article-media-placeholder .custom-description {
  color: #9E9E9E;
}
sn-product-article-media-placeholder .mat-mdc-card:hover {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
sn-product-article-media-placeholder .drop {
  border: #5f7691 dashed 2px !important;
}
sn-product-article-media-placeholder .content-container .description {
  color: #C8C8C8;
}
sn-product-article-media-placeholder .product-media-placeholder-card .mat-mdc-card {
  background: #fafafa;
  border: 2px dashed #C8C8C8;
}
sn-product-article-media-placeholder .preview-container {
  background-color: #f2f2f2;
}
sn-product-article-media-placeholder .preview-container mat-icon {
  color: #C8C8C8;
}

sn-product-article-media-card.cdk-drag-preview {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
sn-product-article-media-card .custom-description {
  color: #9E9E9E;
}
sn-product-article-media-card .product-media-card .preview-container mat-icon {
  color: #6F6F6F;
}
sn-product-article-media-card .product-media-card .preview-container .video-container {
  background-color: black;
}
sn-product-article-media-card .product-media-card .preview-container .video-container sn-image {
  opacity: 0.5;
}
sn-product-article-media-card .product-media-card .preview-container .video-container .overlay-icon mat-icon {
  color: #C8C8C8;
}
sn-product-article-media-card .mat-mdc-card:hover {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

sn-product-article-media-cards .drop-placeholder {
  border: #5f7691 dashed 2px;
  background: #e3e7eb;
}

.partner-product-info {
  background-color: #f2f2f2;
}

.partner-article-info {
  background-color: #f2f2f2;
}

.community-stepper-container {
  background-color: #ffffff;
}

.community-partner-settings-container .text-title {
  color: #6F6F6F;
}

.sales-group-settings-view-container .card-label-channel {
  color: rgba(0, 0, 0, 0.5411764706);
}
.sales-group-settings-view-container .card-label-channel.error {
  color: #d8303e;
}

.card-option-container.card-enabled {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.card-option-container.card-enabled.selected {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.card-option-container.card-enabled .card-option-header .card-option-header-icon {
  color: #9E9E9E;
}
.card-option-container.card-enabled .card-option-header .card-option-header-icon.selected {
  color: #52d200;
}
.card-option-container.card-enabled .card-option-header .card-option-title {
  color: #3e5b7d;
}
.card-option-container.card-enabled .card-option-content .card-option-content-description {
  color: #9E9E9E;
}
.card-option-container.card-enabled .card-option-content .card-option-content-icon {
  color: #15416b;
}

sn-create-product-images-step .drop-zone {
  background: #f2f2f2;
  border: 2px dashed #6F6F6F;
}
sn-create-product-images-step .drop-zone.drop {
  border: #5f7691 dashed 2px;
  background: #e3e7eb;
}
sn-create-product-images-step .thumbnail-container-square {
  background-color: white;
}
sn-create-product-images-step .placeholder-container .placeholder .thumbnail-container-square {
  border: solid 1px rgba(62, 91, 125, 0.3);
}
sn-create-product-images-step .placeholder-container .placeholder .thumbnail-container-square img {
  opacity: 30%;
}
sn-create-product-images-step .placeholder-container mat-icon {
  color: rgba(62, 91, 125, 0.3);
}

#purchase-price-sub-column {
  color: #9E9E9E;
}

#upward-arrow {
  color: red;
}

#downward-arrow {
  color: green;
}

#current-price-agreement-sub-column {
  color: #9E9E9E;
}

#planned-price-agreement-sub-column {
  color: #9E9E9E;
}

sn-trade-detail-panel .country-currency-information {
  color: #9E9E9E;
}
sn-trade-detail-panel .title {
  color: #15416b;
}

#timeline-item {
  color: rgba(0, 0, 0, 0.5411764706);
}
#timeline-item .content {
  color: rgba(0, 0, 0, 0.5411764706);
  background-color: #e9e9e9;
}
#timeline-item .content.active {
  color: white;
  background-color: #3e5b7d;
}
#timeline-item .time-graph-line {
  background-color: #e9e9e9;
}
#timeline-item .time-graph-line.active {
  background-color: #3e5b7d;
}
#timeline-item .time-graph-dot {
  color: #e9e9e9;
}
#timeline-item .time-graph-dot.active {
  color: #3e5b7d;
}
#timeline-item .arrow-left {
  border-color: transparent #e9e9e9 transparent transparent;
}
#timeline-item .arrow-left.active {
  border-color: transparent #3e5b7d transparent transparent;
}

#container-bubble-partner-price .purchase-price-abbreviation {
  border-bottom-color: #cccccc;
}
#container-bubble-partner-price .purchase-price {
  border-bottom-color: #cccccc;
}
#container-bubble-partner-price .base-price-info {
  color: #ffa849;
}

h1 {
  color: #6F6F6F !important;
}

sn-filter-chip .filter-chip {
  background-color: #f2f2f2;
  color: rgba(0, 0, 0, 0.87);
}
sn-filter-chip .filter-chip.has-selection {
  background-color: #3e5b7d;
  color: white;
}
sn-filter-chip .filter-chip.highlighted {
  background-color: #fd9a3b;
  color: white;
}
sn-filter-chip .filter-chip.disabled {
  background-color: #fafafa;
  color: #9E9E9E;
  border: 1px solid #f2f2f2;
}

sn-filter mat-icon,
sn-filter .more-filter-text {
  color: #3e5b7d;
}

#order-detail-information-icon {
  color: #3e5b7d;
}
#order-detail-information-icon:hover {
  color: #ffa849;
}

.border {
  border: 1px solid #e9e9e9;
}

.order-item-cards-labels {
  color: rgba(0, 0, 0, 0.6);
  background-color: white;
}

sn-generic-setting .highlighted-text {
  background-color: #fd9a3b;
}
sn-generic-setting .generic-setting-panel mat-expansion-panel mat-expansion-panel-header mat-icon {
  width: 14px !important;
  height: 14px !important;
  font-size: 14px !important;
  line-height: 14px !important;
  transform: scale(1.5) !important;
  margin-right: 0 !important;
  color: #15416b !important;
}

sn-shipping-cost-entry .shipping-cost {
  border: 1px solid #e9e9e9;
  border-radius: 8px;
}

sn-shipping-costs .container {
  background-color: white;
}
sn-shipping-costs .header {
  color: #6F6F6F;
}

sn-community-profile .card-edit-container button {
  color: #15416b !important;
}
sn-community-profile .drop-placeholder {
  border: #5f7691 dashed 2px;
  background: #e3e7eb;
}
sn-community-profile .contact-edit-card,
sn-community-profile .contact-view-card {
  border: 1px solid #e9e9e9;
}
sn-community-profile .contact-edit-card .address-card {
  border-color: #e9e9e9;
}
sn-community-profile .contact-edit-card .address-card .card-header h3 {
  color: #15416b;
}
sn-community-profile .contact-edit-card .address-card .card-content {
  border-color: #e9e9e9;
}

.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-channel-title,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-country-and-currency-title,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-channel-title,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-country-and-currency-title {
  color: #6F6F6F;
}

.page-title {
  color: #15416b;
}

sn-text-editor .overlay {
  background-color: black;
  color: white;
}

sn-product-article-availability-import .import-stepper-help-container .help-icon.mat-mdc-button:not(:disabled) {
  color: #15416b;
}

sn-sales-group-status-info .sales-group-status-info {
  color: #6F6F6F;
}
sn-sales-group-status-info .sales-group-status-info #info-message-icon.ERROR {
  color: red;
}
sn-sales-group-status-info .sales-group-status-info #info-message-icon.WARN {
  color: orange;
}
sn-sales-group-status-info .sales-group-status-info #info-message-icon.INFO {
  color: #15416b;
}
sn-sales-group-status-info .sales-group-status-info #info-message-icon.SUCCESS {
  color: green;
}

sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container mat-icon.select, sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container button.select {
  color: rgba(0, 0, 0, 0.87);
}
sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container mat-icon.highlighted, sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container mat-icon.cancel, sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container button.highlighted, sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container button.cancel {
  color: white;
}
sn-filter-selection .filter-chip.disabled mat-icon, sn-filter-selection .filter-chip.disabled button {
  color: #9E9E9E;
}

sn-purchase-order-detail .dispatch-group {
  border-color: #e9e9e9;
}
sn-purchase-order-detail .dispatch-group .dispatch-group-header {
  border-color: #e9e9e9;
  background-color: #e9e9e9;
}
sn-purchase-order-detail .order-status-container {
  background-color: white;
}
sn-purchase-order-detail .order-total-container {
  border-color: #e9e9e9;
}

sn-shopping-cart-detail h1 {
  color: #15416b !important;
}
sn-shopping-cart-detail .supplier-group-wrapper {
  background-color: #ffffff;
}
sn-shopping-cart-detail .subtotal-container {
  background-color: #ffffff;
}
sn-shopping-cart-detail .subtotal-header h2 {
  color: #15416b !important;
}
sn-shopping-cart-detail .subtotal-summary__label {
  color: #9E9E9E;
}
sn-shopping-cart-detail .subtotal-summary__value {
  color: #9E9E9E;
}

sn-shopping-cart-detail-supplier-group .supplier-group-header h2 {
  color: #15416b !important;
}
sn-shopping-cart-detail-supplier-group .supplier-summary__label-primary {
  color: #9E9E9E;
}
sn-shopping-cart-detail-supplier-group .supplier-summary__label-secondary {
  color: #cccccc;
}
sn-shopping-cart-detail-supplier-group .value {
  color: #9E9E9E;
}

sn-shopping-cart-detail-item .text, sn-shopping-cart-detail-item .delivery-time {
  color: #9E9E9E;
}
sn-shopping-cart-detail-item .error-message, sn-shopping-cart-detail-item .warning-message {
  color: red;
}

sn-shopping-cart-checkout .checkout-container .checkout-title h1 {
  color: #15416b !important;
}
sn-shopping-cart-checkout .checkout-container .section-header h2 {
  color: #15416b;
}
sn-shopping-cart-checkout .checkout-container .checkout-card {
  background-color: white;
  border-color: #e9e9e9;
}
sn-shopping-cart-checkout .checkout-container .checkout-card .card-header h3 {
  color: #15416b;
}
sn-shopping-cart-checkout .checkout-container .checkout-card .card-content {
  border-color: #e9e9e9;
}

sn-shopping-cart-confirmation .confirmation-container .confirmation-header h1 {
  color: #15416b !important;
}
sn-shopping-cart-confirmation .confirmation-container .confirmation-content .confirmation-card {
  background-color: white;
  border-color: #e9e9e9;
}
sn-shopping-cart-confirmation .confirmation-container .confirmation-content .confirmation-card .card-header h2 {
  color: #15416b;
}

sn-community-partner-card-incoming-view {
  background-color: #ffffff;
}
sn-community-partner-card-incoming-view .partner-logo {
  border: #f2f2f2 1px solid;
}
sn-community-partner-card-incoming-view .text-title {
  color: #6F6F6F;
}

sn-platform-category-assignment-dialog .hierarchical-container .hierarchical-tree-container {
  background-color: #fafafa;
}

sn-community-articles-list-header .country-currency-button {
  color: #15416b;
  text-decoration: underline;
}
sn-community-articles-list-header .country-currency-hint {
  background-color: #e3e7eb;
  border-color: #b7c2d0;
  color: #0d3b63;
}
sn-community-articles-list-header .country-currency-hint .currency-link-btn {
  text-decoration: underline;
  cursor: pointer;
}

sn-company-address-view .address-card {
  background-color: white;
  border-color: #e9e9e9;
}
sn-company-address-view .address-card .card-header h3 {
  color: #15416b;
}
sn-company-address-view .address-card .card-content {
  border-color: #e9e9e9;
}

sn-breadcrumbs .breadcrumbs-container {
  color: #15416b;
}
sn-breadcrumbs .breadcrumbs-container .breadcrumb-current {
  color: #6F6F6F;
}

.warehouse-address-section .warehouse-no-address {
  border-color: #e9e9e9;
}
.warehouse-address-section .warehouse-no-address .no-address-selected {
  color: #6F6F6F;
  background-color: #f2f2f2;
}

sn-registration-stepper, .dark-mode {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --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);
  --mat-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-label-text-color: #4a7aab;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
sn-registration-stepper .mat-accent, .dark-mode .mat-accent {
  --mat-option-selected-state-label-text-color: #dd7331;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
sn-registration-stepper .mat-warn, .dark-mode .mat-warn {
  --mat-option-selected-state-label-text-color: #cf6679;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
}
sn-registration-stepper, .dark-mode {
  --mat-optgroup-label-text-color: white;
  --mat-pseudo-checkbox-full-selected-icon-color: #dd7331;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dd7331;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
sn-registration-stepper .mat-primary, .dark-mode .mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #4a7aab;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #4a7aab;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
sn-registration-stepper .mat-accent, .dark-mode .mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #dd7331;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dd7331;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
sn-registration-stepper .mat-warn, .dark-mode .mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #cf6679;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #cf6679;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
}
sn-registration-stepper, .dark-mode {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: #424242;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: #424242;
  --mat-card-outlined-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-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mat-card-filled-container-color: #424242;
  --mat-card-filled-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-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
sn-registration-stepper .mat-mdc-progress-bar, .dark-mode .mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #4a7aab;
  --mat-progress-bar-track-color: rgba(74, 122, 171, 0.25);
}
sn-registration-stepper .mat-mdc-progress-bar.mat-accent, .dark-mode .mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #dd7331;
  --mat-progress-bar-track-color: rgba(221, 115, 49, 0.25);
}
sn-registration-stepper .mat-mdc-progress-bar.mat-warn, .dark-mode .mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #cf6679;
  --mat-progress-bar-track-color: rgba(207, 102, 121, 0.25);
}
sn-registration-stepper, .dark-mode {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: white;
  --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #4a7aab 87%, transparent);
  --mat-form-field-filled-caret-color: #4a7aab;
  --mat-form-field-filled-focus-active-indicator-color: #4a7aab;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #4a7aab 87%, transparent);
  --mat-form-field-outlined-caret-color: #4a7aab;
  --mat-form-field-outlined-focus-outline-color: #4a7aab;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #4a7aab 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-state-layer-color: white;
  --mat-form-field-error-text-color: #cf6679;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --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(255, 255, 255, 0.7);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #4a4a4a;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-color: white;
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-error-hover-label-text-color: #cf6679;
  --mat-form-field-filled-error-focus-label-text-color: #cf6679;
  --mat-form-field-filled-error-label-text-color: #cf6679;
  --mat-form-field-filled-error-caret-color: #cf6679;
  --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: white;
  --mat-form-field-filled-error-active-indicator-color: #cf6679;
  --mat-form-field-filled-error-focus-active-indicator-color: #cf6679;
  --mat-form-field-filled-error-hover-active-indicator-color: #cf6679;
  --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-hover-label-text-color: white;
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-color: white;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
  --mat-form-field-outlined-error-caret-color: #cf6679;
  --mat-form-field-outlined-error-focus-label-text-color: #cf6679;
  --mat-form-field-outlined-error-label-text-color: #cf6679;
  --mat-form-field-outlined-error-hover-label-text-color: #cf6679;
  --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: white;
  --mat-form-field-outlined-error-focus-outline-color: #cf6679;
  --mat-form-field-outlined-error-hover-outline-color: #cf6679;
  --mat-form-field-outlined-error-outline-color: #cf6679;
}
sn-registration-stepper .mat-mdc-form-field.mat-accent, .dark-mode .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #dd7331 87%, transparent);
  --mat-form-field-filled-caret-color: #dd7331;
  --mat-form-field-filled-focus-active-indicator-color: #dd7331;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #dd7331 87%, transparent);
  --mat-form-field-outlined-caret-color: #dd7331;
  --mat-form-field-outlined-focus-outline-color: #dd7331;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #dd7331 87%, transparent);
}
sn-registration-stepper .mat-mdc-form-field.mat-warn, .dark-mode .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #cf6679 87%, transparent);
  --mat-form-field-filled-caret-color: #cf6679;
  --mat-form-field-filled-focus-active-indicator-color: #cf6679;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #cf6679 87%, transparent);
  --mat-form-field-outlined-caret-color: #cf6679;
  --mat-form-field-outlined-focus-outline-color: #cf6679;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #cf6679 87%, transparent);
}
sn-registration-stepper, .dark-mode {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --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);
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #4a7aab;
  --mat-select-invalid-arrow-color: #cf6679;
}
sn-registration-stepper .mat-mdc-form-field.mat-accent, .dark-mode .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #dd7331;
  --mat-select-invalid-arrow-color: #cf6679;
}
sn-registration-stepper .mat-mdc-form-field.mat-warn, .dark-mode .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: white;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
  --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
  --mat-select-focused-arrow-color: #cf6679;
  --mat-select-invalid-arrow-color: #cf6679;
}
sn-registration-stepper, .dark-mode {
  --mat-select-arrow-transform: translateY(-8px);
  --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);
  --mat-autocomplete-background-color: #424242;
  --mat-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;
  --mat-dialog-container-color: #424242;
  --mat-dialog-subhead-color: white;
  --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
}
sn-registration-stepper .mat-mdc-standard-chip, .dark-mode .mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
sn-registration-stepper .mat-mdc-standard-chip, .dark-mode .mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
sn-registration-stepper .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, sn-registration-stepper .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .dark-mode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .dark-mode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #4a7aab;
  --mat-chip-elevated-disabled-container-color: #4a7aab;
  --mat-chip-elevated-selected-container-color: #4a7aab;
  --mat-chip-flat-disabled-selected-container-color: #4a7aab;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
sn-registration-stepper .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, sn-registration-stepper .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .dark-mode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .dark-mode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #dd7331;
  --mat-chip-elevated-disabled-container-color: #dd7331;
  --mat-chip-elevated-selected-container-color: #dd7331;
  --mat-chip-flat-disabled-selected-container-color: #dd7331;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
sn-registration-stepper .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, sn-registration-stepper .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .dark-mode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .dark-mode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #000000;
  --mat-chip-elevated-container-color: #cf6679;
  --mat-chip-elevated-disabled-container-color: #cf6679;
  --mat-chip-elevated-selected-container-color: #cf6679;
  --mat-chip-flat-disabled-selected-container-color: #cf6679;
  --mat-chip-focus-state-layer-color: white;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: white;
  --mat-chip-label-text-color: #000000;
  --mat-chip-selected-disabled-trailing-icon-color: #000000;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #000000;
  --mat-chip-selected-trailing-icon-color: #000000;
  --mat-chip-with-icon-disabled-icon-color: #000000;
  --mat-chip-with-icon-icon-color: #000000;
  --mat-chip-with-icon-selected-icon-color: #000000;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #000000;
  --mat-chip-with-trailing-icon-trailing-icon-color: #000000;
}
sn-registration-stepper .mat-mdc-chip.mat-mdc-standard-chip, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
sn-registration-stepper, .dark-mode {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #4a7aab;
  --mat-slide-toggle-selected-handle-color: #4a7aab;
  --mat-slide-toggle-selected-hover-state-layer-color: #4a7aab;
  --mat-slide-toggle-selected-pressed-state-layer-color: #4a7aab;
  --mat-slide-toggle-selected-focus-handle-color: #4a7aab;
  --mat-slide-toggle-selected-hover-handle-color: #4a7aab;
  --mat-slide-toggle-selected-pressed-handle-color: #4a7aab;
  --mat-slide-toggle-selected-focus-track-color: #4372a4;
  --mat-slide-toggle-selected-hover-track-color: #4372a4;
  --mat-slide-toggle-selected-pressed-track-color: #4372a4;
  --mat-slide-toggle-selected-track-color: #4372a4;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: white;
  --mat-slide-toggle-disabled-selected-track-color: white;
  --mat-slide-toggle-disabled-unselected-handle-color: white;
  --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-disabled-unselected-track-color: white;
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: #424242;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-unselected-hover-handle-color: white;
  --mat-slide-toggle-unselected-focus-handle-color: white;
  --mat-slide-toggle-unselected-focus-state-layer-color: white;
  --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-icon-color: #4a4a4a;
  --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
  --mat-slide-toggle-unselected-hover-state-layer-color: white;
  --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: white;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: white;
  --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
}
sn-registration-stepper .mat-mdc-slide-toggle.mat-accent, .dark-mode .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #dd7331;
  --mat-slide-toggle-selected-handle-color: #dd7331;
  --mat-slide-toggle-selected-hover-state-layer-color: #dd7331;
  --mat-slide-toggle-selected-pressed-state-layer-color: #dd7331;
  --mat-slide-toggle-selected-focus-handle-color: #dd7331;
  --mat-slide-toggle-selected-hover-handle-color: #dd7331;
  --mat-slide-toggle-selected-pressed-handle-color: #dd7331;
  --mat-slide-toggle-selected-focus-track-color: #d86b2c;
  --mat-slide-toggle-selected-hover-track-color: #d86b2c;
  --mat-slide-toggle-selected-pressed-track-color: #d86b2c;
  --mat-slide-toggle-selected-track-color: #d86b2c;
}
sn-registration-stepper .mat-mdc-slide-toggle.mat-warn, .dark-mode .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #000000;
  --mat-slide-toggle-disabled-selected-icon-color: #000000;
  --mat-slide-toggle-selected-focus-state-layer-color: #cf6679;
  --mat-slide-toggle-selected-handle-color: #cf6679;
  --mat-slide-toggle-selected-hover-state-layer-color: #cf6679;
  --mat-slide-toggle-selected-pressed-state-layer-color: #cf6679;
  --mat-slide-toggle-selected-focus-handle-color: #cf6679;
  --mat-slide-toggle-selected-hover-handle-color: #cf6679;
  --mat-slide-toggle-selected-pressed-handle-color: #cf6679;
  --mat-slide-toggle-selected-focus-track-color: #ca5e71;
  --mat-slide-toggle-selected-hover-track-color: #ca5e71;
  --mat-slide-toggle-selected-pressed-track-color: #ca5e71;
  --mat-slide-toggle-selected-track-color: #ca5e71;
}
sn-registration-stepper, .dark-mode {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
sn-registration-stepper .mat-mdc-radio-button.mat-primary, .dark-mode .mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #4a7aab;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #4a7aab;
  --mat-radio-selected-hover-icon-color: #4a7aab;
  --mat-radio-selected-icon-color: #4a7aab;
  --mat-radio-selected-pressed-icon-color: #4a7aab;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
sn-registration-stepper .mat-mdc-radio-button.mat-accent, .dark-mode .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #dd7331;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dd7331;
  --mat-radio-selected-hover-icon-color: #dd7331;
  --mat-radio-selected-icon-color: #dd7331;
  --mat-radio-selected-pressed-icon-color: #dd7331;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
sn-registration-stepper .mat-mdc-radio-button.mat-warn, .dark-mode .mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #cf6679;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #cf6679;
  --mat-radio-selected-hover-icon-color: #cf6679;
  --mat-radio-selected-icon-color: #cf6679;
  --mat-radio-selected-pressed-icon-color: #cf6679;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
sn-registration-stepper, .dark-mode {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-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-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #4a7aab;
  --mat-slider-focus-handle-color: #4a7aab;
  --mat-slider-handle-color: #4a7aab;
  --mat-slider-hover-handle-color: #4a7aab;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #4a7aab 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #4a7aab 4%, transparent);
  --mat-slider-inactive-track-color: #4a7aab;
  --mat-slider-ripple-color: #4a7aab;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #4a7aab;
  --mat-slider-disabled-active-track-color: white;
  --mat-slider-disabled-handle-color: white;
  --mat-slider-disabled-inactive-track-color: white;
  --mat-slider-label-container-color: white;
  --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: white;
  --mat-slider-with-tick-marks-disabled-container-color: white;
}
sn-registration-stepper .mat-accent, .dark-mode .mat-accent {
  --mat-slider-active-track-color: #dd7331;
  --mat-slider-focus-handle-color: #dd7331;
  --mat-slider-handle-color: #dd7331;
  --mat-slider-hover-handle-color: #dd7331;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #dd7331 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #dd7331 4%, transparent);
  --mat-slider-inactive-track-color: #dd7331;
  --mat-slider-ripple-color: #dd7331;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #dd7331;
}
sn-registration-stepper .mat-warn, .dark-mode .mat-warn {
  --mat-slider-active-track-color: #cf6679;
  --mat-slider-focus-handle-color: #cf6679;
  --mat-slider-handle-color: #cf6679;
  --mat-slider-hover-handle-color: #cf6679;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #cf6679 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #cf6679 4%, transparent);
  --mat-slider-inactive-track-color: #cf6679;
  --mat-slider-ripple-color: #cf6679;
  --mat-slider-with-tick-marks-active-container-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #cf6679;
}
sn-registration-stepper, .dark-mode {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: white;
  --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-disabled-label-text-color: white;
  --mat-list-list-item-disabled-leading-icon-color: white;
  --mat-list-list-item-disabled-trailing-icon-color: white;
  --mat-list-list-item-hover-label-text-color: white;
  --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-hover-state-layer-color: white;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
  --mat-list-list-item-focus-label-text-color: white;
  --mat-list-list-item-focus-state-layer-color: white;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
sn-registration-stepper .mdc-list-item__start,
sn-registration-stepper .mdc-list-item__end, .dark-mode .mdc-list-item__start,
.dark-mode .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #4a7aab;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #4a7aab;
  --mat-radio-selected-hover-icon-color: #4a7aab;
  --mat-radio-selected-icon-color: #4a7aab;
  --mat-radio-selected-pressed-icon-color: #4a7aab;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
sn-registration-stepper .mat-accent .mdc-list-item__start,
sn-registration-stepper .mat-accent .mdc-list-item__end, .dark-mode .mat-accent .mdc-list-item__start,
.dark-mode .mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #dd7331;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #dd7331;
  --mat-radio-selected-hover-icon-color: #dd7331;
  --mat-radio-selected-icon-color: #dd7331;
  --mat-radio-selected-pressed-icon-color: #dd7331;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
sn-registration-stepper .mat-warn .mdc-list-item__start,
sn-registration-stepper .mat-warn .mdc-list-item__end, .dark-mode .mat-warn .mdc-list-item__start,
.dark-mode .mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #cf6679;
  --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-radio-disabled-selected-icon-color: white;
  --mat-radio-disabled-unselected-icon-color: white;
  --mat-radio-label-text-color: white;
  --mat-radio-ripple-color: white;
  --mat-radio-selected-focus-icon-color: #cf6679;
  --mat-radio-selected-hover-icon-color: #cf6679;
  --mat-radio-selected-icon-color: #cf6679;
  --mat-radio-selected-pressed-icon-color: #cf6679;
  --mat-radio-unselected-focus-icon-color: white;
  --mat-radio-unselected-hover-icon-color: white;
  --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-radio-unselected-pressed-icon-color: white;
}
sn-registration-stepper .mat-mdc-list-option, .dark-mode .mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #4a7aab;
  --mat-checkbox-selected-hover-icon-color: #4a7aab;
  --mat-checkbox-selected-icon-color: #4a7aab;
  --mat-checkbox-selected-pressed-icon-color: #4a7aab;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #4a7aab;
  --mat-checkbox-selected-hover-state-layer-color: #4a7aab;
  --mat-checkbox-selected-pressed-state-layer-color: #4a7aab;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
sn-registration-stepper .mat-mdc-list-option.mat-accent, .dark-mode .mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #dd7331;
  --mat-checkbox-selected-hover-icon-color: #dd7331;
  --mat-checkbox-selected-icon-color: #dd7331;
  --mat-checkbox-selected-pressed-icon-color: #dd7331;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #dd7331;
  --mat-checkbox-selected-hover-state-layer-color: #dd7331;
  --mat-checkbox-selected-pressed-state-layer-color: #dd7331;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
sn-registration-stepper .mat-mdc-list-option.mat-warn, .dark-mode .mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #cf6679;
  --mat-checkbox-selected-hover-icon-color: #cf6679;
  --mat-checkbox-selected-icon-color: #cf6679;
  --mat-checkbox-selected-pressed-icon-color: #cf6679;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #cf6679;
  --mat-checkbox-selected-hover-state-layer-color: #cf6679;
  --mat-checkbox-selected-pressed-state-layer-color: #cf6679;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
sn-registration-stepper .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
sn-registration-stepper .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
sn-registration-stepper .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
sn-registration-stepper .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start, .dark-mode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dark-mode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.dark-mode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.dark-mode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #4a7aab;
}
sn-registration-stepper .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
sn-registration-stepper .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
sn-registration-stepper .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end, .dark-mode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dark-mode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dark-mode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
sn-registration-stepper, .dark-mode {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
sn-registration-stepper .mdc-list-item__start,
sn-registration-stepper .mdc-list-item__end, .dark-mode .mdc-list-item__start,
.dark-mode .mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
sn-registration-stepper .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, sn-registration-stepper .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, sn-registration-stepper .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
sn-registration-stepper .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, sn-registration-stepper .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, sn-registration-stepper .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
sn-registration-stepper, .dark-mode {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: white;
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
sn-registration-stepper .mat-mdc-tab-group,
sn-registration-stepper .mat-mdc-tab-nav-bar, .dark-mode .mat-mdc-tab-group,
.dark-mode .mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #4a7aab;
  --mat-tab-active-ripple-color: #4a7aab;
  --mat-tab-inactive-ripple-color: #4a7aab;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #4a7aab;
  --mat-tab-active-hover-label-text-color: #4a7aab;
  --mat-tab-active-focus-indicator-color: #4a7aab;
  --mat-tab-active-hover-indicator-color: #4a7aab;
  --mat-tab-active-indicator-color: #4a7aab;
}
sn-registration-stepper .mat-mdc-tab-group.mat-accent,
sn-registration-stepper .mat-mdc-tab-nav-bar.mat-accent, .dark-mode .mat-mdc-tab-group.mat-accent,
.dark-mode .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #dd7331;
  --mat-tab-active-ripple-color: #dd7331;
  --mat-tab-inactive-ripple-color: #dd7331;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #dd7331;
  --mat-tab-active-hover-label-text-color: #dd7331;
  --mat-tab-active-focus-indicator-color: #dd7331;
  --mat-tab-active-hover-indicator-color: #dd7331;
  --mat-tab-active-indicator-color: #dd7331;
}
sn-registration-stepper .mat-mdc-tab-group.mat-warn,
sn-registration-stepper .mat-mdc-tab-nav-bar.mat-warn, .dark-mode .mat-mdc-tab-group.mat-warn,
.dark-mode .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
  --mat-tab-pagination-icon-color: white;
  --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-label-text-color: #cf6679;
  --mat-tab-active-ripple-color: #cf6679;
  --mat-tab-inactive-ripple-color: #cf6679;
  --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-tab-active-focus-label-text-color: #cf6679;
  --mat-tab-active-hover-label-text-color: #cf6679;
  --mat-tab-active-focus-indicator-color: #cf6679;
  --mat-tab-active-hover-indicator-color: #cf6679;
  --mat-tab-active-indicator-color: #cf6679;
}
sn-registration-stepper .mat-mdc-tab-group.mat-background-primary,
sn-registration-stepper .mat-mdc-tab-nav-bar.mat-background-primary, .dark-mode .mat-mdc-tab-group.mat-background-primary,
.dark-mode .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #4a7aab;
  --mat-tab-foreground-color: #ffffff;
}
sn-registration-stepper .mat-mdc-tab-group.mat-background-accent,
sn-registration-stepper .mat-mdc-tab-nav-bar.mat-background-accent, .dark-mode .mat-mdc-tab-group.mat-background-accent,
.dark-mode .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #dd7331;
  --mat-tab-foreground-color: #ffffff;
}
sn-registration-stepper .mat-mdc-tab-group.mat-background-warn,
sn-registration-stepper .mat-mdc-tab-nav-bar.mat-background-warn, .dark-mode .mat-mdc-tab-group.mat-background-warn,
.dark-mode .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #cf6679;
  --mat-tab-foreground-color: #000000;
}
sn-registration-stepper .mat-mdc-tab-header, .dark-mode .mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
sn-registration-stepper, .dark-mode {
  --mat-checkbox-disabled-selected-checkmark-color: #424242;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-label-text-color: white;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #dd7331;
  --mat-checkbox-selected-hover-icon-color: #dd7331;
  --mat-checkbox-selected-icon-color: #dd7331;
  --mat-checkbox-selected-pressed-icon-color: #dd7331;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #dd7331;
  --mat-checkbox-selected-hover-state-layer-color: #dd7331;
  --mat-checkbox-selected-pressed-state-layer-color: #dd7331;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
sn-registration-stepper .mat-mdc-checkbox.mat-primary, .dark-mode .mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #4a7aab;
  --mat-checkbox-selected-hover-icon-color: #4a7aab;
  --mat-checkbox-selected-icon-color: #4a7aab;
  --mat-checkbox-selected-pressed-icon-color: #4a7aab;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #4a7aab;
  --mat-checkbox-selected-hover-state-layer-color: #4a7aab;
  --mat-checkbox-selected-pressed-state-layer-color: #4a7aab;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
sn-registration-stepper .mat-mdc-checkbox.mat-warn, .dark-mode .mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #000000;
  --mat-checkbox-selected-focus-icon-color: #cf6679;
  --mat-checkbox-selected-hover-icon-color: #cf6679;
  --mat-checkbox-selected-icon-color: #cf6679;
  --mat-checkbox-selected-pressed-icon-color: #cf6679;
  --mat-checkbox-unselected-focus-icon-color: white;
  --mat-checkbox-unselected-hover-icon-color: white;
  --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-checkbox-selected-focus-state-layer-color: #cf6679;
  --mat-checkbox-selected-hover-state-layer-color: #cf6679;
  --mat-checkbox-selected-pressed-state-layer-color: #cf6679;
  --mat-checkbox-unselected-focus-state-layer-color: white;
  --mat-checkbox-unselected-hover-state-layer-color: white;
  --mat-checkbox-unselected-pressed-state-layer-color: white;
}
sn-registration-stepper, .dark-mode {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: #424242;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: white;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-outlined-state-layer-color: white;
  --mat-button-protected-container-color: #424242;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: white;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-text-state-layer-color: white;
  --mat-button-tonal-container-color: #424242;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
sn-registration-stepper .mat-mdc-button.mat-primary,
sn-registration-stepper .mat-mdc-unelevated-button.mat-primary,
sn-registration-stepper .mat-mdc-raised-button.mat-primary,
sn-registration-stepper .mat-mdc-outlined-button.mat-primary,
sn-registration-stepper .mat-tonal-button.mat-primary, .dark-mode .mat-mdc-button.mat-primary,
.dark-mode .mat-mdc-unelevated-button.mat-primary,
.dark-mode .mat-mdc-raised-button.mat-primary,
.dark-mode .mat-mdc-outlined-button.mat-primary,
.dark-mode .mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #4a7aab;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #4a7aab;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #4a7aab 12%, transparent);
  --mat-button-outlined-state-layer-color: #4a7aab;
  --mat-button-protected-container-color: #4a7aab;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #4a7aab;
  --mat-button-text-ripple-color: color-mix(in srgb, #4a7aab 12%, transparent);
  --mat-button-text-state-layer-color: #4a7aab;
  --mat-button-tonal-container-color: #4a7aab;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
sn-registration-stepper .mat-mdc-button.mat-accent,
sn-registration-stepper .mat-mdc-unelevated-button.mat-accent,
sn-registration-stepper .mat-mdc-raised-button.mat-accent,
sn-registration-stepper .mat-mdc-outlined-button.mat-accent,
sn-registration-stepper .mat-tonal-button.mat-accent, .dark-mode .mat-mdc-button.mat-accent,
.dark-mode .mat-mdc-unelevated-button.mat-accent,
.dark-mode .mat-mdc-raised-button.mat-accent,
.dark-mode .mat-mdc-outlined-button.mat-accent,
.dark-mode .mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #dd7331;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #dd7331;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #dd7331 12%, transparent);
  --mat-button-outlined-state-layer-color: #dd7331;
  --mat-button-protected-container-color: #dd7331;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #dd7331;
  --mat-button-text-ripple-color: color-mix(in srgb, #dd7331 12%, transparent);
  --mat-button-text-state-layer-color: #dd7331;
  --mat-button-tonal-container-color: #dd7331;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
sn-registration-stepper .mat-mdc-button.mat-warn,
sn-registration-stepper .mat-mdc-unelevated-button.mat-warn,
sn-registration-stepper .mat-mdc-raised-button.mat-warn,
sn-registration-stepper .mat-mdc-outlined-button.mat-warn,
sn-registration-stepper .mat-tonal-button.mat-warn, .dark-mode .mat-mdc-button.mat-warn,
.dark-mode .mat-mdc-unelevated-button.mat-warn,
.dark-mode .mat-mdc-raised-button.mat-warn,
.dark-mode .mat-mdc-outlined-button.mat-warn,
.dark-mode .mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #cf6679;
  --mat-button-filled-label-text-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-filled-state-layer-color: #000000;
  --mat-button-outlined-label-text-color: #cf6679;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #cf6679 12%, transparent);
  --mat-button-outlined-state-layer-color: #cf6679;
  --mat-button-protected-container-color: #cf6679;
  --mat-button-protected-label-text-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-protected-state-layer-color: #000000;
  --mat-button-text-label-text-color: #cf6679;
  --mat-button-text-ripple-color: color-mix(in srgb, #cf6679 12%, transparent);
  --mat-button-text-state-layer-color: #cf6679;
  --mat-button-tonal-container-color: #cf6679;
  --mat-button-tonal-label-text-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-tonal-state-layer-color: #000000;
}
sn-registration-stepper, .dark-mode {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-icon-button-state-layer-color: white;
}
sn-registration-stepper .mat-mdc-icon-button.mat-primary, .dark-mode .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #4a7aab;
  --mat-icon-button-state-layer-color: #4a7aab;
  --mat-icon-button-ripple-color: color-mix(in srgb, #4a7aab 12%, transparent);
}
sn-registration-stepper .mat-mdc-icon-button.mat-accent, .dark-mode .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #dd7331;
  --mat-icon-button-state-layer-color: #dd7331;
  --mat-icon-button-ripple-color: color-mix(in srgb, #dd7331 12%, transparent);
}
sn-registration-stepper .mat-mdc-icon-button.mat-warn, .dark-mode .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #cf6679;
  --mat-icon-button-state-layer-color: #cf6679;
  --mat-icon-button-ripple-color: color-mix(in srgb, #cf6679 12%, transparent);
}
sn-registration-stepper, .dark-mode {
  --mat-icon-button-touch-target-display: block;
}
sn-registration-stepper .mat-mdc-icon-button.mat-mdc-button-base, .dark-mode .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
sn-registration-stepper, .dark-mode {
  --mat-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);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-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);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-fab-container-color: #424242;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: white;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-container-color: #424242;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
sn-registration-stepper .mat-mdc-fab.mat-primary, sn-registration-stepper .mat-mdc-mini-fab.mat-primary, .dark-mode .mat-mdc-fab.mat-primary, .dark-mode .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #4a7aab;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #4a7aab 12%, transparent);
  --mat-fab-small-container-color: #4a7aab;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
sn-registration-stepper .mat-mdc-fab.mat-accent, sn-registration-stepper .mat-mdc-mini-fab.mat-accent, .dark-mode .mat-mdc-fab.mat-accent, .dark-mode .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #dd7331;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #dd7331 12%, transparent);
  --mat-fab-small-container-color: #dd7331;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
sn-registration-stepper .mat-mdc-fab.mat-warn, sn-registration-stepper .mat-mdc-mini-fab.mat-warn, .dark-mode .mat-mdc-fab.mat-warn, .dark-mode .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #cf6679;
  --mat-fab-foreground-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #cf6679 12%, transparent);
  --mat-fab-small-container-color: #cf6679;
  --mat-fab-small-foreground-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-state-layer-color: #000000;
  --mat-fab-state-layer-color: #000000;
}
sn-registration-stepper, .dark-mode {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: white;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mat-snack-bar-button-color: #4372a4;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #4a7aab;
}
sn-registration-stepper .mat-accent, .dark-mode .mat-accent {
  --mat-progress-spinner-active-indicator-color: #dd7331;
}
sn-registration-stepper .mat-warn, .dark-mode .mat-warn {
  --mat-progress-spinner-active-indicator-color: #cf6679;
}
sn-registration-stepper, .dark-mode {
  --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;
  --mat-badge-background-color: #4a7aab;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
}
sn-registration-stepper .mat-badge-accent, .dark-mode .mat-badge-accent {
  --mat-badge-background-color: #dd7331;
  --mat-badge-text-color: #ffffff;
}
sn-registration-stepper .mat-badge-warn, .dark-mode .mat-badge-warn {
  --mat-badge-background-color: #cf6679;
  --mat-badge-text-color: #000000;
}
sn-registration-stepper, .dark-mode {
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: #424242;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: #424242;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: #424242;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: white;
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-legacy-text-color: white;
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-state-layer-color: white;
  --mat-button-toggle-text-color: white;
  --mat-button-toggle-height: 48px;
  --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);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #4a7aab 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #dd7331 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #4a7aab;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #4a7aab 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #4a7aab 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #4a7aab 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #4a7aab;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
sn-registration-stepper .mat-datepicker-content.mat-accent, sn-registration-stepper .mat-datepicker-toggle-active.mat-accent, .dark-mode .mat-datepicker-content.mat-accent, .dark-mode .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #dd7331 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #dd7331 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #dd7331;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #dd7331 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #dd7331 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #dd7331 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #dd7331;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
sn-registration-stepper .mat-datepicker-content.mat-warn, sn-registration-stepper .mat-datepicker-toggle-active.mat-warn, .dark-mode .mat-datepicker-content.mat-warn, .dark-mode .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #cf6679 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #dd7331 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-selected-state-background-color: #cf6679;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #cf6679 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #000000;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #cf6679 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #cf6679 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #cf6679;
  --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
sn-registration-stepper .mat-calendar-controls, .dark-mode .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
sn-registration-stepper .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base, .dark-mode .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
sn-registration-stepper, .dark-mode {
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-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);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
}
sn-registration-stepper .mat-icon.mat-primary, .dark-mode .mat-icon.mat-primary {
  --mat-icon-color: #4a7aab;
}
sn-registration-stepper .mat-icon.mat-accent, .dark-mode .mat-icon.mat-accent {
  --mat-icon-color: #dd7331;
}
sn-registration-stepper .mat-icon.mat-warn, .dark-mode .mat-icon.mat-warn {
  --mat-icon-color: #cf6679;
}
sn-registration-stepper, .dark-mode {
  --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;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #4a7aab;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #4a7aab;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #4a7aab;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #cf6679;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #cf6679;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
sn-registration-stepper .mat-step-header.mat-accent, .dark-mode .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #dd7331;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #dd7331;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #dd7331;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}
sn-registration-stepper .mat-step-header.mat-warn, .dark-mode .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #000000;
  --mat-stepper-header-selected-state-icon-background-color: #cf6679;
  --mat-stepper-header-selected-state-icon-foreground-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #cf6679;
  --mat-stepper-header-done-state-icon-foreground-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #cf6679;
  --mat-stepper-header-edit-state-icon-foreground-color: #000000;
}
sn-registration-stepper, .dark-mode {
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: white;
  --mat-toolbar-container-background-color: #424242;
  --mat-toolbar-container-text-color: white;
}
sn-registration-stepper .mat-toolbar.mat-primary, .dark-mode .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4a7aab;
  --mat-toolbar-container-text-color: #ffffff;
}
sn-registration-stepper .mat-toolbar.mat-accent, .dark-mode .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #dd7331;
  --mat-toolbar-container-text-color: #ffffff;
}
sn-registration-stepper .mat-toolbar.mat-warn, .dark-mode .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #cf6679;
  --mat-toolbar-container-text-color: #000000;
}
sn-registration-stepper, .dark-mode {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-tree-node-min-height: 48px;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-timepicker-container-background-color: #424242;
}
sn-registration-stepper .mat-sidenav, .dark-mode .mat-sidenav {
  border-color: #ffb199;
}
sn-registration-stepper .showSideNav, .dark-mode .showSideNav {
  border-bottom: 0;
}
sn-registration-stepper .showSideNav .side-navigation-item-container-two mat-icon, .dark-mode .showSideNav .side-navigation-item-container-two mat-icon {
  color: #dd7331;
}
sn-registration-stepper .expand-container, .dark-mode .expand-container {
  color: #ffffff;
  background-color: #4a7aab;
  border-bottom: 1px solid #4a7aab;
}
sn-registration-stepper .base-navigation-container.mat-drawer-container, .dark-mode .base-navigation-container.mat-drawer-container {
  background-color: ghostwhite;
}
sn-registration-stepper .base-navigation-header, .dark-mode .base-navigation-header {
  background-color: white !important;
}
sn-registration-stepper .base-sub-navigation, .dark-mode .base-sub-navigation {
  background-color: !important;
}
sn-registration-stepper .base-sub-navigation mat-icon, .dark-mode .base-sub-navigation mat-icon {
  color: #4a7aab;
}
sn-registration-stepper .base-container, .dark-mode .base-container {
  background-color: ghostwhite;
}
sn-registration-stepper .base-content-router-container, .dark-mode .base-content-router-container {
  background-color: white;
  margin-bottom: 32px;
}
sn-registration-stepper .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar, .dark-mode .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: transparent;
}
sn-registration-stepper .header-title, .dark-mode .header-title {
  background-color: white;
  color: #ffffff;
}
sn-registration-stepper input, .dark-mode input {
  caret-color: #4a7aab;
  color: #4a7aab;
}
sn-registration-stepper input::-webkit-search-cancel-button, .dark-mode input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
sn-registration-stepper sn-side-navigation-item .side-navigation-item-container mat-icon, .dark-mode sn-side-navigation-item .side-navigation-item-container mat-icon {
  color: #ffffff;
}
sn-registration-stepper sn-side-navigation-item .side-navigation-item-container p, .dark-mode sn-side-navigation-item .side-navigation-item-container p {
  color: #ffffff;
}
sn-registration-stepper sn-side-navigation-item .side-navigation-item-container.active, .dark-mode sn-side-navigation-item .side-navigation-item-container.active {
  background-color: #dd7331;
}
sn-registration-stepper sn-side-navigation-item .side-navigation-item-container:hover, .dark-mode sn-side-navigation-item .side-navigation-item-container:hover {
  background-color: #dd7331;
}
sn-registration-stepper sn-side-navigation-item .router-nav-menu div:hover, .dark-mode sn-side-navigation-item .router-nav-menu div:hover {
  background-color: #dd7331;
}
sn-registration-stepper sn-side-navigation-item .router-nav-menu :focus, .dark-mode sn-side-navigation-item .router-nav-menu :focus {
  outline: none;
}
sn-registration-stepper sn-side-navigation-item .router-nav-menu a, .dark-mode sn-side-navigation-item .router-nav-menu a {
  color: unset;
  text-decoration: none;
}
sn-registration-stepper sn-base-navigation-tools mat-icon, .dark-mode sn-base-navigation-tools mat-icon {
  color: #4a7aab;
}
sn-registration-stepper sn-base-navigation-tools .base-navigation-tools-user, .dark-mode sn-base-navigation-tools .base-navigation-tools-user {
  border-left: 1px solid;
}
sn-registration-stepper sn-base-public #base-header, .dark-mode sn-base-public #base-header {
  background-color: white;
}
sn-registration-stepper sn-base-public #base-body, .dark-mode sn-base-public #base-body {
  background-color: ghostwhite;
}
sn-registration-stepper sn-base-navigation-tools-user mat-icon, .dark-mode sn-base-navigation-tools-user mat-icon {
  color: #4a7aab;
}
sn-registration-stepper sn-base-navigation-tools-user #my-data-icon, .dark-mode sn-base-navigation-tools-user #my-data-icon {
  color: #4a7aab;
}
sn-registration-stepper sn-base-navigation-tools-user #logout-icon, .dark-mode sn-base-navigation-tools-user #logout-icon {
  color: #4a7aab;
}
sn-registration-stepper sn-base-navigation-tools-user #account-icon, .dark-mode sn-base-navigation-tools-user #account-icon {
  border: 2px solid #4a7aab;
}
sn-registration-stepper sn-base-navigation-tools-user .account-initials, .dark-mode sn-base-navigation-tools-user .account-initials {
  background-color: #224a80;
}
sn-registration-stepper sn-base-navigation-tools-user .account-initials .initials-text, .dark-mode sn-base-navigation-tools-user .account-initials .initials-text {
  color: #ce561f;
}
sn-registration-stepper .notification-dropdown, .dark-mode .notification-dropdown {
  color: #000000;
}
sn-registration-stepper .mat-menu-item-custom .notification-item-read-button .read-button.unread, .dark-mode .mat-menu-item-custom .notification-item-read-button .read-button.unread {
  background-color: #658eb8;
}
sn-registration-stepper .mat-menu-item-custom .notification-item-read-button .read-button.read, .dark-mode .mat-menu-item-custom .notification-item-read-button .read-button.read {
  background-color: #ffffff;
}
sn-registration-stepper sn-activity-item .mat-menu-item-custom .success, .dark-mode sn-activity-item .mat-menu-item-custom .success {
  color: green !important;
}
sn-registration-stepper sn-activity-item .mat-menu-item-custom .failure, .dark-mode sn-activity-item .mat-menu-item-custom .failure {
  color: red !important;
}
sn-registration-stepper mat-progress-bar.indeterminate .mdc-linear-progress__bar-inner, .dark-mode mat-progress-bar.indeterminate .mdc-linear-progress__bar-inner {
  border-color: #dd7331;
}
sn-registration-stepper .action-tool-bar button,
sn-registration-stepper .action-tool-bar a[mat-button], .dark-mode .action-tool-bar button,
.dark-mode .action-tool-bar a[mat-button] {
  color: #4a7aab !important;
}
sn-registration-stepper .action-tool-bar button[disabled=true],
sn-registration-stepper .action-tool-bar a[mat-button][disabled=true], .dark-mode .action-tool-bar button[disabled=true],
.dark-mode .action-tool-bar a[mat-button][disabled=true] {
  color: rgba(0, 0, 0, 0.27) !important;
}
sn-registration-stepper .action-tool-bar button[disabled=true] mat-icon,
sn-registration-stepper .action-tool-bar a[mat-button][disabled=true] mat-icon, .dark-mode .action-tool-bar button[disabled=true] mat-icon,
.dark-mode .action-tool-bar a[mat-button][disabled=true] mat-icon {
  color: rgba(0, 0, 0, 0.27) !important;
}
sn-registration-stepper .action-tool-bar, .dark-mode .action-tool-bar {
  color: #4a7aab;
  border-bottom: 1px solid #e9e9e9;
}
sn-registration-stepper mat-slide-toggle, .dark-mode mat-slide-toggle {
  height: 24px !important;
}
sn-registration-stepper mat-slide-toggle .mat-mdc-slide-toggle-touch-target, .dark-mode mat-slide-toggle .mat-mdc-slide-toggle-touch-target {
  height: 24px;
}
sn-registration-stepper .mat-mdc-slide-toggle .mdc-switch--checked:disabled .mdc-switch__track,
sn-registration-stepper .mat-mdc-slide-toggle .mdc-switch--checked:disabled .mdc-switch__track::before,
sn-registration-stepper .mat-mdc-slide-toggle .mdc-switch--checked:disabled .mdc-switch__track::after, .dark-mode .mat-mdc-slide-toggle .mdc-switch--checked:disabled .mdc-switch__track,
.dark-mode .mat-mdc-slide-toggle .mdc-switch--checked:disabled .mdc-switch__track::before,
.dark-mode .mat-mdc-slide-toggle .mdc-switch--checked:disabled .mdc-switch__track::after {
  background: var(--mat-slide-toggle-selected-track-color, #d7bbff) !important;
  opacity: 1 !important;
}
sn-registration-stepper .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch:disabled .mdc-switch__handle::after, .dark-mode .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch:disabled .mdc-switch__handle::after {
  background: var(--mat-slide-toggle-selected-handle-color, var(--mat-theme-primary, #6200ee)) !important;
  opacity: 1 !important;
}
sn-registration-stepper .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons, .dark-mode .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons {
  opacity: 1 !important;
}
sn-registration-stepper .mat-mdc-slide-toggle .mdc-switch--unselected:disabled .mdc-switch__track,
sn-registration-stepper .mat-mdc-slide-toggle .mdc-switch--unselected:disabled .mdc-switch__track::before,
sn-registration-stepper .mat-mdc-slide-toggle .mdc-switch--unselected:disabled .mdc-switch__track::after, .dark-mode .mat-mdc-slide-toggle .mdc-switch--unselected:disabled .mdc-switch__track,
.dark-mode .mat-mdc-slide-toggle .mdc-switch--unselected:disabled .mdc-switch__track::before,
.dark-mode .mat-mdc-slide-toggle .mdc-switch--unselected:disabled .mdc-switch__track::after {
  background: var(--mat-slide-toggle-unselected-track-color, #e0e0e0) !important;
  opacity: 1 !important;
}
sn-registration-stepper .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after, .dark-mode .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle::after {
  background: var(--mat-slide-toggle-unselected-handle-color, #616161) !important;
  opacity: 1 !important;
}
sn-registration-stepper .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons, .dark-mode .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons {
  opacity: 1 !important;
}
sn-registration-stepper .mat-mdc-slide-toggle .mdc-switch--disabled + label, .dark-mode .mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: inherit !important;
}
sn-registration-stepper .mat-mdc-form-field-focus-overlay, .dark-mode .mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}
sn-registration-stepper .mdc-text-field--filled, .dark-mode .mdc-text-field--filled {
  background-color: transparent !important;
}
sn-registration-stepper .mat-mdc-form-field:not(.mat-mdc-paginator-page-size-select, .mat-form-field-appearance-outline) .mdc-text-field, .dark-mode .mat-mdc-form-field:not(.mat-mdc-paginator-page-size-select, .mat-form-field-appearance-outline) .mdc-text-field {
  padding-left: 0 !important;
}
sn-registration-stepper .mat-mdc-form-field-hint-wrapper, sn-registration-stepper .mat-mdc-form-field-error-wrapper, .dark-mode .mat-mdc-form-field-hint-wrapper, .dark-mode .mat-mdc-form-field-error-wrapper {
  padding-left: 0 !important;
}
sn-registration-stepper .mat-mdc-form-field:not(.mat-mdc-paginator-page-size-select, .mat-form-field-appearance-outline) .mat-mdc-form-field-infix, .dark-mode .mat-mdc-form-field:not(.mat-mdc-paginator-page-size-select, .mat-form-field-appearance-outline) .mat-mdc-form-field-infix {
  min-height: unset !important;
  padding-bottom: 4px !important;
}
sn-registration-stepper .mat-mdc-select-arrow-wrapper, .dark-mode .mat-mdc-select-arrow-wrapper {
  max-height: 20px !important;
}
sn-registration-stepper .mat-mdc-menu-item .mat-icon-no-color, .dark-mode .mat-mdc-menu-item .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.54) !important;
}
sn-registration-stepper mat-expansion-panel, .dark-mode mat-expansion-panel {
  overflow: hidden !important;
}
sn-registration-stepper mat-expansion-panel.mat-expanded, .dark-mode mat-expansion-panel.mat-expanded {
  overflow: visible !important;
}
sn-registration-stepper mat-expansion-panel .mat-expansion-panel-content, .dark-mode mat-expansion-panel .mat-expansion-panel-content {
  overflow: visible !important;
}
sn-registration-stepper mat-expansion-panel .mat-expansion-panel-content.ng-animating, .dark-mode mat-expansion-panel .mat-expansion-panel-content.ng-animating {
  overflow: hidden !important;
}
sn-registration-stepper .mat-mdc-dialog-container .mdc-dialog__surface, .dark-mode .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 24px !important;
}
sn-registration-stepper .mdc-data-table__cell,
sn-registration-stepper .mdc-data-table__header-cell, .dark-mode .mdc-data-table__cell,
.dark-mode .mdc-data-table__header-cell {
  box-sizing: content-box !important;
}
sn-registration-stepper sn-generic-table .mdc-data-table__row:nth-last-of-type(2) .mdc-data-table__cell, .dark-mode sn-generic-table .mdc-data-table__row:nth-last-of-type(2) .mdc-data-table__cell {
  border: unset;
}
sn-registration-stepper .mdc-data-table__cell,
sn-registration-stepper .mdc-data-table__header-cell, .dark-mode .mdc-data-table__cell,
.dark-mode .mdc-data-table__header-cell {
  padding: unset !important;
}
sn-registration-stepper .mdc-data-table__cell:last-of-type,
sn-registration-stepper .mdc-data-table__header-cell:last-of-type, .dark-mode .mdc-data-table__cell:last-of-type,
.dark-mode .mdc-data-table__header-cell:last-of-type {
  padding-right: 24px !important;
}
sn-registration-stepper th.mat-mdc-header-cell:first-of-type,
sn-registration-stepper td.mat-mdc-cell:first-of-type,
sn-registration-stepper td.mat-mdc-footer-cell:first-of-type, .dark-mode th.mat-mdc-header-cell:first-of-type,
.dark-mode td.mat-mdc-cell:first-of-type,
.dark-mode td.mat-mdc-footer-cell:first-of-type {
  padding-left: 24px !important;
}
sn-registration-stepper .registration-wrapper, .dark-mode .registration-wrapper {
  background-color: #001A35;
}
sn-registration-stepper .registration-container-content, .dark-mode .registration-container-content {
  max-width: 959px;
  background-color: rgba(48, 58, 80, 0.9);
  color: #e9eff5;
}
sn-registration-stepper .registration-container-content .mat-stepper-vertical,
sn-registration-stepper .registration-container-content .mat-stepper-horizontal, .dark-mode .registration-container-content .mat-stepper-vertical,
.dark-mode .registration-container-content .mat-stepper-horizontal {
  background-color: transparent;
}
sn-registration-stepper .registration-header__title, .dark-mode .registration-header__title {
  color: #ce561f;
}
sn-registration-stepper .registration-header__welcome, .dark-mode .registration-header__welcome {
  color: #e9eff5;
}
sn-registration-stepper .registration-footer, .dark-mode .registration-footer {
  color: #e9eff5;
}
sn-registration-stepper .registration-footer a, .dark-mode .registration-footer a {
  color: #d86b2c;
  font-weight: 600;
}
sn-registration-stepper sn-registration-stepper, .dark-mode sn-registration-stepper {
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.2) !important;
  color: #e9eff5 !important;
}
sn-registration-stepper sn-registration-stepper a, .dark-mode sn-registration-stepper a {
  color: #d86b2c !important;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
sn-registration-stepper sn-registration-stepper input, sn-registration-stepper sn-registration-stepper select, sn-registration-stepper sn-registration-stepper textarea, sn-registration-stepper sn-registration-stepper label, .dark-mode sn-registration-stepper input, .dark-mode sn-registration-stepper select, .dark-mode sn-registration-stepper textarea, .dark-mode sn-registration-stepper label {
  color: #e9eff5 !important;
}
sn-registration-stepper sn-registration-stepper button[mat-raised-button], .dark-mode sn-registration-stepper button[mat-raised-button] {
  background-color: white !important;
  color: #4a7aab !important;
}
sn-registration-stepper sn-image-uploader .drop-zone, .dark-mode sn-image-uploader .drop-zone {
  border: 0.1em dashed #000000;
}
sn-registration-stepper sn-image-uploader .drop-zone.drop, .dark-mode sn-image-uploader .drop-zone.drop {
  border: #80a2c4 dashed 2px;
  background: #e9eff5;
}
sn-registration-stepper sn-image-uploader .image-placeholder-svg, .dark-mode sn-image-uploader .image-placeholder-svg {
  fill: #4a7aab;
}
sn-registration-stepper sn-image-uploader .error-file-icon, .dark-mode sn-image-uploader .error-file-icon {
  color: #4a7aab;
}
sn-registration-stepper sn-file-uploader .drop-zone, .dark-mode sn-file-uploader .drop-zone {
  border: 0.1em dashed #000000;
}
sn-registration-stepper sn-file-uploader .drop-zone.drop, .dark-mode sn-file-uploader .drop-zone.drop {
  border: #80a2c4 dashed 2px;
  background: #e9eff5;
}
sn-registration-stepper sn-file-uploader .file-placeholder-svg, .dark-mode sn-file-uploader .file-placeholder-svg {
  fill: #4a7aab;
}
sn-registration-stepper sn-file-uploader .error-file-icon, .dark-mode sn-file-uploader .error-file-icon {
  color: #4a7aab;
}
sn-registration-stepper sn-info-card .title, .dark-mode sn-info-card .title {
  color: #000000;
}
sn-registration-stepper sn-info-card .icon, .dark-mode sn-info-card .icon {
  color: #4a7aab;
}
sn-registration-stepper sn-info-card .info-card, .dark-mode sn-info-card .info-card {
  background-color: white;
}
sn-registration-stepper sn-info-card .info-card .actions, .dark-mode sn-info-card .info-card .actions {
  border-top: 1px solid #e9e9e9;
}
sn-registration-stepper sn-info-card .info-card .actions .mdc-button__label, .dark-mode sn-info-card .info-card .actions .mdc-button__label {
  color: #4a7aab;
}
sn-registration-stepper .mat-icon-form-fields, .dark-mode .mat-icon-form-fields {
  color: #4a7aab;
}
sn-registration-stepper .panel-icons mat-icon, .dark-mode .panel-icons mat-icon {
  color: #4a7aab;
}
sn-registration-stepper .dark-mode mat-icon, .dark-mode .dark-mode mat-icon {
  color: #e9eff5;
}
sn-registration-stepper sn-category-tree-edit .drag-handle, .dark-mode sn-category-tree-edit .drag-handle {
  color: #658eb8;
}
sn-registration-stepper sn-category-tree-edit .category-table-tree mat-tree mat-tree-node, .dark-mode sn-category-tree-edit .category-table-tree mat-tree mat-tree-node {
  border-top: 1px solid #e9e9e9;
  background: white;
  font-size: 14px;
}
sn-registration-stepper sn-category-tree-edit .category-table-tree mat-tree .drop-inside, .dark-mode sn-category-tree-edit .category-table-tree mat-tree .drop-inside {
  border: 2px solid #80a2c4;
  background: #e9eff5;
}
sn-registration-stepper sn-category-tree-edit .category-table-tree mat-tree .border-placeholder-before,
sn-registration-stepper sn-category-tree-edit .category-table-tree mat-tree .border-placeholder-after, .dark-mode sn-category-tree-edit .category-table-tree mat-tree .border-placeholder-before,
.dark-mode sn-category-tree-edit .category-table-tree mat-tree .border-placeholder-after {
  border-top: 2px solid #80a2c4;
  background: #e9eff5;
}
sn-registration-stepper sn-category-tree-edit .category-table-tree .tree-table-header, .dark-mode sn-category-tree-edit .category-table-tree .tree-table-header {
  color: #000000;
}
sn-registration-stepper mat-tree-node.cdk-drag-preview, .dark-mode mat-tree-node.cdk-drag-preview {
  border: solid 1px #000000;
  color: #000000;
  background: white;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  opacity: 0.3;
}
sn-registration-stepper .category-table-tree mat-tree mat-tree-node, .dark-mode .category-table-tree mat-tree mat-tree-node {
  background: white;
  font-size: 14px;
}
sn-registration-stepper .tree-table-header, .dark-mode .tree-table-header {
  color: #000000;
}
sn-registration-stepper .category-header, .dark-mode .category-header {
  background-color: #658eb8;
  color: #ffffff;
}
sn-registration-stepper button#back-button, .dark-mode button#back-button {
  background-color: #658eb8 !important;
  color: #ffffff !important;
}
sn-registration-stepper button.mat-mdc-raised-button.mat-unthemed:not(.mat-primary):not(.mat-accent):not(.mat-warn), .dark-mode button.mat-mdc-raised-button.mat-unthemed:not(.mat-primary):not(.mat-accent):not(.mat-warn) {
  color: #4a7aab;
}
sn-registration-stepper button.mat-mdc-raised-button:disabled, .dark-mode button.mat-mdc-raised-button:disabled {
  color: lightslategrey !important;
}
sn-registration-stepper .mat-mdc-raised-button, .dark-mode .mat-mdc-raised-button {
  margin-right: 8px !important;
}
sn-registration-stepper sn-upload-file .drop-zone, .dark-mode sn-upload-file .drop-zone {
  border: 0.1em dashed #000000;
  margin-bottom: 2em;
  text-align: center;
}
sn-registration-stepper sn-upload-file .drop-zone.drop, .dark-mode sn-upload-file .drop-zone.drop {
  border: #80a2c4 dashed 2px;
  background: #e9eff5;
}
sn-registration-stepper sn-upload-file .folder, .dark-mode sn-upload-file .folder {
  color: #658eb8;
}
sn-registration-stepper sn-upload-file .title, .dark-mode sn-upload-file .title {
  color: #000000;
}
sn-registration-stepper sn-upload-product-media .drop-zone, .dark-mode sn-upload-product-media .drop-zone {
  border: 0.1em dashed #000000;
  margin-bottom: 2em;
  text-align: center;
}
sn-registration-stepper sn-upload-product-media .drop-zone.drop, .dark-mode sn-upload-product-media .drop-zone.drop {
  border: #80a2c4 dashed 2px;
  background: #e9eff5;
}
sn-registration-stepper sn-upload-product-media .folder, .dark-mode sn-upload-product-media .folder {
  color: #658eb8;
}
sn-registration-stepper sn-upload-product-media .title, .dark-mode sn-upload-product-media .title {
  color: #000000;
}
sn-registration-stepper sn-upload-product-media .upload-progress-bar-header, .dark-mode sn-upload-product-media .upload-progress-bar-header {
  border-color: #e9e9e9;
}
sn-registration-stepper .error > mat-icon, .dark-mode .error > mat-icon {
  color: #ca5e71;
}
sn-registration-stepper .warning > mat-icon, .dark-mode .warning > mat-icon {
  color: #e7b3bc;
}
sn-registration-stepper .info > mat-icon, .dark-mode .info > mat-icon {
  color: #c9d7e6;
}
sn-registration-stepper .item-content, .dark-mode .item-content {
  background: white;
  font-size: 14px;
}
sn-registration-stepper .item-content:last-child, .dark-mode .item-content:last-child {
  border-bottom: 1px solid #e9e9e9;
}
sn-registration-stepper .image-uploader-icon, .dark-mode .image-uploader-icon {
  color: #658eb8;
}
sn-registration-stepper .image-uploader-icon.error, .dark-mode .image-uploader-icon.error {
  color: #d67d8d;
}
sn-registration-stepper .image-uploader-icon.success, .dark-mode .image-uploader-icon.success {
  color: green;
  position: relative;
  right: 12px;
  top: 7px;
}
sn-registration-stepper .image-uploader-field, .dark-mode .image-uploader-field {
  border-color: #658eb8;
  background-color: #e9eff5;
}
sn-registration-stepper .image-uploader-field mat-icon, .dark-mode .image-uploader-field mat-icon {
  color: #c54314;
}
sn-registration-stepper .edit-image-hover, .dark-mode .edit-image-hover {
  background-color: #658eb8;
}
sn-registration-stepper #import-upload-execution-container .execution-content, .dark-mode #import-upload-execution-container .execution-content {
  background: white;
  font-size: 14px;
}
sn-registration-stepper #import-upload-execution-container .execution-content:last-child, .dark-mode #import-upload-execution-container .execution-content:last-child {
  border-bottom: 1px solid #e9e9e9;
}
sn-registration-stepper #import-upload-execution-container .error > mat-icon, .dark-mode #import-upload-execution-container .error > mat-icon {
  color: #ca5e71;
}
sn-registration-stepper #import-upload-execution-container .warning > mat-icon, .dark-mode #import-upload-execution-container .warning > mat-icon {
  color: #e7b3bc;
}
sn-registration-stepper #import-upload-execution-container .info > mat-icon, .dark-mode #import-upload-execution-container .info > mat-icon {
  color: #c9d7e6;
}
sn-registration-stepper .thumbnail-select-container, .dark-mode .thumbnail-select-container {
  border: solid 3px rgba(101, 142, 184, 0);
}
sn-registration-stepper .thumbnail-select-container.selected, .dark-mode .thumbnail-select-container.selected {
  border: solid 3px #658eb8;
}
sn-registration-stepper .thumbnail-select-container .thumbnail-container-square mat-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox__background, .dark-mode .thumbnail-select-container .thumbnail-container-square mat-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox__background {
  background-color: white !important;
}
sn-registration-stepper .thumbnail-select-container .thumbnail-container-square img.disabled, .dark-mode .thumbnail-select-container .thumbnail-container-square img.disabled {
  opacity: 0.4; /* Dim the image */
  filter: grayscale(100%); /* Make it look inactive */
  pointer-events: none; /* Prevent interaction (e.g., drag) */
  -webkit-user-select: none;
          user-select: none;
}
sn-registration-stepper .thumbnail-select-container .thumbnail-border, .dark-mode .thumbnail-select-container .thumbnail-border {
  border-color: #658eb8;
}
sn-registration-stepper sn-product-import #stepper-icon, .dark-mode sn-product-import #stepper-icon {
  color: #ffffff;
}
sn-registration-stepper sn-product-import .mat-step-header .mat-step-icon-selected, .dark-mode sn-product-import .mat-step-header .mat-step-icon-selected {
  background-color: #dd7331;
}
sn-registration-stepper sn-product-import .import-stepper-help-container .help-icon.mat-mdc-button:not(:disabled), .dark-mode sn-product-import .import-stepper-help-container .help-icon.mat-mdc-button:not(:disabled) {
  color: #4a7aab;
}
sn-registration-stepper .primary, .dark-mode .primary {
  color: #4a7aab;
}
sn-registration-stepper .accent, .dark-mode .accent {
  color: #658eb8;
}
sn-registration-stepper .info, .dark-mode .info {
  color: #c9d7e6;
}
sn-registration-stepper .inactive, .dark-mode .inactive {
  color: #e9eff5;
}
sn-registration-stepper .error, .dark-mode .error {
  color: #ca5e71;
}
sn-registration-stepper .warn, .dark-mode .warn {
  color: #e7b3bc;
}
sn-registration-stepper .red, .dark-mode .red {
  color: red;
}
sn-registration-stepper .green, .dark-mode .green {
  color: green;
}
sn-registration-stepper .blue, .dark-mode .blue {
  color: blue;
}
sn-registration-stepper .grey, .dark-mode .grey {
  color: grey;
}
sn-registration-stepper .yellow, .dark-mode .yellow {
  color: #ffd700;
}
sn-registration-stepper .orange, .dark-mode .orange {
  color: orange;
}
sn-registration-stepper .filter-sort-container, .dark-mode .filter-sort-container {
  background-color: #ffffff;
}
sn-registration-stepper .generic-table tr.mat-mdc-row:hover, .dark-mode .generic-table tr.mat-mdc-row:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper .generic-table tr.mat-mdc-row.selected, .dark-mode .generic-table tr.mat-mdc-row.selected {
  background-color: #fbeee6;
}
sn-registration-stepper .generic-table tr.mat-mdc-row.selected:hover, .dark-mode .generic-table tr.mat-mdc-row.selected:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper .generic-table tr.detail-row:not(.expanded-row), .dark-mode .generic-table tr.detail-row:not(.expanded-row) {
  background: whitesmoke;
}
sn-registration-stepper .generic-table tr.detail-row:not(.expanded-row) > td, .dark-mode .generic-table tr.detail-row:not(.expanded-row) > td {
  border: 0;
}
sn-registration-stepper .generic-table tr.detail-row:not(.expanded-row):active, .dark-mode .generic-table tr.detail-row:not(.expanded-row):active {
  background: #efefef;
}
sn-registration-stepper .generic-table .group-parent-row-article-link, .dark-mode .generic-table .group-parent-row-article-link {
  color: #658eb8;
}
sn-registration-stepper .generic-table mat-form-field, .dark-mode .generic-table mat-form-field {
  background: white;
}
sn-registration-stepper .generic-table .tr-header-container .resizer, .dark-mode .generic-table .tr-header-container .resizer {
  border-left-color: #ffffff;
}
sn-registration-stepper .generic-table a, .dark-mode .generic-table a {
  color: #658eb8;
}
sn-registration-stepper .generic-table tr:hover .resizer, .dark-mode .generic-table tr:hover .resizer {
  border-color: #000000 !important;
}
sn-registration-stepper .generic-table .expanded-text, .dark-mode .generic-table .expanded-text {
  background-color: #ffffff;
}
sn-registration-stepper .generic-table .table-expanded, .dark-mode .generic-table .table-expanded {
  background-color: #ffffff;
}
sn-registration-stepper .generic-table .expanded-element-tableData, .dark-mode .generic-table .expanded-element-tableData {
  border-bottom: 1px solid #000000 !important;
}
sn-registration-stepper sn-panel .panel, .dark-mode sn-panel .panel {
  background-color: #ffffff;
}
sn-registration-stepper sn-panel.mat-primary .panel-header, .dark-mode sn-panel.mat-primary .panel-header {
  background-color: #658eb8;
}
sn-registration-stepper sn-panel.mat-primary .panel-header h2, .dark-mode sn-panel.mat-primary .panel-header h2 {
  color: #ffffff;
}
sn-registration-stepper sn-panel.mat-accent .panel-header, .dark-mode sn-panel.mat-accent .panel-header {
  background-color: #e28850;
  color: #ffffff;
}
sn-registration-stepper .speech-bubble, .dark-mode .speech-bubble {
  border-color: white;
  background-color: white;
}
sn-registration-stepper .speech-bubble .speech-bubble-arrow.border, .dark-mode .speech-bubble .speech-bubble-arrow.border {
  border-top-color: #ffffff;
}
sn-registration-stepper .speech-bubble .speech-bubble-arrow.background, .dark-mode .speech-bubble .speech-bubble-arrow.background {
  border-top-color: #ffffff;
}
sn-registration-stepper .speech-bubble.mat-accent, .dark-mode .speech-bubble.mat-accent {
  border-color: #e28850;
}
sn-registration-stepper .speech-bubble.mat-accent .speech-bubble-arrow.border, .dark-mode .speech-bubble.mat-accent .speech-bubble-arrow.border {
  border-top-color: #e28850;
}
sn-registration-stepper .speech-bubble.mat-accent .speech-bubble-arrow.background, .dark-mode .speech-bubble.mat-accent .speech-bubble-arrow.background {
  border-top-color: #ffffff;
}
sn-registration-stepper .speech-bubble.mat-primary, .dark-mode .speech-bubble.mat-primary {
  border-color: #658eb8;
}
sn-registration-stepper .speech-bubble.mat-primary .speech-bubble-arrow.border, .dark-mode .speech-bubble.mat-primary .speech-bubble-arrow.border {
  border-top-color: #658eb8;
}
sn-registration-stepper .speech-bubble.mat-primary .speech-bubble-arrow.background, .dark-mode .speech-bubble.mat-primary .speech-bubble-arrow.background {
  border-top-color: #ffffff;
}
sn-registration-stepper .no-data-available-view, .dark-mode .no-data-available-view {
  color: #000000;
}
sn-registration-stepper .no-data-available-view a, .dark-mode .no-data-available-view a {
  color: #658eb8;
}
sn-registration-stepper a, .dark-mode a {
  color: #658eb8;
}
sn-registration-stepper sn-home .welcome, .dark-mode sn-home .welcome {
  color: #4a7aab;
}
sn-registration-stepper sn-home .network-article-card-container, .dark-mode sn-home .network-article-card-container {
  background-color: #4a7aab;
}
sn-registration-stepper sn-home .network-article-card-container .network-article-card-text, .dark-mode sn-home .network-article-card-container .network-article-card-text {
  color: #e9eff5;
}
sn-registration-stepper sn-home .network-article-card-container .network-article-card-button, .dark-mode sn-home .network-article-card-container .network-article-card-button {
  color: #4a7aab;
}
sn-registration-stepper sn-community-image-header .edit-button, .dark-mode sn-community-image-header .edit-button {
  background-color: #658eb8;
  color: #000000;
}
sn-registration-stepper sn-community-image-header .edit-header-image-button,
sn-registration-stepper sn-community-image-header .edit-logo-image-button, .dark-mode sn-community-image-header .edit-header-image-button,
.dark-mode sn-community-image-header .edit-logo-image-button {
  background-color: white;
}
sn-registration-stepper sn-community-image-header .company-title, .dark-mode sn-community-image-header .company-title {
  color: #000000;
}
sn-registration-stepper sn-community-image-header .header-image, .dark-mode sn-community-image-header .header-image {
  border: 1px solid #000000;
  background-color: #ffffff;
}
sn-registration-stepper sn-community-image-header .logo-image, .dark-mode sn-community-image-header .logo-image {
  border: 1px solid #000000;
  background-color: #ffffff;
}
sn-registration-stepper sn-community-image-header #header-image-footer .network-role, .dark-mode sn-community-image-header #header-image-footer .network-role {
  border: 1px solid #000000;
  background-color: #ffffff;
}
sn-registration-stepper sn-community-profile-card .profile-title-icon, .dark-mode sn-community-profile-card .profile-title-icon {
  border: 1px solid #15416b;
  background-color: white;
}
sn-registration-stepper sn-community-profile-card .image, .dark-mode sn-community-profile-card .image {
  border: 1px solid lightgray;
}
sn-registration-stepper .partner-card-container, .dark-mode .partner-card-container {
  background-color: #ffffff;
}
sn-registration-stepper .partner-card-container .partner-logo, .dark-mode .partner-card-container .partner-logo {
  border-right: 1px solid;
}
sn-registration-stepper .partner-card-outgoing-container, .dark-mode .partner-card-outgoing-container {
  background-color: #ffffff;
}
sn-registration-stepper .partner-card-outgoing-container .partner-logo, .dark-mode .partner-card-outgoing-container .partner-logo {
  border-right: 1px solid;
}
sn-registration-stepper .partner-card-incoming-container, .dark-mode .partner-card-incoming-container {
  background-color: #ffffff;
}
sn-registration-stepper sn-community-partner-request-confirm-dialog, .dark-mode sn-community-partner-request-confirm-dialog {
  background-color: #ffffff;
}
sn-registration-stepper .feature-selection-item:hover, .dark-mode .feature-selection-item:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper .feature-selection-item.selected, .dark-mode .feature-selection-item.selected {
  border-color: #dd7331;
  color: #dd7331;
}
sn-registration-stepper .feature-selection-item.selected:hover, .dark-mode .feature-selection-item.selected:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper .feature-selection-item.disabled, .dark-mode .feature-selection-item.disabled {
  background-color: unset;
  border-color: #e9e9e9;
}
sn-registration-stepper sn-column-header .tr-header-container div.resizer.show, .dark-mode sn-column-header .tr-header-container div.resizer.show {
  border-color: #4a7aab !important;
}
sn-registration-stepper sn-column-header .header-caption, .dark-mode sn-column-header .header-caption {
  color: rgba(0, 0, 0, 0.6);
}
sn-registration-stepper #over-all-container, .dark-mode #over-all-container {
  color: #000000;
}
sn-registration-stepper #info-message-container, .dark-mode #info-message-container {
  color: #000000;
}
sn-registration-stepper #info-message-container #info-message-bar.ERROR, .dark-mode #info-message-container #info-message-bar.ERROR {
  background-color: red;
}
sn-registration-stepper #info-message-container #info-message-bar.WARN, .dark-mode #info-message-container #info-message-bar.WARN {
  background-color: orange;
}
sn-registration-stepper #info-message-container #info-message-bar.INFO, .dark-mode #info-message-container #info-message-bar.INFO {
  background-color: #15416b;
}
sn-registration-stepper #info-message-container #info-message-bar.SUCCESS, .dark-mode #info-message-container #info-message-bar.SUCCESS {
  background-color: green;
}
sn-registration-stepper #info-message-container #info-message-icon.ERROR, .dark-mode #info-message-container #info-message-icon.ERROR {
  color: red;
}
sn-registration-stepper #info-message-container #info-message-icon.WARN, .dark-mode #info-message-container #info-message-icon.WARN {
  color: orange;
}
sn-registration-stepper #info-message-container #info-message-icon.INFO, .dark-mode #info-message-container #info-message-icon.INFO {
  color: #15416b;
}
sn-registration-stepper #info-message-container #info-message-icon.SUCCESS, .dark-mode #info-message-container #info-message-icon.SUCCESS {
  color: green;
}
sn-registration-stepper sn-order-detail .dispatch-group .dispatch-group-header, .dark-mode sn-order-detail .dispatch-group .dispatch-group-header {
  border-color: #e9e9e9;
}
sn-registration-stepper sn-order-detail .order-total-container, .dark-mode sn-order-detail .order-total-container {
  border-color: #e9e9e9;
}
sn-registration-stepper .add-article-background-color, .dark-mode .add-article-background-color {
  border-color: #e9e9e9;
}
sn-registration-stepper .add-article-button, .dark-mode .add-article-button {
  color: #4a7aab !important;
}
sn-registration-stepper .add-article-button:disabled, .dark-mode .add-article-button:disabled {
  color: rgba(0, 0, 0, 0.27) !important;
}
sn-registration-stepper .edit-tracking-information-button, .dark-mode .edit-tracking-information-button {
  color: #4a7aab !important;
  border-color: #e9e9e9;
}
sn-registration-stepper .shipping-group-header, .dark-mode .shipping-group-header {
  color: rgba(0, 0, 0, 0.6);
}
sn-registration-stepper .open-in-new-button, .dark-mode .open-in-new-button {
  color: #4a7aab !important;
}
sn-registration-stepper .open-in-new-button:disabled, .dark-mode .open-in-new-button:disabled {
  color: rgba(0, 0, 0, 0.27) !important;
}
sn-registration-stepper sn-offer-detail .dispatch-group .dispatch-group-header, .dark-mode sn-offer-detail .dispatch-group .dispatch-group-header {
  border-color: #e9e9e9;
}
sn-registration-stepper sn-offer-detail .offer-total-container, .dark-mode sn-offer-detail .offer-total-container {
  border-color: #e9e9e9;
}
sn-registration-stepper sn-order-status .order-status-container, .dark-mode sn-order-status .order-status-container {
  background-color: white;
}
sn-registration-stepper sn-order-status .order-total-container, .dark-mode sn-order-status .order-total-container {
  border-color: #e9e9e9;
}
sn-registration-stepper sn-offer-status, .dark-mode sn-offer-status {
  background-color: ghostwhite;
}
sn-registration-stepper sn-offer-status .offer-status-container, .dark-mode sn-offer-status .offer-status-container {
  background-color: white;
}
sn-registration-stepper sn-offer-status .offer-total-container, .dark-mode sn-offer-status .offer-total-container {
  border-color: #e9e9e9;
}
sn-registration-stepper gallery#galleryId, .dark-mode gallery#galleryId {
  background-color: #ffffff;
}
sn-registration-stepper lightbox > gallery, .dark-mode lightbox > gallery {
  background-color: #ffffff;
}
sn-registration-stepper gallery-thumb.g-active-thumb, .dark-mode gallery-thumb.g-active-thumb {
  border: 1px solid #dd7331;
}
sn-registration-stepper sn-headline-setting .headline-setting-icon, .dark-mode sn-headline-setting .headline-setting-icon {
  color: #4a7aab;
}
sn-registration-stepper #stripe-payment-settings-container .card, .dark-mode #stripe-payment-settings-container .card {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
sn-registration-stepper sn-setting-theme .color-selector, .dark-mode sn-setting-theme .color-selector {
  border: 1px solid black;
}
sn-registration-stepper #widget-quicklinks .link-container > div, .dark-mode #widget-quicklinks .link-container > div {
  background-color: white;
  color: #15416b;
}
sn-registration-stepper #widget-quicklinks .headline, .dark-mode #widget-quicklinks .headline {
  color: #15416b;
  font-weight: 500;
}
sn-registration-stepper sn-learning-center .learning-center-headline, .dark-mode sn-learning-center .learning-center-headline {
  color: #4a7aab;
}
sn-registration-stepper sn-learning-center .learning-center-headline h1, .dark-mode sn-learning-center .learning-center-headline h1 {
  color: #4a7aab !important;
}
sn-registration-stepper sn-learning-center .learning-center-content, .dark-mode sn-learning-center .learning-center-content {
  color: #000000;
}
sn-registration-stepper sn-learning-center .learning-center-content h2, .dark-mode sn-learning-center .learning-center-content h2 {
  color: #4a7aab;
}
sn-registration-stepper sn-learning-center .topic-link, .dark-mode sn-learning-center .topic-link {
  color: #4a7aab;
}
sn-registration-stepper sn-learning-center .topic-description, .dark-mode sn-learning-center .topic-description {
  color: #000000;
}
sn-registration-stepper sn-shopping-cart-panel #header, .dark-mode sn-shopping-cart-panel #header {
  color: #4a7aab;
}
sn-registration-stepper sn-shopping-cart-panel #header h1, .dark-mode sn-shopping-cart-panel #header h1 {
  color: #4a7aab !important;
}
sn-registration-stepper sn-shopping-cart-item .disabled, .dark-mode sn-shopping-cart-item .disabled {
  background-color: unset;
}
sn-registration-stepper sn-shopping-cart-item .error, .dark-mode sn-shopping-cart-item .error {
  color: #ca5e71;
}
sn-registration-stepper sn-shopping-cart-item .price, .dark-mode sn-shopping-cart-item .price {
  color: #4a7aab;
}
sn-registration-stepper sn-generic-widget-table .title, .dark-mode sn-generic-widget-table .title {
  color: #15416b;
}
sn-registration-stepper sn-generic-widget-table .link-button, .dark-mode sn-generic-widget-table .link-button {
  color: #15416b;
}
sn-registration-stepper sn-generic-content-widget .dash-border, .dark-mode sn-generic-content-widget .dash-border {
  border: 1px solid lightgray;
}
sn-registration-stepper sn-generic-content-widget .dash-background, .dark-mode sn-generic-content-widget .dash-background {
  background-color: white;
}
sn-registration-stepper sn-generic-onebyone-widget .main-number, .dark-mode sn-generic-onebyone-widget .main-number {
  color: #15416b;
  font-size: 50px;
  font-weight: 500;
}
sn-registration-stepper sn-generic-onebyone-widget .label-number, .dark-mode sn-generic-onebyone-widget .label-number {
  color: #15416b;
}
sn-registration-stepper sn-generic-onebyone-widget .icon, .dark-mode sn-generic-onebyone-widget .icon {
  color: #15416b;
  font-size: 52px;
}
sn-registration-stepper sn-generic-onebyone-widget .button, .dark-mode sn-generic-onebyone-widget .button {
  color: green !important;
}
sn-registration-stepper sn-generic-onebyone-widget .optional-label-bottom, .dark-mode sn-generic-onebyone-widget .optional-label-bottom {
  font-size: x-small;
}
sn-registration-stepper sn-generic-onebyone-widget .main-number, .dark-mode sn-generic-onebyone-widget .main-number {
  color: #15416b !important;
}
sn-registration-stepper sn-widget-release-notes .label, sn-registration-stepper sn-widget-release-notes .header, .dark-mode sn-widget-release-notes .label, .dark-mode sn-widget-release-notes .header {
  color: #4a7aab;
}
sn-registration-stepper sn-widget-recent-orders .dash-orange, .dark-mode sn-widget-recent-orders .dash-orange {
  color: orange;
}
sn-registration-stepper sn-widget-recent-orders .dash-red, .dark-mode sn-widget-recent-orders .dash-red {
  color: red;
}
sn-registration-stepper sn-widget-recent-orders .dash-green, .dark-mode sn-widget-recent-orders .dash-green {
  color: green;
}
sn-registration-stepper sn-community-article-card .price, .dark-mode sn-community-article-card .price {
  color: #dd7331;
}
sn-registration-stepper sn-community-article-card .price-available-container .available, .dark-mode sn-community-article-card .price-available-container .available {
  color: #000000;
}
sn-registration-stepper sn-community-article-card .card-title, .dark-mode sn-community-article-card .card-title {
  color: #4a7aab;
}
sn-registration-stepper sn-community-article-card .card-title:hover, .dark-mode sn-community-article-card .card-title:hover {
  color: #dd7331;
}
sn-registration-stepper sn-community-article-card .status-in-stock-and-orderable, .dark-mode sn-community-article-card .status-in-stock-and-orderable {
  color: green;
  opacity: 0.8;
}
sn-registration-stepper sn-community-article-card .status-not-in-stock-but-orderable, .dark-mode sn-community-article-card .status-not-in-stock-but-orderable {
  color: orange;
  opacity: 0.8;
}
sn-registration-stepper sn-community-article-card .status-not-in-stock-and-not-orderable, .dark-mode sn-community-article-card .status-not-in-stock-and-not-orderable {
  color: lightgray;
  opacity: 0.8;
}
sn-registration-stepper sn-community-article-card .status-default, .dark-mode sn-community-article-card .status-default {
  color: #15416b;
  opacity: 0.8;
}
sn-registration-stepper sn-community-article-card .quick-select-item:hover, .dark-mode sn-community-article-card .quick-select-item:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper sn-community-article-card .quick-select-item.active, .dark-mode sn-community-article-card .quick-select-item.active {
  border-color: #dd7331;
  color: #dd7331;
}
sn-registration-stepper sn-community-article-card .quick-select-item.active:hover, .dark-mode sn-community-article-card .quick-select-item.active:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper sn-community-article-card .quick-select-item.disabled, .dark-mode sn-community-article-card .quick-select-item.disabled {
  background-color: unset;
  border-color: #e9e9e9;
}
sn-registration-stepper sn-community-article-card .network-price, .dark-mode sn-community-article-card .network-price {
  color: #000000;
}
sn-registration-stepper sn-availablity .availability-container, .dark-mode sn-availablity .availability-container {
  background-color: #ffffff;
}
sn-registration-stepper sn-community-article-selection .card, .dark-mode sn-community-article-selection .card {
  border: 1px solid;
}
sn-registration-stepper sn-community-article-selection .card:hover, .dark-mode sn-community-article-selection .card:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper sn-community-article-selection .card.selected, .dark-mode sn-community-article-selection .card.selected {
  border-color: #dd7331;
}
sn-registration-stepper sn-community-article-selection .card.selected:hover, .dark-mode sn-community-article-selection .card.selected:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper sn-community-article-selection .card.disabled, .dark-mode sn-community-article-selection .card.disabled {
  background-color: unset;
  border-color: #e9e9e9;
}
sn-registration-stepper sn-community-article-detail .price, .dark-mode sn-community-article-detail .price {
  color: #dd7331;
}
sn-registration-stepper sn-community-article-detail .supplier-name-and-icon .partner-status-icon, .dark-mode sn-community-article-detail .supplier-name-and-icon .partner-status-icon {
  border: 1px solid #15416b;
}
sn-registration-stepper sn-community-article-detail mat-expansion-panel, .dark-mode sn-community-article-detail mat-expansion-panel {
  border: 1px solid lightgray;
}
sn-registration-stepper sn-community-article-detail .status-green, .dark-mode sn-community-article-detail .status-green {
  color: green;
}
sn-registration-stepper sn-community-article-detail .status-red, .dark-mode sn-community-article-detail .status-red {
  color: red;
}
sn-registration-stepper sn-community-supplier-comparison .card, .dark-mode sn-community-supplier-comparison .card {
  border: 1px solid;
}
sn-registration-stepper sn-community-supplier-comparison .card:hover, .dark-mode sn-community-supplier-comparison .card:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper sn-community-supplier-comparison .card.selected, .dark-mode sn-community-supplier-comparison .card.selected {
  border-color: #dd7331;
}
sn-registration-stepper sn-community-supplier-comparison .card.selected:hover, .dark-mode sn-community-supplier-comparison .card.selected:hover {
  background-color: #f5d5c1;
}
sn-registration-stepper sn-community-supplier-comparison .card.disabled, .dark-mode sn-community-supplier-comparison .card.disabled {
  background-color: unset;
  border-color: #e9e9e9;
}
sn-registration-stepper sn-community-supplier-comparison .card .supplier-link, .dark-mode sn-community-supplier-comparison .card .supplier-link {
  color: #dd7331;
}
sn-registration-stepper sn-community-supplier-comparison .card .price, .dark-mode sn-community-supplier-comparison .card .price {
  color: #dd7331;
}
sn-registration-stepper sn-community-supplier-comparison .card .supplier-country-and-icon .partner-status-icon, .dark-mode sn-community-supplier-comparison .card .supplier-country-and-icon .partner-status-icon {
  border: 1px solid #15416b;
}
sn-registration-stepper sn-filter-tree, .dark-mode sn-filter-tree {
  color: #000000;
}
sn-registration-stepper sn-filter-tree .selected, .dark-mode sn-filter-tree .selected {
  color: #dd7331;
}
sn-registration-stepper sn-filter-tree .clickable:hover, .dark-mode sn-filter-tree .clickable:hover {
  color: #e28850;
}
sn-registration-stepper sn-filter-tree .category-icon, .dark-mode sn-filter-tree .category-icon {
  color: #000000;
}
sn-registration-stepper sn-filter-checkbox, .dark-mode sn-filter-checkbox {
  color: #000000;
}
sn-registration-stepper sn-filter-overlay-container, .dark-mode sn-filter-overlay-container {
  color: #000000;
}
sn-registration-stepper .router-nav-submenu-container, .dark-mode .router-nav-submenu-container {
  background-color: #658eb8;
}
sn-registration-stepper .router-nav-submenu-container div:hover, sn-registration-stepper .router-nav-submenu-container div.active, .dark-mode .router-nav-submenu-container div:hover, .dark-mode .router-nav-submenu-container div.active {
  background-color: #dd7331;
}
sn-registration-stepper .router-nav-submenu-container a, .dark-mode .router-nav-submenu-container a {
  color: unset;
  text-decoration: unset;
}
sn-registration-stepper .side-navigation-container, .dark-mode .side-navigation-container {
  background-color: #4a7aab;
}
sn-registration-stepper .side-navigation-container::-webkit-scrollbar-thumb, .dark-mode .side-navigation-container::-webkit-scrollbar-thumb {
  background-color: #ce561f;
}
sn-registration-stepper sn-product-article-media-placeholder .mat-mdc-card:hover, .dark-mode sn-product-article-media-placeholder .mat-mdc-card:hover {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
sn-registration-stepper sn-product-article-media-placeholder .drop, .dark-mode sn-product-article-media-placeholder .drop {
  border: #80a2c4 dashed 2px !important;
}
sn-registration-stepper sn-product-article-media-placeholder .content-container .description, .dark-mode sn-product-article-media-placeholder .content-container .description {
  color: #000000;
}
sn-registration-stepper sn-product-article-media-placeholder .product-media-placeholder-card .mat-mdc-card, .dark-mode sn-product-article-media-placeholder .product-media-placeholder-card .mat-mdc-card {
  border: 2px dashed #000000;
}
sn-registration-stepper sn-product-article-media-placeholder .preview-container mat-icon, .dark-mode sn-product-article-media-placeholder .preview-container mat-icon {
  color: #000000;
}
sn-registration-stepper sn-product-article-media-card.cdk-drag-preview, .dark-mode sn-product-article-media-card.cdk-drag-preview {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
sn-registration-stepper sn-product-article-media-card .product-media-card .preview-container mat-icon, .dark-mode sn-product-article-media-card .product-media-card .preview-container mat-icon {
  color: #000000;
}
sn-registration-stepper sn-product-article-media-card .product-media-card .preview-container .video-container, .dark-mode sn-product-article-media-card .product-media-card .preview-container .video-container {
  background-color: black;
}
sn-registration-stepper sn-product-article-media-card .product-media-card .preview-container .video-container sn-image, .dark-mode sn-product-article-media-card .product-media-card .preview-container .video-container sn-image {
  opacity: 0.5;
}
sn-registration-stepper sn-product-article-media-card .product-media-card .preview-container .video-container .overlay-icon mat-icon, .dark-mode sn-product-article-media-card .product-media-card .preview-container .video-container .overlay-icon mat-icon {
  color: #000000;
}
sn-registration-stepper sn-product-article-media-card .mat-mdc-card:hover, .dark-mode sn-product-article-media-card .mat-mdc-card:hover {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
sn-registration-stepper sn-product-article-media-cards .drop-placeholder, .dark-mode sn-product-article-media-cards .drop-placeholder {
  border: #80a2c4 dashed 2px;
  background: #e9eff5;
}
sn-registration-stepper .community-stepper-container, .dark-mode .community-stepper-container {
  background-color: #ffffff;
}
sn-registration-stepper .community-partner-settings-container .text-title, .dark-mode .community-partner-settings-container .text-title {
  color: #000000;
}
sn-registration-stepper .sales-group-settings-view-container .card-label-channel.error, .dark-mode .sales-group-settings-view-container .card-label-channel.error {
  color: #ca5e71;
}
sn-registration-stepper .card-option-container.card-enabled, .dark-mode .card-option-container.card-enabled {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
sn-registration-stepper .card-option-container.card-enabled.selected, .dark-mode .card-option-container.card-enabled.selected {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
sn-registration-stepper .card-option-container.card-enabled .card-option-header .card-option-header-icon.selected, .dark-mode .card-option-container.card-enabled .card-option-header .card-option-header-icon.selected {
  color: #52d200;
}
sn-registration-stepper .card-option-container.card-enabled .card-option-header .card-option-title, .dark-mode .card-option-container.card-enabled .card-option-header .card-option-title {
  color: #658eb8;
}
sn-registration-stepper .card-option-container.card-enabled .card-option-content .card-option-content-icon, .dark-mode .card-option-container.card-enabled .card-option-content .card-option-content-icon {
  color: #4a7aab;
}
sn-registration-stepper sn-create-product-images-step .drop-zone, .dark-mode sn-create-product-images-step .drop-zone {
  border: 2px dashed #000000;
}
sn-registration-stepper sn-create-product-images-step .drop-zone.drop, .dark-mode sn-create-product-images-step .drop-zone.drop {
  border: #80a2c4 dashed 2px;
  background: #e9eff5;
}
sn-registration-stepper sn-create-product-images-step .thumbnail-container-square, .dark-mode sn-create-product-images-step .thumbnail-container-square {
  background-color: white;
}
sn-registration-stepper sn-create-product-images-step .placeholder-container .placeholder .thumbnail-container-square, .dark-mode sn-create-product-images-step .placeholder-container .placeholder .thumbnail-container-square {
  border: solid 1px rgba(101, 142, 184, 0.3);
}
sn-registration-stepper sn-create-product-images-step .placeholder-container .placeholder .thumbnail-container-square img, .dark-mode sn-create-product-images-step .placeholder-container .placeholder .thumbnail-container-square img {
  opacity: 30%;
}
sn-registration-stepper sn-create-product-images-step .placeholder-container mat-icon, .dark-mode sn-create-product-images-step .placeholder-container mat-icon {
  color: rgba(101, 142, 184, 0.3);
}
sn-registration-stepper #upward-arrow, .dark-mode #upward-arrow {
  color: red;
}
sn-registration-stepper #downward-arrow, .dark-mode #downward-arrow {
  color: green;
}
sn-registration-stepper sn-trade-detail-panel .title, .dark-mode sn-trade-detail-panel .title {
  color: #15416b;
}
sn-registration-stepper #timeline-item .content.active, .dark-mode #timeline-item .content.active {
  color: white;
  background-color: #658eb8;
}
sn-registration-stepper #timeline-item .time-graph-line.active, .dark-mode #timeline-item .time-graph-line.active {
  background-color: #658eb8;
}
sn-registration-stepper #timeline-item .time-graph-dot.active, .dark-mode #timeline-item .time-graph-dot.active {
  color: #658eb8;
}
sn-registration-stepper #timeline-item .arrow-left, .dark-mode #timeline-item .arrow-left {
  border-color: transparent transparent transparent;
}
sn-registration-stepper #timeline-item .arrow-left.active, .dark-mode #timeline-item .arrow-left.active {
  border-color: transparent #658eb8 transparent transparent;
}
sn-registration-stepper #container-bubble-partner-price .base-price-info, .dark-mode #container-bubble-partner-price .base-price-info {
  color: #e28850;
}
sn-registration-stepper h1, .dark-mode h1 {
  color: #000000 !important;
}
sn-registration-stepper sn-filter-chip .filter-chip, .dark-mode sn-filter-chip .filter-chip {
  color: rgba(0, 0, 0, 0.87);
}
sn-registration-stepper sn-filter-chip .filter-chip.has-selection, .dark-mode sn-filter-chip .filter-chip.has-selection {
  background-color: #658eb8;
  color: white;
}
sn-registration-stepper sn-filter-chip .filter-chip.highlighted, .dark-mode sn-filter-chip .filter-chip.highlighted {
  background-color: #dd7331;
  color: white;
}
sn-registration-stepper sn-filter-chip .filter-chip.disabled, .dark-mode sn-filter-chip .filter-chip.disabled {
  border: 1px solid;
}
sn-registration-stepper sn-filter mat-icon,
sn-registration-stepper sn-filter .more-filter-text, .dark-mode sn-filter mat-icon,
.dark-mode sn-filter .more-filter-text {
  color: #658eb8;
}
sn-registration-stepper #order-detail-information-icon, .dark-mode #order-detail-information-icon {
  color: #658eb8;
}
sn-registration-stepper #order-detail-information-icon:hover, .dark-mode #order-detail-information-icon:hover {
  color: #e28850;
}
sn-registration-stepper .border, .dark-mode .border {
  border: 1px solid #e9e9e9;
}
sn-registration-stepper .order-item-cards-labels, .dark-mode .order-item-cards-labels {
  color: rgba(0, 0, 0, 0.6);
  background-color: white;
}
sn-registration-stepper sn-generic-setting .highlighted-text, .dark-mode sn-generic-setting .highlighted-text {
  background-color: #dd7331;
}
sn-registration-stepper sn-generic-setting .generic-setting-panel mat-expansion-panel mat-expansion-panel-header mat-icon, .dark-mode sn-generic-setting .generic-setting-panel mat-expansion-panel mat-expansion-panel-header mat-icon {
  width: 14px !important;
  height: 14px !important;
  font-size: 14px !important;
  line-height: 14px !important;
  transform: scale(1.5) !important;
  margin-right: 0 !important;
  color: #4a7aab !important;
}
sn-registration-stepper sn-shipping-cost-entry .shipping-cost, .dark-mode sn-shipping-cost-entry .shipping-cost {
  border: 1px solid #e9e9e9;
  border-radius: 8px;
}
sn-registration-stepper sn-shipping-costs .container, .dark-mode sn-shipping-costs .container {
  background-color: white;
}
sn-registration-stepper sn-shipping-costs .header, .dark-mode sn-shipping-costs .header {
  color: #000000;
}
sn-registration-stepper sn-community-profile .card-edit-container button, .dark-mode sn-community-profile .card-edit-container button {
  color: #4a7aab !important;
}
sn-registration-stepper sn-community-profile .drop-placeholder, .dark-mode sn-community-profile .drop-placeholder {
  border: #80a2c4 dashed 2px;
  background: #e9eff5;
}
sn-registration-stepper sn-community-profile .contact-edit-card,
sn-registration-stepper sn-community-profile .contact-view-card, .dark-mode sn-community-profile .contact-edit-card,
.dark-mode sn-community-profile .contact-view-card {
  border: 1px solid #e9e9e9;
}
sn-registration-stepper sn-community-profile .contact-edit-card .address-card, .dark-mode sn-community-profile .contact-edit-card .address-card {
  border-color: #e9e9e9;
}
sn-registration-stepper sn-community-profile .contact-edit-card .address-card .card-header h3, .dark-mode sn-community-profile .contact-edit-card .address-card .card-header h3 {
  color: #15416b;
}
sn-registration-stepper sn-community-profile .contact-edit-card .address-card .card-content, .dark-mode sn-community-profile .contact-edit-card .address-card .card-content {
  border-color: #e9e9e9;
}
sn-registration-stepper .sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-channel-title,
sn-registration-stepper .sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-country-and-currency-title,
sn-registration-stepper .sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-channel-title,
sn-registration-stepper .sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-country-and-currency-title, .dark-mode .sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-channel-title,
.dark-mode .sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-country-and-currency-title,
.dark-mode .sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-channel-title,
.dark-mode .sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-country-and-currency-title {
  color: #000000;
}
sn-registration-stepper .page-title, .dark-mode .page-title {
  color: #4a7aab;
}
sn-registration-stepper sn-text-editor .overlay, .dark-mode sn-text-editor .overlay {
  background-color: black;
  color: white;
}
sn-registration-stepper sn-product-article-availability-import .import-stepper-help-container .help-icon.mat-mdc-button:not(:disabled), .dark-mode sn-product-article-availability-import .import-stepper-help-container .help-icon.mat-mdc-button:not(:disabled) {
  color: #4a7aab;
}
sn-registration-stepper sn-sales-group-status-info .sales-group-status-info, .dark-mode sn-sales-group-status-info .sales-group-status-info {
  color: #000000;
}
sn-registration-stepper sn-sales-group-status-info .sales-group-status-info #info-message-icon.ERROR, .dark-mode sn-sales-group-status-info .sales-group-status-info #info-message-icon.ERROR {
  color: red;
}
sn-registration-stepper sn-sales-group-status-info .sales-group-status-info #info-message-icon.WARN, .dark-mode sn-sales-group-status-info .sales-group-status-info #info-message-icon.WARN {
  color: orange;
}
sn-registration-stepper sn-sales-group-status-info .sales-group-status-info #info-message-icon.INFO, .dark-mode sn-sales-group-status-info .sales-group-status-info #info-message-icon.INFO {
  color: #15416b;
}
sn-registration-stepper sn-sales-group-status-info .sales-group-status-info #info-message-icon.SUCCESS, .dark-mode sn-sales-group-status-info .sales-group-status-info #info-message-icon.SUCCESS {
  color: green;
}
sn-registration-stepper sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container mat-icon.select, sn-registration-stepper sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container button.select, .dark-mode sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container mat-icon.select, .dark-mode sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container button.select {
  color: rgba(0, 0, 0, 0.87);
}
sn-registration-stepper sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container mat-icon.highlighted, sn-registration-stepper sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container mat-icon.cancel, sn-registration-stepper sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container button.highlighted, sn-registration-stepper sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container button.cancel, .dark-mode sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container mat-icon.highlighted, .dark-mode sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container mat-icon.cancel, .dark-mode sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container button.highlighted, .dark-mode sn-filter-selection .filter-chip:not(.disabled) .sn-filter-chip .sn-filter-chip-icon-container button.cancel {
  color: white;
}
sn-registration-stepper sn-purchase-order-detail .dispatch-group .dispatch-group-header, .dark-mode sn-purchase-order-detail .dispatch-group .dispatch-group-header {
  border-color: #e9e9e9;
}
sn-registration-stepper sn-purchase-order-detail .order-status-container, .dark-mode sn-purchase-order-detail .order-status-container {
  background-color: white;
}
sn-registration-stepper sn-purchase-order-detail .order-total-container, .dark-mode sn-purchase-order-detail .order-total-container {
  border-color: #e9e9e9;
}
sn-registration-stepper sn-shopping-cart-detail h1, .dark-mode sn-shopping-cart-detail h1 {
  color: #4a7aab !important;
}
sn-registration-stepper sn-shopping-cart-detail .supplier-group-wrapper, .dark-mode sn-shopping-cart-detail .supplier-group-wrapper {
  background-color: #ffffff;
}
sn-registration-stepper sn-shopping-cart-detail .subtotal-container, .dark-mode sn-shopping-cart-detail .subtotal-container {
  background-color: #ffffff;
}
sn-registration-stepper sn-shopping-cart-detail .subtotal-header h2, .dark-mode sn-shopping-cart-detail .subtotal-header h2 {
  color: #4a7aab !important;
}
sn-registration-stepper sn-shopping-cart-detail-supplier-group .supplier-group-header h2, .dark-mode sn-shopping-cart-detail-supplier-group .supplier-group-header h2 {
  color: #4a7aab !important;
}
sn-registration-stepper sn-shopping-cart-detail-item .error-message, sn-registration-stepper sn-shopping-cart-detail-item .warning-message, .dark-mode sn-shopping-cart-detail-item .error-message, .dark-mode sn-shopping-cart-detail-item .warning-message {
  color: red;
}
sn-registration-stepper sn-shopping-cart-checkout .checkout-container .checkout-title h1, .dark-mode sn-shopping-cart-checkout .checkout-container .checkout-title h1 {
  color: #15416b !important;
}
sn-registration-stepper sn-shopping-cart-checkout .checkout-container .section-header h2, .dark-mode sn-shopping-cart-checkout .checkout-container .section-header h2 {
  color: #15416b;
}
sn-registration-stepper sn-shopping-cart-checkout .checkout-container .checkout-card, .dark-mode sn-shopping-cart-checkout .checkout-container .checkout-card {
  background-color: white;
  border-color: #e9e9e9;
}
sn-registration-stepper sn-shopping-cart-checkout .checkout-container .checkout-card .card-header h3, .dark-mode sn-shopping-cart-checkout .checkout-container .checkout-card .card-header h3 {
  color: #15416b;
}
sn-registration-stepper sn-shopping-cart-checkout .checkout-container .checkout-card .card-content, .dark-mode sn-shopping-cart-checkout .checkout-container .checkout-card .card-content {
  border-color: #e9e9e9;
}
sn-registration-stepper sn-shopping-cart-confirmation .confirmation-container .confirmation-header h1, .dark-mode sn-shopping-cart-confirmation .confirmation-container .confirmation-header h1 {
  color: #15416b !important;
}
sn-registration-stepper sn-shopping-cart-confirmation .confirmation-container .confirmation-content .confirmation-card, .dark-mode sn-shopping-cart-confirmation .confirmation-container .confirmation-content .confirmation-card {
  background-color: white;
  border-color: #e9e9e9;
}
sn-registration-stepper sn-shopping-cart-confirmation .confirmation-container .confirmation-content .confirmation-card .card-header h2, .dark-mode sn-shopping-cart-confirmation .confirmation-container .confirmation-content .confirmation-card .card-header h2 {
  color: #15416b;
}
sn-registration-stepper sn-community-partner-card-incoming-view, .dark-mode sn-community-partner-card-incoming-view {
  background-color: #ffffff;
}
sn-registration-stepper sn-community-partner-card-incoming-view .partner-logo, .dark-mode sn-community-partner-card-incoming-view .partner-logo {
  border: 1px solid;
}
sn-registration-stepper sn-community-partner-card-incoming-view .text-title, .dark-mode sn-community-partner-card-incoming-view .text-title {
  color: #000000;
}
sn-registration-stepper sn-community-articles-list-header .country-currency-button, .dark-mode sn-community-articles-list-header .country-currency-button {
  color: #4a7aab;
  text-decoration: underline;
}
sn-registration-stepper sn-community-articles-list-header .country-currency-hint, .dark-mode sn-community-articles-list-header .country-currency-hint {
  background-color: #e9eff5;
  border-color: #c9d7e6;
  color: #4372a4;
}
sn-registration-stepper sn-community-articles-list-header .country-currency-hint .currency-link-btn, .dark-mode sn-community-articles-list-header .country-currency-hint .currency-link-btn {
  text-decoration: underline;
  cursor: pointer;
}
sn-registration-stepper sn-company-address-view .address-card, .dark-mode sn-company-address-view .address-card {
  background-color: white;
  border-color: #e9e9e9;
}
sn-registration-stepper sn-company-address-view .address-card .card-header h3, .dark-mode sn-company-address-view .address-card .card-header h3 {
  color: #15416b;
}
sn-registration-stepper sn-company-address-view .address-card .card-content, .dark-mode sn-company-address-view .address-card .card-content {
  border-color: #e9e9e9;
}
sn-registration-stepper sn-breadcrumbs .breadcrumbs-container, .dark-mode sn-breadcrumbs .breadcrumbs-container {
  color: #4a7aab;
}
sn-registration-stepper sn-breadcrumbs .breadcrumbs-container .breadcrumb-current, .dark-mode sn-breadcrumbs .breadcrumbs-container .breadcrumb-current {
  color: #000000;
}
sn-registration-stepper .warehouse-address-section .warehouse-no-address .no-address-selected, .dark-mode .warehouse-address-section .warehouse-no-address .no-address-selected {
  color: #000000;
}

html {
  --mat-badge-text-font: Roboto, monospace;
  --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: 500 20px / 32px Roboto, monospace;
  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: 350 16px / 24px Roboto, monospace;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 300 16px / 28px Roboto, monospace;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, monospace;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, monospace;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, monospace;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 200 15px / 24px Roboto, monospace;
  letter-spacing: normal;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, monospace;
  letter-spacing: normal;
}
.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, monospace;
  letter-spacing: normal;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 112px / 112px Roboto, monospace;
  letter-spacing: normal;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 400 56px / 56px Roboto, monospace;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 45px / 48px Roboto, monospace;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, monospace;
  letter-spacing: normal;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, monospace;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-button-toggle-label-text-font: Roboto, monospace;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 15px;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, monospace;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 15px;
  --mat-button-toggle-legacy-label-text-tracking: normal;
  --mat-button-toggle-legacy-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, monospace;
  --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, monospace;
  --mat-expansion-header-text-size: 15px;
  --mat-expansion-header-text-weight: 200;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, monospace;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: normal;
  --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, monospace;
  --mat-stepper-header-label-text-font: Roboto, monospace;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-size: 15px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Roboto, monospace;
  --mat-toolbar-title-text-line-height: 24px;
  --mat-toolbar-title-text-size: 16px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 350;
}

html {
  --mat-tree-node-text-font: Roboto, monospace;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Roboto, monospace;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 15px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, monospace;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 15px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: Roboto, monospace;
  --mat-card-title-text-line-height: 24px;
  --mat-card-title-text-size: 16px;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 350;
  --mat-card-subtitle-text-font: Roboto, monospace;
  --mat-card-subtitle-text-line-height: 24px;
  --mat-card-subtitle-text-size: 15px;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 200;
}

html {
  --mat-tooltip-supporting-text-font: Roboto, monospace;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: normal;
}

html {
  --mat-form-field-container-text-font: Roboto, monospace;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 15px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 15px;
  --mat-form-field-subscript-text-font: Roboto, monospace;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, monospace;
  --mat-form-field-filled-label-text-size: 15px;
  --mat-form-field-filled-label-text-tracking: normal;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, monospace;
  --mat-form-field-outlined-label-text-size: 15px;
  --mat-form-field-outlined-label-text-tracking: normal;
  --mat-form-field-outlined-label-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Roboto, monospace;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 15px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-dialog-subhead-font: Roboto, monospace;
  --mat-dialog-subhead-line-height: 24px;
  --mat-dialog-subhead-size: 16px;
  --mat-dialog-subhead-weight: 350;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-supporting-text-font: Roboto, monospace;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 15px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, monospace;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: normal;
  --mat-chip-label-text-weight: 400;
}

html {
  --mat-slide-toggle-label-text-font: Roboto, monospace;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, monospace;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}

html {
  --mat-radio-label-text-font: Roboto, monospace;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}

html {
  --mat-slider-label-label-text-font: Roboto, monospace;
  --mat-slider-label-label-text-size: 15px;
  --mat-slider-label-label-text-line-height: 24px;
  --mat-slider-label-label-text-tracking: normal;
  --mat-slider-label-label-text-weight: 200;
}

html {
  --mat-menu-item-label-text-font: Roboto, monospace;
  --mat-menu-item-label-text-size: 15px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mat-list-list-item-label-text-font: Roboto, monospace;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 15px;
  --mat-list-list-item-label-text-tracking: normal;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, monospace;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: normal;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, monospace;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: normal;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 300 16px / 28px Roboto, monospace;
  letter-spacing: normal;
}

html {
  --mat-paginator-container-text-font: Roboto, monospace;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, monospace;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: normal;
  --mat-tab-label-text-line-height: 14px;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-label-text-font: Roboto, monospace;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mat-button-filled-label-text-font: Roboto, monospace;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: normal;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, monospace;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: normal;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, monospace;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: normal;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, monospace;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: normal;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, monospace;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: normal;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-fab-extended-label-text-font: Roboto, monospace;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: normal;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-supporting-text-font: Roboto, monospace;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Roboto, monospace;
  --mat-table-header-headline-line-height: 24px;
  --mat-table-header-headline-size: 15px;
  --mat-table-header-headline-weight: 200;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Roboto, monospace;
  --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: normal;
  --mat-table-footer-supporting-text-font: Roboto, monospace;
  --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: normal;
}

input {
  font-size: 20px;
  font-family: Roboto, monospace;
}

.notification-dropdown {
  font-family: Roboto, monospace;
}
.notification-dropdown .notification-title .only-show-unread-toggle-text {
  font-size: 15px;
}

.folder {
  font-size: 56px;
}

sn-panel .panel-header h2 {
  font-weight: 500;
}

.generic-table .filter-icon {
  font-size: 18px !important;
}
.generic-table .table-footer {
  font-weight: bold;
}
.generic-table .normal {
  font-weight: normal;
}
.generic-table .bold {
  font-weight: bold;
}

:host {
  width: 100%;
  display: block;
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
}

.form-field-container .form-field-message {
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  font-size: 12px;
}
.form-field-container .info {
  opacity: 0;
  margin-left: auto;
}
.form-field-container .error {
  opacity: 0;
}
.form-field-container .warn {
  opacity: 0;
}

.title, .mat-mdc-dialog-title, .mat-mdc-dialog-container .mdc-dialog__title .custom-content__i__test__this {
  font-size: 20px !important;
  font-family: Roboto, monospace !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  letter-spacing: normal !important;
}

.description, .mat-mdc-dialog-content {
  font-size: 14px !important;
  font-family: Roboto, monospace !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  letter-spacing: normal !important;
}

sn-order-detail .order-total-shipping {
  font-weight: 500;
}
sn-order-detail .order-total {
  font-weight: 600;
}

sn-order-status .order-total-shipping {
  font-weight: 500;
}
sn-order-status .order-total {
  font-weight: 600;
}

sn-offer-status .offer-total-shipping {
  font-weight: 500;
}
sn-offer-status .offer-total {
  font-weight: 600;
}

mat-expansion-panel-header mat-panel-description.custom-description {
  font-size: 15px;
}

sn-filter-chip .highlighted {
  font-weight: 500;
}

sn-filter-tree {
  font-size: 14px;
}
sn-filter-tree .selected {
  font-weight: 500;
}

sn-filter-selection {
  font-size: 14px;
  font-family: Roboto, monospace;
  font-weight: 400;
}

sn-filter-checkbox {
  font-size: 14px;
  font-family: Roboto, monospace;
  font-weight: 400;
}

sn-filter-overlay-container {
  font-size: 15px;
  font-family: Roboto, monospace;
  font-weight: 400;
}
sn-filter-overlay-container .filter-label {
  font-weight: 500;
  margin-bottom: 0;
}

sn-product-export-import-selection .card-header {
  font-size: 20px;
  font-family: Roboto, monospace;
}
sn-product-export-import-selection .card-body {
  font-size: 14px;
  font-family: Roboto, monospace;
}

sn-community-image-header .company-title div {
  font-size: 1.8em;
  line-height: normal;
}
@media (max-width: 480px) {
  sn-community-image-header .company-title div {
    font-size: 1.3em;
  }
}

sn-product-detail-category-assign-edit-view-dialog .hierarchical-container .filter-line {
  font-size: 15px;
  font-family: Roboto, monospace;
  font-weight: 400;
}
sn-product-detail-category-assign-edit-view-dialog .hierarchical-container .filter-line-text {
  font-size: 15px;
  font-family: Roboto, monospace;
  font-weight: 400;
}

.sales-group-settings-view-container .card-label-channel {
  font-size: 11px;
}
.sales-group-settings-view-container .card-label-channel.error {
  font-size: 14px;
}

.card-option-container .card-option-content .card-option-content-icon {
  font-size: 80px;
}

#purchase-price-sub-column {
  font-size: 12px;
  font-family: Roboto, monospace;
}

#current-price-agreement-sub-column {
  font-size: 12px;
  font-family: Roboto, monospace;
}

#planned-price-agreement-sub-column {
  font-size: 12px;
  font-family: Roboto, monospace;
}

sn-community-article-detail .price,
sn-community-article-detail .title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
}
sn-community-article-detail .partnership-text {
  font-size: 16px;
  font-weight: 500;
}

sn-community-supplier-comparison .price {
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
}

sn-trade-detail-panel .country-currency-information {
  font-size: 12px;
  font-family: Roboto, monospace;
}
sn-trade-detail-panel .title {
  font-weight: 500;
}
sn-trade-detail-panel .price-history-title {
  font-weight: 500;
}

#container-bubble-partner-price .base-price-info,
#container-bubble-partner-price .purchase-price-abbreviation,
#container-bubble-partner-price .base-price-abbreviation {
  font-size: 12px;
}
#container-bubble-partner-price .price-text,
#container-bubble-partner-price .purchase-price,
#container-bubble-partner-price .base-price {
  font-size: 15px;
}

sn-learning-center .learning-center-content h2, sn-learning-center .learning-center-content h3 {
  font-weight: 400;
}

sn-shopping-cart-panel #sum, sn-shopping-cart-panel #sum-text {
  font-size: 16px;
  font-weight: 500;
}
sn-shopping-cart-panel #sum-additional {
  font-size: 12px;
  font-weight: 300;
}
sn-shopping-cart-panel #header #country {
  font-size: 13px;
  font-weight: 400;
}

sn-shopping-cart-item .price {
  font-size: 16px;
  font-weight: 500;
}
sn-shopping-cart-item #community-price {
  font-size: 16px;
  font-weight: 400;
}
sn-shopping-cart-item .error {
  font-size: 12px;
  font-weight: 300;
}

.mat-menu-item-custom .notification-item-content .notification-item-created-date {
  font-size: 11px;
}

sn-activity-item .activity-item-end-date,
sn-activity-item .activity-item-start-date {
  font-size: 11px;
}

sn-filter .more-filter-text {
  font-size: 14px;
  font-family: Roboto, monospace;
  font-weight: 500;
}

sn-column-header .header-caption {
  font-size: 14px;
  font-weight: 500;
}

sn-shipping-costs .header {
  font-weight: 500;
  font-size: 15px;
}

.sales-group-card-container .sales-group-card .sales-group-card-header .sales-group-card-header-title-truncated {
  font-size: 22px;
  font-weight: 400;
}
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-channel-title,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-country-and-currency-title,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-channel-title,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-country-and-currency-title {
  font-size: 10px;
  font-weight: 430;
  letter-spacing: 1.4px;
}
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-channel-elements .sales-group-card-content-channel-section .sales-group-card-content-channel-icon mat-icon,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-channel-elements .sales-group-card-content-channel-section .sales-group-card-content-channel-icon mat-icon {
  font-size: 26px;
}
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-channel-elements .sales-group-card-content-channel-section .sales-group-card-content-channel-name,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-channel-elements .sales-group-card-content-channel-section .sales-group-card-content-channel-name {
  font-size: 8px;
}
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-country-and-currency-section .sales-group-card-content-country,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-channel .sales-group-card-content-country-and-currency-section .sales-group-card-content-currency,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-country-and-currency-section .sales-group-card-content-country,
.sales-group-card-container .sales-group-card .sales-group-card-content-container .sales-group-card-content-country-and-currency .sales-group-card-content-country-and-currency-section .sales-group-card-content-currency {
  font-size: 26px;
}

sn-widget-release-notes .label {
  font-size: 16px;
  font-weight: 400;
}

sn-sales-group-status-info .sales-group-status-info {
  font: 12px Roboto;
  font-weight: 400;
}

sn-purchase-order-detail .order-total-shipping {
  font-weight: 500;
}
sn-purchase-order-detail .order-total {
  font-weight: 600;
}

sn-shopping-cart-detail .subtotal-header h2 {
  font-weight: 500;
}
sn-shopping-cart-detail .sum-text, sn-shopping-cart-detail sum-value {
  font-weight: 500;
}

sn-shopping-cart-detail-supplier-group .supplier-group-header h2 {
  font-weight: 500;
}
sn-shopping-cart-detail-supplier-group .order-total {
  font-weight: 600;
}
sn-shopping-cart-detail-supplier-group .sum-text, sn-shopping-cart-detail-supplier-group sum-value {
  font-weight: 500;
}

sn-shopping-cart-detail-item .price {
  font-weight: 500;
}
sn-shopping-cart-detail-item .error-message, sn-shopping-cart-detail-item .warning-message {
  font-size: 12px;
}

sn-shopping-cart-checkout .checkout-container .checkout-card .card-header h3 {
  font-weight: 500;
}
sn-shopping-cart-checkout .checkout-container .checkout-card .card-content p:first-child {
  font-weight: 500;
}

sn-shopping-cart-confirmation .confirmation-content .confirmation-card .card-header h2 {
  font-weight: 400;
  font-size: 18px;
}

sn-community-article-card .quick-select-item {
  font-size: 10px;
}
sn-community-article-card .price-available-container .price {
  font-size: 18px;
  font-weight: 500;
}
sn-community-article-card .price-available-container .available {
  font-size: 14px;
}
sn-community-article-card .network-price {
  font-size: 14px;
}
sn-community-article-card .article-name {
  font-size: 16px;
  font-weight: 350;
}

sn-community-partner-card-incoming-view h3 {
  font-weight: 200 !important;
  font-size: 1.4rem !important;
}

sn-platform-category-assignment-dialog .hierarchical-container .filter-line {
  font-size: 15px;
  font-family: Roboto, monospace;
  font-weight: 400;
}
sn-platform-category-assignment-dialog .hierarchical-container .filter-line-text {
  font-size: 15px;
  font-family: Roboto, monospace;
  font-weight: 400;
}

sn-home .network-article-card-title {
  font-size: 24px;
  font-weight: 500;
}
sn-home .network-article-card-button {
  font-size: 16px;
}

sn-company-address-view .address-card .card-header h3 {
  font-weight: 500;
}
sn-company-address-view .address-card .card-content p:first-child {
  font-weight: 500;
}

body {
  margin: 0;
}

html, body {
  height: 100%;
}

:root {
  interpolate-size: allow-keywords;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/flag-icons/css/flag-icons.min.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url('xx.svg')}.fi-xx.fis{background-image:url('_-flags-1x1-xx.svg')}.fi-ad{background-image:url('ad.svg')}.fi-ad.fis{background-image:url('_-flags-1x1-ad.svg')}.fi-ae{background-image:url('ae.svg')}.fi-ae.fis{background-image:url('_-flags-1x1-ae.svg')}.fi-af{background-image:url('af.svg')}.fi-af.fis{background-image:url('_-flags-1x1-af.svg')}.fi-ag{background-image:url('ag.svg')}.fi-ag.fis{background-image:url('_-flags-1x1-ag.svg')}.fi-ai{background-image:url('ai.svg')}.fi-ai.fis{background-image:url('_-flags-1x1-ai.svg')}.fi-al{background-image:url('al.svg')}.fi-al.fis{background-image:url('_-flags-1x1-al.svg')}.fi-am{background-image:url('am.svg')}.fi-am.fis{background-image:url('_-flags-1x1-am.svg')}.fi-ao{background-image:url('ao.svg')}.fi-ao.fis{background-image:url('_-flags-1x1-ao.svg')}.fi-aq{background-image:url('aq.svg')}.fi-aq.fis{background-image:url('_-flags-1x1-aq.svg')}.fi-ar{background-image:url('ar.svg')}.fi-ar.fis{background-image:url('_-flags-1x1-ar.svg')}.fi-as{background-image:url('as.svg')}.fi-as.fis{background-image:url('_-flags-1x1-as.svg')}.fi-at{background-image:url('at.svg')}.fi-at.fis{background-image:url('_-flags-1x1-at.svg')}.fi-au{background-image:url('au.svg')}.fi-au.fis{background-image:url('_-flags-1x1-au.svg')}.fi-aw{background-image:url('aw.svg')}.fi-aw.fis{background-image:url('_-flags-1x1-aw.svg')}.fi-ax{background-image:url('ax.svg')}.fi-ax.fis{background-image:url('_-flags-1x1-ax.svg')}.fi-az{background-image:url('az.svg')}.fi-az.fis{background-image:url('_-flags-1x1-az.svg')}.fi-ba{background-image:url('ba.svg')}.fi-ba.fis{background-image:url('_-flags-1x1-ba.svg')}.fi-bb{background-image:url('bb.svg')}.fi-bb.fis{background-image:url('_-flags-1x1-bb.svg')}.fi-bd{background-image:url('bd.svg')}.fi-bd.fis{background-image:url('_-flags-1x1-bd.svg')}.fi-be{background-image:url('be.svg')}.fi-be.fis{background-image:url('_-flags-1x1-be.svg')}.fi-bf{background-image:url('bf.svg')}.fi-bf.fis{background-image:url('_-flags-1x1-bf.svg')}.fi-bg{background-image:url('bg.svg')}.fi-bg.fis{background-image:url('_-flags-1x1-bg.svg')}.fi-bh{background-image:url('bh.svg')}.fi-bh.fis{background-image:url('_-flags-1x1-bh.svg')}.fi-bi{background-image:url('bi.svg')}.fi-bi.fis{background-image:url('_-flags-1x1-bi.svg')}.fi-bj{background-image:url('bj.svg')}.fi-bj.fis{background-image:url('_-flags-1x1-bj.svg')}.fi-bl{background-image:url('bl.svg')}.fi-bl.fis{background-image:url('_-flags-1x1-bl.svg')}.fi-bm{background-image:url('bm.svg')}.fi-bm.fis{background-image:url('_-flags-1x1-bm.svg')}.fi-bn{background-image:url('bn.svg')}.fi-bn.fis{background-image:url('_-flags-1x1-bn.svg')}.fi-bo{background-image:url('bo.svg')}.fi-bo.fis{background-image:url('_-flags-1x1-bo.svg')}.fi-bq{background-image:url('bq.svg')}.fi-bq.fis{background-image:url('_-flags-1x1-bq.svg')}.fi-br{background-image:url('br.svg')}.fi-br.fis{background-image:url('_-flags-1x1-br.svg')}.fi-bs{background-image:url('bs.svg')}.fi-bs.fis{background-image:url('_-flags-1x1-bs.svg')}.fi-bt{background-image:url('bt.svg')}.fi-bt.fis{background-image:url('_-flags-1x1-bt.svg')}.fi-bv{background-image:url('bv.svg')}.fi-bv.fis{background-image:url('_-flags-1x1-bv.svg')}.fi-bw{background-image:url('bw.svg')}.fi-bw.fis{background-image:url('_-flags-1x1-bw.svg')}.fi-by{background-image:url('by.svg')}.fi-by.fis{background-image:url('_-flags-1x1-by.svg')}.fi-bz{background-image:url('bz.svg')}.fi-bz.fis{background-image:url('_-flags-1x1-bz.svg')}.fi-ca{background-image:url('ca.svg')}.fi-ca.fis{background-image:url('_-flags-1x1-ca.svg')}.fi-cc{background-image:url('cc.svg')}.fi-cc.fis{background-image:url('_-flags-1x1-cc.svg')}.fi-cd{background-image:url('cd.svg')}.fi-cd.fis{background-image:url('_-flags-1x1-cd.svg')}.fi-cf{background-image:url('cf.svg')}.fi-cf.fis{background-image:url('_-flags-1x1-cf.svg')}.fi-cg{background-image:url('cg.svg')}.fi-cg.fis{background-image:url('_-flags-1x1-cg.svg')}.fi-ch{background-image:url('ch.svg')}.fi-ch.fis{background-image:url('_-flags-1x1-ch.svg')}.fi-ci{background-image:url('ci.svg')}.fi-ci.fis{background-image:url('_-flags-1x1-ci.svg')}.fi-ck{background-image:url('ck.svg')}.fi-ck.fis{background-image:url('_-flags-1x1-ck.svg')}.fi-cl{background-image:url('cl.svg')}.fi-cl.fis{background-image:url('_-flags-1x1-cl.svg')}.fi-cm{background-image:url('cm.svg')}.fi-cm.fis{background-image:url('_-flags-1x1-cm.svg')}.fi-cn{background-image:url('cn.svg')}.fi-cn.fis{background-image:url('_-flags-1x1-cn.svg')}.fi-co{background-image:url('co.svg')}.fi-co.fis{background-image:url('_-flags-1x1-co.svg')}.fi-cr{background-image:url('cr.svg')}.fi-cr.fis{background-image:url('_-flags-1x1-cr.svg')}.fi-cu{background-image:url('cu.svg')}.fi-cu.fis{background-image:url('_-flags-1x1-cu.svg')}.fi-cv{background-image:url('cv.svg')}.fi-cv.fis{background-image:url('_-flags-1x1-cv.svg')}.fi-cw{background-image:url('cw.svg')}.fi-cw.fis{background-image:url('_-flags-1x1-cw.svg')}.fi-cx{background-image:url('cx.svg')}.fi-cx.fis{background-image:url('_-flags-1x1-cx.svg')}.fi-cy{background-image:url('cy.svg')}.fi-cy.fis{background-image:url('_-flags-1x1-cy.svg')}.fi-cz{background-image:url('cz.svg')}.fi-cz.fis{background-image:url('_-flags-1x1-cz.svg')}.fi-de{background-image:url('de.svg')}.fi-de.fis{background-image:url('_-flags-1x1-de.svg')}.fi-dj{background-image:url('dj.svg')}.fi-dj.fis{background-image:url('_-flags-1x1-dj.svg')}.fi-dk{background-image:url('dk.svg')}.fi-dk.fis{background-image:url('_-flags-1x1-dk.svg')}.fi-dm{background-image:url('dm.svg')}.fi-dm.fis{background-image:url('_-flags-1x1-dm.svg')}.fi-do{background-image:url('do.svg')}.fi-do.fis{background-image:url('_-flags-1x1-do.svg')}.fi-dz{background-image:url('dz.svg')}.fi-dz.fis{background-image:url('_-flags-1x1-dz.svg')}.fi-ec{background-image:url('ec.svg')}.fi-ec.fis{background-image:url('_-flags-1x1-ec.svg')}.fi-ee{background-image:url('ee.svg')}.fi-ee.fis{background-image:url('_-flags-1x1-ee.svg')}.fi-eg{background-image:url('eg.svg')}.fi-eg.fis{background-image:url('_-flags-1x1-eg.svg')}.fi-eh{background-image:url('eh.svg')}.fi-eh.fis{background-image:url('_-flags-1x1-eh.svg')}.fi-er{background-image:url('er.svg')}.fi-er.fis{background-image:url('_-flags-1x1-er.svg')}.fi-es{background-image:url('es.svg')}.fi-es.fis{background-image:url('_-flags-1x1-es.svg')}.fi-et{background-image:url('et.svg')}.fi-et.fis{background-image:url('_-flags-1x1-et.svg')}.fi-fi{background-image:url('fi.svg')}.fi-fi.fis{background-image:url('_-flags-1x1-fi.svg')}.fi-fj{background-image:url('fj.svg')}.fi-fj.fis{background-image:url('_-flags-1x1-fj.svg')}.fi-fk{background-image:url('fk.svg')}.fi-fk.fis{background-image:url('_-flags-1x1-fk.svg')}.fi-fm{background-image:url('fm.svg')}.fi-fm.fis{background-image:url('_-flags-1x1-fm.svg')}.fi-fo{background-image:url('fo.svg')}.fi-fo.fis{background-image:url('_-flags-1x1-fo.svg')}.fi-fr{background-image:url('fr.svg')}.fi-fr.fis{background-image:url('_-flags-1x1-fr.svg')}.fi-ga{background-image:url('ga.svg')}.fi-ga.fis{background-image:url('_-flags-1x1-ga.svg')}.fi-gb{background-image:url('gb.svg')}.fi-gb.fis{background-image:url('_-flags-1x1-gb.svg')}.fi-gd{background-image:url('gd.svg')}.fi-gd.fis{background-image:url('_-flags-1x1-gd.svg')}.fi-ge{background-image:url('ge.svg')}.fi-ge.fis{background-image:url('_-flags-1x1-ge.svg')}.fi-gf{background-image:url('gf.svg')}.fi-gf.fis{background-image:url('_-flags-1x1-gf.svg')}.fi-gg{background-image:url('gg.svg')}.fi-gg.fis{background-image:url('_-flags-1x1-gg.svg')}.fi-gh{background-image:url('gh.svg')}.fi-gh.fis{background-image:url('_-flags-1x1-gh.svg')}.fi-gi{background-image:url('gi.svg')}.fi-gi.fis{background-image:url('_-flags-1x1-gi.svg')}.fi-gl{background-image:url('gl.svg')}.fi-gl.fis{background-image:url('_-flags-1x1-gl.svg')}.fi-gm{background-image:url('gm.svg')}.fi-gm.fis{background-image:url('_-flags-1x1-gm.svg')}.fi-gn{background-image:url('gn.svg')}.fi-gn.fis{background-image:url('_-flags-1x1-gn.svg')}.fi-gp{background-image:url('gp.svg')}.fi-gp.fis{background-image:url('_-flags-1x1-gp.svg')}.fi-gq{background-image:url('gq.svg')}.fi-gq.fis{background-image:url('_-flags-1x1-gq.svg')}.fi-gr{background-image:url('gr.svg')}.fi-gr.fis{background-image:url('_-flags-1x1-gr.svg')}.fi-gs{background-image:url('gs.svg')}.fi-gs.fis{background-image:url('_-flags-1x1-gs.svg')}.fi-gt{background-image:url('gt.svg')}.fi-gt.fis{background-image:url('_-flags-1x1-gt.svg')}.fi-gu{background-image:url('gu.svg')}.fi-gu.fis{background-image:url('_-flags-1x1-gu.svg')}.fi-gw{background-image:url('gw.svg')}.fi-gw.fis{background-image:url('_-flags-1x1-gw.svg')}.fi-gy{background-image:url('gy.svg')}.fi-gy.fis{background-image:url('_-flags-1x1-gy.svg')}.fi-hk{background-image:url('hk.svg')}.fi-hk.fis{background-image:url('_-flags-1x1-hk.svg')}.fi-hm{background-image:url('hm.svg')}.fi-hm.fis{background-image:url('_-flags-1x1-hm.svg')}.fi-hn{background-image:url('hn.svg')}.fi-hn.fis{background-image:url('_-flags-1x1-hn.svg')}.fi-hr{background-image:url('hr.svg')}.fi-hr.fis{background-image:url('_-flags-1x1-hr.svg')}.fi-ht{background-image:url('ht.svg')}.fi-ht.fis{background-image:url('_-flags-1x1-ht.svg')}.fi-hu{background-image:url('hu.svg')}.fi-hu.fis{background-image:url('_-flags-1x1-hu.svg')}.fi-id{background-image:url('id.svg')}.fi-id.fis{background-image:url('_-flags-1x1-id.svg')}.fi-ie{background-image:url('ie.svg')}.fi-ie.fis{background-image:url('_-flags-1x1-ie.svg')}.fi-il{background-image:url('il.svg')}.fi-il.fis{background-image:url('_-flags-1x1-il.svg')}.fi-im{background-image:url('im.svg')}.fi-im.fis{background-image:url('_-flags-1x1-im.svg')}.fi-in{background-image:url('in.svg')}.fi-in.fis{background-image:url('_-flags-1x1-in.svg')}.fi-io{background-image:url('io.svg')}.fi-io.fis{background-image:url('_-flags-1x1-io.svg')}.fi-iq{background-image:url('iq.svg')}.fi-iq.fis{background-image:url('_-flags-1x1-iq.svg')}.fi-ir{background-image:url('ir.svg')}.fi-ir.fis{background-image:url('_-flags-1x1-ir.svg')}.fi-is{background-image:url('is.svg')}.fi-is.fis{background-image:url('_-flags-1x1-is.svg')}.fi-it{background-image:url('it.svg')}.fi-it.fis{background-image:url('_-flags-1x1-it.svg')}.fi-je{background-image:url('je.svg')}.fi-je.fis{background-image:url('_-flags-1x1-je.svg')}.fi-jm{background-image:url('jm.svg')}.fi-jm.fis{background-image:url('_-flags-1x1-jm.svg')}.fi-jo{background-image:url('jo.svg')}.fi-jo.fis{background-image:url('_-flags-1x1-jo.svg')}.fi-jp{background-image:url('jp.svg')}.fi-jp.fis{background-image:url('_-flags-1x1-jp.svg')}.fi-ke{background-image:url('ke.svg')}.fi-ke.fis{background-image:url('_-flags-1x1-ke.svg')}.fi-kg{background-image:url('kg.svg')}.fi-kg.fis{background-image:url('_-flags-1x1-kg.svg')}.fi-kh{background-image:url('kh.svg')}.fi-kh.fis{background-image:url('_-flags-1x1-kh.svg')}.fi-ki{background-image:url('ki.svg')}.fi-ki.fis{background-image:url('_-flags-1x1-ki.svg')}.fi-km{background-image:url('km.svg')}.fi-km.fis{background-image:url('_-flags-1x1-km.svg')}.fi-kn{background-image:url('kn.svg')}.fi-kn.fis{background-image:url('_-flags-1x1-kn.svg')}.fi-kp{background-image:url('kp.svg')}.fi-kp.fis{background-image:url('_-flags-1x1-kp.svg')}.fi-kr{background-image:url('kr.svg')}.fi-kr.fis{background-image:url('_-flags-1x1-kr.svg')}.fi-kw{background-image:url('kw.svg')}.fi-kw.fis{background-image:url('_-flags-1x1-kw.svg')}.fi-ky{background-image:url('ky.svg')}.fi-ky.fis{background-image:url('_-flags-1x1-ky.svg')}.fi-kz{background-image:url('kz.svg')}.fi-kz.fis{background-image:url('_-flags-1x1-kz.svg')}.fi-la{background-image:url('la.svg')}.fi-la.fis{background-image:url('_-flags-1x1-la.svg')}.fi-lb{background-image:url('lb.svg')}.fi-lb.fis{background-image:url('_-flags-1x1-lb.svg')}.fi-lc{background-image:url('lc.svg')}.fi-lc.fis{background-image:url('_-flags-1x1-lc.svg')}.fi-li{background-image:url('li.svg')}.fi-li.fis{background-image:url('_-flags-1x1-li.svg')}.fi-lk{background-image:url('lk.svg')}.fi-lk.fis{background-image:url('_-flags-1x1-lk.svg')}.fi-lr{background-image:url('lr.svg')}.fi-lr.fis{background-image:url('_-flags-1x1-lr.svg')}.fi-ls{background-image:url('ls.svg')}.fi-ls.fis{background-image:url('_-flags-1x1-ls.svg')}.fi-lt{background-image:url('lt.svg')}.fi-lt.fis{background-image:url('_-flags-1x1-lt.svg')}.fi-lu{background-image:url('lu.svg')}.fi-lu.fis{background-image:url('_-flags-1x1-lu.svg')}.fi-lv{background-image:url('lv.svg')}.fi-lv.fis{background-image:url('_-flags-1x1-lv.svg')}.fi-ly{background-image:url('ly.svg')}.fi-ly.fis{background-image:url('_-flags-1x1-ly.svg')}.fi-ma{background-image:url('ma.svg')}.fi-ma.fis{background-image:url('_-flags-1x1-ma.svg')}.fi-mc{background-image:url('mc.svg')}.fi-mc.fis{background-image:url('_-flags-1x1-mc.svg')}.fi-md{background-image:url('md.svg')}.fi-md.fis{background-image:url('_-flags-1x1-md.svg')}.fi-me{background-image:url('me.svg')}.fi-me.fis{background-image:url('_-flags-1x1-me.svg')}.fi-mf{background-image:url('mf.svg')}.fi-mf.fis{background-image:url('_-flags-1x1-mf.svg')}.fi-mg{background-image:url('mg.svg')}.fi-mg.fis{background-image:url('_-flags-1x1-mg.svg')}.fi-mh{background-image:url('mh.svg')}.fi-mh.fis{background-image:url('_-flags-1x1-mh.svg')}.fi-mk{background-image:url('mk.svg')}.fi-mk.fis{background-image:url('_-flags-1x1-mk.svg')}.fi-ml{background-image:url('ml.svg')}.fi-ml.fis{background-image:url('_-flags-1x1-ml.svg')}.fi-mm{background-image:url('mm.svg')}.fi-mm.fis{background-image:url('_-flags-1x1-mm.svg')}.fi-mn{background-image:url('mn.svg')}.fi-mn.fis{background-image:url('_-flags-1x1-mn.svg')}.fi-mo{background-image:url('mo.svg')}.fi-mo.fis{background-image:url('_-flags-1x1-mo.svg')}.fi-mp{background-image:url('mp.svg')}.fi-mp.fis{background-image:url('_-flags-1x1-mp.svg')}.fi-mq{background-image:url('mq.svg')}.fi-mq.fis{background-image:url('_-flags-1x1-mq.svg')}.fi-mr{background-image:url('mr.svg')}.fi-mr.fis{background-image:url('_-flags-1x1-mr.svg')}.fi-ms{background-image:url('ms.svg')}.fi-ms.fis{background-image:url('_-flags-1x1-ms.svg')}.fi-mt{background-image:url('mt.svg')}.fi-mt.fis{background-image:url('_-flags-1x1-mt.svg')}.fi-mu{background-image:url('mu.svg')}.fi-mu.fis{background-image:url('_-flags-1x1-mu.svg')}.fi-mv{background-image:url('mv.svg')}.fi-mv.fis{background-image:url('_-flags-1x1-mv.svg')}.fi-mw{background-image:url('mw.svg')}.fi-mw.fis{background-image:url('_-flags-1x1-mw.svg')}.fi-mx{background-image:url('mx.svg')}.fi-mx.fis{background-image:url('_-flags-1x1-mx.svg')}.fi-my{background-image:url('my.svg')}.fi-my.fis{background-image:url('_-flags-1x1-my.svg')}.fi-mz{background-image:url('mz.svg')}.fi-mz.fis{background-image:url('_-flags-1x1-mz.svg')}.fi-na{background-image:url('na.svg')}.fi-na.fis{background-image:url('_-flags-1x1-na.svg')}.fi-nc{background-image:url('nc.svg')}.fi-nc.fis{background-image:url('_-flags-1x1-nc.svg')}.fi-ne{background-image:url('ne.svg')}.fi-ne.fis{background-image:url('_-flags-1x1-ne.svg')}.fi-nf{background-image:url('nf.svg')}.fi-nf.fis{background-image:url('_-flags-1x1-nf.svg')}.fi-ng{background-image:url('ng.svg')}.fi-ng.fis{background-image:url('_-flags-1x1-ng.svg')}.fi-ni{background-image:url('ni.svg')}.fi-ni.fis{background-image:url('_-flags-1x1-ni.svg')}.fi-nl{background-image:url('nl.svg')}.fi-nl.fis{background-image:url('_-flags-1x1-nl.svg')}.fi-no{background-image:url('no.svg')}.fi-no.fis{background-image:url('_-flags-1x1-no.svg')}.fi-np{background-image:url('np.svg')}.fi-np.fis{background-image:url('_-flags-1x1-np.svg')}.fi-nr{background-image:url('nr.svg')}.fi-nr.fis{background-image:url('_-flags-1x1-nr.svg')}.fi-nu{background-image:url('nu.svg')}.fi-nu.fis{background-image:url('_-flags-1x1-nu.svg')}.fi-nz{background-image:url('nz.svg')}.fi-nz.fis{background-image:url('_-flags-1x1-nz.svg')}.fi-om{background-image:url('om.svg')}.fi-om.fis{background-image:url('_-flags-1x1-om.svg')}.fi-pa{background-image:url('pa.svg')}.fi-pa.fis{background-image:url('_-flags-1x1-pa.svg')}.fi-pe{background-image:url('pe.svg')}.fi-pe.fis{background-image:url('_-flags-1x1-pe.svg')}.fi-pf{background-image:url('pf.svg')}.fi-pf.fis{background-image:url('_-flags-1x1-pf.svg')}.fi-pg{background-image:url('pg.svg')}.fi-pg.fis{background-image:url('_-flags-1x1-pg.svg')}.fi-ph{background-image:url('ph.svg')}.fi-ph.fis{background-image:url('_-flags-1x1-ph.svg')}.fi-pk{background-image:url('pk.svg')}.fi-pk.fis{background-image:url('_-flags-1x1-pk.svg')}.fi-pl{background-image:url('pl.svg')}.fi-pl.fis{background-image:url('_-flags-1x1-pl.svg')}.fi-pm{background-image:url('pm.svg')}.fi-pm.fis{background-image:url('_-flags-1x1-pm.svg')}.fi-pn{background-image:url('pn.svg')}.fi-pn.fis{background-image:url('_-flags-1x1-pn.svg')}.fi-pr{background-image:url('pr.svg')}.fi-pr.fis{background-image:url('_-flags-1x1-pr.svg')}.fi-ps{background-image:url('ps.svg')}.fi-ps.fis{background-image:url('_-flags-1x1-ps.svg')}.fi-pt{background-image:url('pt.svg')}.fi-pt.fis{background-image:url('_-flags-1x1-pt.svg')}.fi-pw{background-image:url('pw.svg')}.fi-pw.fis{background-image:url('_-flags-1x1-pw.svg')}.fi-py{background-image:url('py.svg')}.fi-py.fis{background-image:url('_-flags-1x1-py.svg')}.fi-qa{background-image:url('qa.svg')}.fi-qa.fis{background-image:url('_-flags-1x1-qa.svg')}.fi-re{background-image:url('re.svg')}.fi-re.fis{background-image:url('_-flags-1x1-re.svg')}.fi-ro{background-image:url('ro.svg')}.fi-ro.fis{background-image:url('_-flags-1x1-ro.svg')}.fi-rs{background-image:url('rs.svg')}.fi-rs.fis{background-image:url('_-flags-1x1-rs.svg')}.fi-ru{background-image:url('ru.svg')}.fi-ru.fis{background-image:url('_-flags-1x1-ru.svg')}.fi-rw{background-image:url('rw.svg')}.fi-rw.fis{background-image:url('_-flags-1x1-rw.svg')}.fi-sa{background-image:url('sa.svg')}.fi-sa.fis{background-image:url('_-flags-1x1-sa.svg')}.fi-sb{background-image:url('sb.svg')}.fi-sb.fis{background-image:url('_-flags-1x1-sb.svg')}.fi-sc{background-image:url('sc.svg')}.fi-sc.fis{background-image:url('_-flags-1x1-sc.svg')}.fi-sd{background-image:url('sd.svg')}.fi-sd.fis{background-image:url('_-flags-1x1-sd.svg')}.fi-se{background-image:url('se.svg')}.fi-se.fis{background-image:url('_-flags-1x1-se.svg')}.fi-sg{background-image:url('sg.svg')}.fi-sg.fis{background-image:url('_-flags-1x1-sg.svg')}.fi-sh{background-image:url('sh.svg')}.fi-sh.fis{background-image:url('_-flags-1x1-sh.svg')}.fi-si{background-image:url('si.svg')}.fi-si.fis{background-image:url('_-flags-1x1-si.svg')}.fi-sj{background-image:url('sj.svg')}.fi-sj.fis{background-image:url('_-flags-1x1-sj.svg')}.fi-sk{background-image:url('sk.svg')}.fi-sk.fis{background-image:url('_-flags-1x1-sk.svg')}.fi-sl{background-image:url('sl.svg')}.fi-sl.fis{background-image:url('_-flags-1x1-sl.svg')}.fi-sm{background-image:url('sm.svg')}.fi-sm.fis{background-image:url('_-flags-1x1-sm.svg')}.fi-sn{background-image:url('sn.svg')}.fi-sn.fis{background-image:url('_-flags-1x1-sn.svg')}.fi-so{background-image:url('so.svg')}.fi-so.fis{background-image:url('_-flags-1x1-so.svg')}.fi-sr{background-image:url('sr.svg')}.fi-sr.fis{background-image:url('_-flags-1x1-sr.svg')}.fi-ss{background-image:url('ss.svg')}.fi-ss.fis{background-image:url('_-flags-1x1-ss.svg')}.fi-st{background-image:url('st.svg')}.fi-st.fis{background-image:url('_-flags-1x1-st.svg')}.fi-sv{background-image:url('sv.svg')}.fi-sv.fis{background-image:url('_-flags-1x1-sv.svg')}.fi-sx{background-image:url('sx.svg')}.fi-sx.fis{background-image:url('_-flags-1x1-sx.svg')}.fi-sy{background-image:url('sy.svg')}.fi-sy.fis{background-image:url('_-flags-1x1-sy.svg')}.fi-sz{background-image:url('sz.svg')}.fi-sz.fis{background-image:url('_-flags-1x1-sz.svg')}.fi-tc{background-image:url('tc.svg')}.fi-tc.fis{background-image:url('_-flags-1x1-tc.svg')}.fi-td{background-image:url('td.svg')}.fi-td.fis{background-image:url('_-flags-1x1-td.svg')}.fi-tf{background-image:url('tf.svg')}.fi-tf.fis{background-image:url('_-flags-1x1-tf.svg')}.fi-tg{background-image:url('tg.svg')}.fi-tg.fis{background-image:url('_-flags-1x1-tg.svg')}.fi-th{background-image:url('th.svg')}.fi-th.fis{background-image:url('_-flags-1x1-th.svg')}.fi-tj{background-image:url('tj.svg')}.fi-tj.fis{background-image:url('_-flags-1x1-tj.svg')}.fi-tk{background-image:url('tk.svg')}.fi-tk.fis{background-image:url('_-flags-1x1-tk.svg')}.fi-tl{background-image:url('tl.svg')}.fi-tl.fis{background-image:url('_-flags-1x1-tl.svg')}.fi-tm{background-image:url('tm.svg')}.fi-tm.fis{background-image:url('_-flags-1x1-tm.svg')}.fi-tn{background-image:url('tn.svg')}.fi-tn.fis{background-image:url('_-flags-1x1-tn.svg')}.fi-to{background-image:url('to.svg')}.fi-to.fis{background-image:url('_-flags-1x1-to.svg')}.fi-tr{background-image:url('tr.svg')}.fi-tr.fis{background-image:url('_-flags-1x1-tr.svg')}.fi-tt{background-image:url('tt.svg')}.fi-tt.fis{background-image:url('_-flags-1x1-tt.svg')}.fi-tv{background-image:url('tv.svg')}.fi-tv.fis{background-image:url('_-flags-1x1-tv.svg')}.fi-tw{background-image:url('tw.svg')}.fi-tw.fis{background-image:url('_-flags-1x1-tw.svg')}.fi-tz{background-image:url('tz.svg')}.fi-tz.fis{background-image:url('_-flags-1x1-tz.svg')}.fi-ua{background-image:url('ua.svg')}.fi-ua.fis{background-image:url('_-flags-1x1-ua.svg')}.fi-ug{background-image:url('ug.svg')}.fi-ug.fis{background-image:url('_-flags-1x1-ug.svg')}.fi-um{background-image:url('um.svg')}.fi-um.fis{background-image:url('_-flags-1x1-um.svg')}.fi-us{background-image:url('us.svg')}.fi-us.fis{background-image:url('_-flags-1x1-us.svg')}.fi-uy{background-image:url('uy.svg')}.fi-uy.fis{background-image:url('_-flags-1x1-uy.svg')}.fi-uz{background-image:url('uz.svg')}.fi-uz.fis{background-image:url('_-flags-1x1-uz.svg')}.fi-va{background-image:url('va.svg')}.fi-va.fis{background-image:url('_-flags-1x1-va.svg')}.fi-vc{background-image:url('vc.svg')}.fi-vc.fis{background-image:url('_-flags-1x1-vc.svg')}.fi-ve{background-image:url('ve.svg')}.fi-ve.fis{background-image:url('_-flags-1x1-ve.svg')}.fi-vg{background-image:url('vg.svg')}.fi-vg.fis{background-image:url('_-flags-1x1-vg.svg')}.fi-vi{background-image:url('vi.svg')}.fi-vi.fis{background-image:url('_-flags-1x1-vi.svg')}.fi-vn{background-image:url('vn.svg')}.fi-vn.fis{background-image:url('_-flags-1x1-vn.svg')}.fi-vu{background-image:url('vu.svg')}.fi-vu.fis{background-image:url('_-flags-1x1-vu.svg')}.fi-wf{background-image:url('wf.svg')}.fi-wf.fis{background-image:url('_-flags-1x1-wf.svg')}.fi-ws{background-image:url('ws.svg')}.fi-ws.fis{background-image:url('_-flags-1x1-ws.svg')}.fi-ye{background-image:url('ye.svg')}.fi-ye.fis{background-image:url('_-flags-1x1-ye.svg')}.fi-yt{background-image:url('yt.svg')}.fi-yt.fis{background-image:url('_-flags-1x1-yt.svg')}.fi-za{background-image:url('za.svg')}.fi-za.fis{background-image:url('_-flags-1x1-za.svg')}.fi-zm{background-image:url('zm.svg')}.fi-zm.fis{background-image:url('_-flags-1x1-zm.svg')}.fi-zw{background-image:url('zw.svg')}.fi-zw.fis{background-image:url('_-flags-1x1-zw.svg')}.fi-arab{background-image:url('arab.svg')}.fi-arab.fis{background-image:url('_-flags-1x1-arab.svg')}.fi-cefta{background-image:url('cefta.svg')}.fi-cefta.fis{background-image:url('_-flags-1x1-cefta.svg')}.fi-cp{background-image:url('cp.svg')}.fi-cp.fis{background-image:url('_-flags-1x1-cp.svg')}.fi-dg{background-image:url('dg.svg')}.fi-dg.fis{background-image:url('_-flags-1x1-dg.svg')}.fi-eac{background-image:url('eac.svg')}.fi-eac.fis{background-image:url('_-flags-1x1-eac.svg')}.fi-es-ct{background-image:url('es-ct.svg')}.fi-es-ct.fis{background-image:url('_-flags-1x1-es-ct.svg')}.fi-es-ga{background-image:url('es-ga.svg')}.fi-es-ga.fis{background-image:url('_-flags-1x1-es-ga.svg')}.fi-es-pv{background-image:url('es-pv.svg')}.fi-es-pv.fis{background-image:url('_-flags-1x1-es-pv.svg')}.fi-eu{background-image:url('eu.svg')}.fi-eu.fis{background-image:url('_-flags-1x1-eu.svg')}.fi-gb-eng{background-image:url('gb-eng.svg')}.fi-gb-eng.fis{background-image:url('_-flags-1x1-gb-eng.svg')}.fi-gb-nir{background-image:url('gb-nir.svg')}.fi-gb-nir.fis{background-image:url('_-flags-1x1-gb-nir.svg')}.fi-gb-sct{background-image:url('gb-sct.svg')}.fi-gb-sct.fis{background-image:url('_-flags-1x1-gb-sct.svg')}.fi-gb-wls{background-image:url('gb-wls.svg')}.fi-gb-wls.fis{background-image:url('_-flags-1x1-gb-wls.svg')}.fi-ic{background-image:url('ic.svg')}.fi-ic.fis{background-image:url('_-flags-1x1-ic.svg')}.fi-pc{background-image:url('pc.svg')}.fi-pc.fis{background-image:url('_-flags-1x1-pc.svg')}.fi-sh-ac{background-image:url('sh-ac.svg')}.fi-sh-ac.fis{background-image:url('_-flags-1x1-sh-ac.svg')}.fi-sh-hl{background-image:url('sh-hl.svg')}.fi-sh-hl.fis{background-image:url('_-flags-1x1-sh-hl.svg')}.fi-sh-ta{background-image:url('sh-ta.svg')}.fi-sh-ta.fis{background-image:url('_-flags-1x1-sh-ta.svg')}.fi-un{background-image:url('un.svg')}.fi-un.fis{background-image:url('_-flags-1x1-un.svg')}.fi-xk{background-image:url('xk.svg')}.fi-xk.fis{background-image:url('_-flags-1x1-xk.svg')}