label {
  display: inline-block;
}

button {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

button:focus {
  outline: none;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

iframe {
  border: none;
  height: 100%;
  width: 100%;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.d-flex {
  display: flex;
}

.flex-1 {
  flex: 1 1 0% !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-initial {
  flex: 0 1 auto !important;
}

.flex-none {
  flex: none !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-grow-start > *:first-child {
  flex-grow: 1 !important;
}

.flex-grow-end > *:last-child {
  flex-grow: 1 !important;
}

.flex-grow-start-and-end > :first-child,
.flex-grow-start-and-end > :last-child {
  flex-grow: 1 !important;
}

.flex-grow-middle > *:not(:first-child):not(:last-child) {
  flex-grow: 1 !important;
}

.flex-grow-all > * {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-space-between {
  justify-content: space-between !important;
}

.justify-space-around {
  justify-content: space-around !important;
}

.justify-space-evenly {
  justify-content: space-evenly !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-space-between {
  align-content: space-between !important;
}

.align-content-space-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-end {
  align-items: flex-end !important;
}

.align-center {
  align-items: center !important;
}

.align-baseline {
  align-items: baseline !important;
}

.align-stretch {
  align-items: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.gap-0 {
  gap: 0px;
}

.gap-x-0 {
  column-gap: 0px;
}

.gap-y-0 {
  row-gap: 0px;
}

.gap-1 {
  gap: 4px;
}

.gap-x-1 {
  column-gap: 4px;
}

.gap-y-1 {
  row-gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-x-2 {
  column-gap: 8px;
}

.gap-y-2 {
  row-gap: 8px;
}

.gap-3 {
  gap: 12px;
}

.gap-x-3 {
  column-gap: 12px;
}

.gap-y-3 {
  row-gap: 12px;
}

.gap-4 {
  gap: 16px;
}

.gap-x-4 {
  column-gap: 16px;
}

.gap-y-4 {
  row-gap: 16px;
}

.gap-5 {
  gap: 20px;
}

.gap-x-5 {
  column-gap: 20px;
}

.gap-y-5 {
  row-gap: 20px;
}

.gap-6 {
  gap: 24px;
}

.gap-x-6 {
  column-gap: 24px;
}

.gap-y-6 {
  row-gap: 24px;
}

.gap-7 {
  gap: 28px;
}

.gap-x-7 {
  column-gap: 28px;
}

.gap-y-7 {
  row-gap: 28px;
}

.gap-8 {
  gap: 32px;
}

.gap-x-8 {
  column-gap: 32px;
}

.gap-y-8 {
  row-gap: 32px;
}

.gap-9 {
  gap: 36px;
}

.gap-x-9 {
  column-gap: 36px;
}

.gap-y-9 {
  row-gap: 36px;
}

.gap-10 {
  gap: 40px;
}

.gap-x-10 {
  column-gap: 40px;
}

.gap-y-10 {
  row-gap: 40px;
}

.gap-11 {
  gap: 44px;
}

.gap-x-11 {
  column-gap: 44px;
}

.gap-y-11 {
  row-gap: 44px;
}

.gap-12 {
  gap: 48px;
}

.gap-x-12 {
  column-gap: 48px;
}

.gap-y-12 {
  row-gap: 48px;
}

.gap-13 {
  gap: 52px;
}

.gap-x-13 {
  column-gap: 52px;
}

.gap-y-13 {
  row-gap: 52px;
}

.gap-14 {
  gap: 56px;
}

.gap-x-14 {
  column-gap: 56px;
}

.gap-y-14 {
  row-gap: 56px;
}

.gap-15 {
  gap: 60px;
}

.gap-x-15 {
  column-gap: 60px;
}

.gap-y-15 {
  row-gap: 60px;
}

.gap-16 {
  gap: 64px;
}

.gap-x-16 {
  column-gap: 64px;
}

.gap-y-16 {
  row-gap: 64px;
}

@media (min-width: 600px) {
  .flex-sm-1 {
    flex: 1 1 0% !important;
  }
  .flex-sm-auto {
    flex: 1 1 auto !important;
  }
  .flex-sm-initial {
    flex: 0 1 auto !important;
  }
  .flex-sm-none {
    flex: none !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-grow-start > *:first-child {
    flex-grow: 1 !important;
  }
  .flex-sm-grow-end > *:last-child {
    flex-grow: 1 !important;
  }
  .flex-sm-grow-start-and-end > :first-child,
  .flex-sm-grow-start-and-end > :last-child {
    flex-grow: 1 !important;
  }
  .flex-sm-grow-middle > *:not(:first-child):not(:last-child) {
    flex-grow: 1 !important;
  }
  .flex-sm-grow-all > * {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-space-between {
    justify-content: space-between !important;
  }
  .justify-sm-space-around {
    justify-content: space-around !important;
  }
  .justify-sm-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-space-between {
    align-content: space-between !important;
  }
  .align-content-sm-space-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-sm-start {
    align-items: flex-start !important;
  }
  .align-sm-end {
    align-items: flex-end !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-baseline {
    align-items: baseline !important;
  }
  .align-sm-stretch {
    align-items: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .gap-sm-0 {
    gap: 0px;
  }
  .gap-x-sm-0 {
    column-gap: 0px;
  }
  .gap-y-sm-0 {
    row-gap: 0px;
  }
  .gap-sm-1 {
    gap: 4px;
  }
  .gap-x-sm-1 {
    column-gap: 4px;
  }
  .gap-y-sm-1 {
    row-gap: 4px;
  }
  .gap-sm-2 {
    gap: 8px;
  }
  .gap-x-sm-2 {
    column-gap: 8px;
  }
  .gap-y-sm-2 {
    row-gap: 8px;
  }
  .gap-sm-3 {
    gap: 12px;
  }
  .gap-x-sm-3 {
    column-gap: 12px;
  }
  .gap-y-sm-3 {
    row-gap: 12px;
  }
  .gap-sm-4 {
    gap: 16px;
  }
  .gap-x-sm-4 {
    column-gap: 16px;
  }
  .gap-y-sm-4 {
    row-gap: 16px;
  }
  .gap-sm-5 {
    gap: 20px;
  }
  .gap-x-sm-5 {
    column-gap: 20px;
  }
  .gap-y-sm-5 {
    row-gap: 20px;
  }
  .gap-sm-6 {
    gap: 24px;
  }
  .gap-x-sm-6 {
    column-gap: 24px;
  }
  .gap-y-sm-6 {
    row-gap: 24px;
  }
  .gap-sm-7 {
    gap: 28px;
  }
  .gap-x-sm-7 {
    column-gap: 28px;
  }
  .gap-y-sm-7 {
    row-gap: 28px;
  }
  .gap-sm-8 {
    gap: 32px;
  }
  .gap-x-sm-8 {
    column-gap: 32px;
  }
  .gap-y-sm-8 {
    row-gap: 32px;
  }
  .gap-sm-9 {
    gap: 36px;
  }
  .gap-x-sm-9 {
    column-gap: 36px;
  }
  .gap-y-sm-9 {
    row-gap: 36px;
  }
  .gap-sm-10 {
    gap: 40px;
  }
  .gap-x-sm-10 {
    column-gap: 40px;
  }
  .gap-y-sm-10 {
    row-gap: 40px;
  }
  .gap-sm-11 {
    gap: 44px;
  }
  .gap-x-sm-11 {
    column-gap: 44px;
  }
  .gap-y-sm-11 {
    row-gap: 44px;
  }
  .gap-sm-12 {
    gap: 48px;
  }
  .gap-x-sm-12 {
    column-gap: 48px;
  }
  .gap-y-sm-12 {
    row-gap: 48px;
  }
  .gap-sm-13 {
    gap: 52px;
  }
  .gap-x-sm-13 {
    column-gap: 52px;
  }
  .gap-y-sm-13 {
    row-gap: 52px;
  }
  .gap-sm-14 {
    gap: 56px;
  }
  .gap-x-sm-14 {
    column-gap: 56px;
  }
  .gap-y-sm-14 {
    row-gap: 56px;
  }
  .gap-sm-15 {
    gap: 60px;
  }
  .gap-x-sm-15 {
    column-gap: 60px;
  }
  .gap-y-sm-15 {
    row-gap: 60px;
  }
  .gap-sm-16 {
    gap: 64px;
  }
  .gap-x-sm-16 {
    column-gap: 64px;
  }
  .gap-y-sm-16 {
    row-gap: 64px;
  }
}
@media (min-width: 960px) {
  .flex-md-1 {
    flex: 1 1 0% !important;
  }
  .flex-md-auto {
    flex: 1 1 auto !important;
  }
  .flex-md-initial {
    flex: 0 1 auto !important;
  }
  .flex-md-none {
    flex: none !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-grow-start > *:first-child {
    flex-grow: 1 !important;
  }
  .flex-md-grow-end > *:last-child {
    flex-grow: 1 !important;
  }
  .flex-md-grow-start-and-end > :first-child,
  .flex-md-grow-start-and-end > :last-child {
    flex-grow: 1 !important;
  }
  .flex-md-grow-middle > *:not(:first-child):not(:last-child) {
    flex-grow: 1 !important;
  }
  .flex-md-grow-all > * {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-space-between {
    justify-content: space-between !important;
  }
  .justify-md-space-around {
    justify-content: space-around !important;
  }
  .justify-md-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-space-between {
    align-content: space-between !important;
  }
  .align-content-md-space-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-md-start {
    align-items: flex-start !important;
  }
  .align-md-end {
    align-items: flex-end !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-baseline {
    align-items: baseline !important;
  }
  .align-md-stretch {
    align-items: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .gap-md-0 {
    gap: 0px;
  }
  .gap-x-md-0 {
    column-gap: 0px;
  }
  .gap-y-md-0 {
    row-gap: 0px;
  }
  .gap-md-1 {
    gap: 4px;
  }
  .gap-x-md-1 {
    column-gap: 4px;
  }
  .gap-y-md-1 {
    row-gap: 4px;
  }
  .gap-md-2 {
    gap: 8px;
  }
  .gap-x-md-2 {
    column-gap: 8px;
  }
  .gap-y-md-2 {
    row-gap: 8px;
  }
  .gap-md-3 {
    gap: 12px;
  }
  .gap-x-md-3 {
    column-gap: 12px;
  }
  .gap-y-md-3 {
    row-gap: 12px;
  }
  .gap-md-4 {
    gap: 16px;
  }
  .gap-x-md-4 {
    column-gap: 16px;
  }
  .gap-y-md-4 {
    row-gap: 16px;
  }
  .gap-md-5 {
    gap: 20px;
  }
  .gap-x-md-5 {
    column-gap: 20px;
  }
  .gap-y-md-5 {
    row-gap: 20px;
  }
  .gap-md-6 {
    gap: 24px;
  }
  .gap-x-md-6 {
    column-gap: 24px;
  }
  .gap-y-md-6 {
    row-gap: 24px;
  }
  .gap-md-7 {
    gap: 28px;
  }
  .gap-x-md-7 {
    column-gap: 28px;
  }
  .gap-y-md-7 {
    row-gap: 28px;
  }
  .gap-md-8 {
    gap: 32px;
  }
  .gap-x-md-8 {
    column-gap: 32px;
  }
  .gap-y-md-8 {
    row-gap: 32px;
  }
  .gap-md-9 {
    gap: 36px;
  }
  .gap-x-md-9 {
    column-gap: 36px;
  }
  .gap-y-md-9 {
    row-gap: 36px;
  }
  .gap-md-10 {
    gap: 40px;
  }
  .gap-x-md-10 {
    column-gap: 40px;
  }
  .gap-y-md-10 {
    row-gap: 40px;
  }
  .gap-md-11 {
    gap: 44px;
  }
  .gap-x-md-11 {
    column-gap: 44px;
  }
  .gap-y-md-11 {
    row-gap: 44px;
  }
  .gap-md-12 {
    gap: 48px;
  }
  .gap-x-md-12 {
    column-gap: 48px;
  }
  .gap-y-md-12 {
    row-gap: 48px;
  }
  .gap-md-13 {
    gap: 52px;
  }
  .gap-x-md-13 {
    column-gap: 52px;
  }
  .gap-y-md-13 {
    row-gap: 52px;
  }
  .gap-md-14 {
    gap: 56px;
  }
  .gap-x-md-14 {
    column-gap: 56px;
  }
  .gap-y-md-14 {
    row-gap: 56px;
  }
  .gap-md-15 {
    gap: 60px;
  }
  .gap-x-md-15 {
    column-gap: 60px;
  }
  .gap-y-md-15 {
    row-gap: 60px;
  }
  .gap-md-16 {
    gap: 64px;
  }
  .gap-x-md-16 {
    column-gap: 64px;
  }
  .gap-y-md-16 {
    row-gap: 64px;
  }
}
@media (min-width: 1280px) {
  .flex-lg-1 {
    flex: 1 1 0% !important;
  }
  .flex-lg-auto {
    flex: 1 1 auto !important;
  }
  .flex-lg-initial {
    flex: 0 1 auto !important;
  }
  .flex-lg-none {
    flex: none !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-grow-start > *:first-child {
    flex-grow: 1 !important;
  }
  .flex-lg-grow-end > *:last-child {
    flex-grow: 1 !important;
  }
  .flex-lg-grow-start-and-end > :first-child,
  .flex-lg-grow-start-and-end > :last-child {
    flex-grow: 1 !important;
  }
  .flex-lg-grow-middle > *:not(:first-child):not(:last-child) {
    flex-grow: 1 !important;
  }
  .flex-lg-grow-all > * {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-space-between {
    justify-content: space-between !important;
  }
  .justify-lg-space-around {
    justify-content: space-around !important;
  }
  .justify-lg-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-space-between {
    align-content: space-between !important;
  }
  .align-content-lg-space-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-lg-start {
    align-items: flex-start !important;
  }
  .align-lg-end {
    align-items: flex-end !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-baseline {
    align-items: baseline !important;
  }
  .align-lg-stretch {
    align-items: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .gap-lg-0 {
    gap: 0px;
  }
  .gap-x-lg-0 {
    column-gap: 0px;
  }
  .gap-y-lg-0 {
    row-gap: 0px;
  }
  .gap-lg-1 {
    gap: 4px;
  }
  .gap-x-lg-1 {
    column-gap: 4px;
  }
  .gap-y-lg-1 {
    row-gap: 4px;
  }
  .gap-lg-2 {
    gap: 8px;
  }
  .gap-x-lg-2 {
    column-gap: 8px;
  }
  .gap-y-lg-2 {
    row-gap: 8px;
  }
  .gap-lg-3 {
    gap: 12px;
  }
  .gap-x-lg-3 {
    column-gap: 12px;
  }
  .gap-y-lg-3 {
    row-gap: 12px;
  }
  .gap-lg-4 {
    gap: 16px;
  }
  .gap-x-lg-4 {
    column-gap: 16px;
  }
  .gap-y-lg-4 {
    row-gap: 16px;
  }
  .gap-lg-5 {
    gap: 20px;
  }
  .gap-x-lg-5 {
    column-gap: 20px;
  }
  .gap-y-lg-5 {
    row-gap: 20px;
  }
  .gap-lg-6 {
    gap: 24px;
  }
  .gap-x-lg-6 {
    column-gap: 24px;
  }
  .gap-y-lg-6 {
    row-gap: 24px;
  }
  .gap-lg-7 {
    gap: 28px;
  }
  .gap-x-lg-7 {
    column-gap: 28px;
  }
  .gap-y-lg-7 {
    row-gap: 28px;
  }
  .gap-lg-8 {
    gap: 32px;
  }
  .gap-x-lg-8 {
    column-gap: 32px;
  }
  .gap-y-lg-8 {
    row-gap: 32px;
  }
  .gap-lg-9 {
    gap: 36px;
  }
  .gap-x-lg-9 {
    column-gap: 36px;
  }
  .gap-y-lg-9 {
    row-gap: 36px;
  }
  .gap-lg-10 {
    gap: 40px;
  }
  .gap-x-lg-10 {
    column-gap: 40px;
  }
  .gap-y-lg-10 {
    row-gap: 40px;
  }
  .gap-lg-11 {
    gap: 44px;
  }
  .gap-x-lg-11 {
    column-gap: 44px;
  }
  .gap-y-lg-11 {
    row-gap: 44px;
  }
  .gap-lg-12 {
    gap: 48px;
  }
  .gap-x-lg-12 {
    column-gap: 48px;
  }
  .gap-y-lg-12 {
    row-gap: 48px;
  }
  .gap-lg-13 {
    gap: 52px;
  }
  .gap-x-lg-13 {
    column-gap: 52px;
  }
  .gap-y-lg-13 {
    row-gap: 52px;
  }
  .gap-lg-14 {
    gap: 56px;
  }
  .gap-x-lg-14 {
    column-gap: 56px;
  }
  .gap-y-lg-14 {
    row-gap: 56px;
  }
  .gap-lg-15 {
    gap: 60px;
  }
  .gap-x-lg-15 {
    column-gap: 60px;
  }
  .gap-y-lg-15 {
    row-gap: 60px;
  }
  .gap-lg-16 {
    gap: 64px;
  }
  .gap-x-lg-16 {
    column-gap: 64px;
  }
  .gap-y-lg-16 {
    row-gap: 64px;
  }
}
@media (min-width: 1920px) {
  .flex-xl-1 {
    flex: 1 1 0% !important;
  }
  .flex-xl-auto {
    flex: 1 1 auto !important;
  }
  .flex-xl-initial {
    flex: 0 1 auto !important;
  }
  .flex-xl-none {
    flex: none !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-grow-start > *:first-child {
    flex-grow: 1 !important;
  }
  .flex-xl-grow-end > *:last-child {
    flex-grow: 1 !important;
  }
  .flex-xl-grow-start-and-end > :first-child,
  .flex-xl-grow-start-and-end > :last-child {
    flex-grow: 1 !important;
  }
  .flex-xl-grow-middle > *:not(:first-child):not(:last-child) {
    flex-grow: 1 !important;
  }
  .flex-xl-grow-all > * {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-space-between {
    justify-content: space-between !important;
  }
  .justify-xl-space-around {
    justify-content: space-around !important;
  }
  .justify-xl-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-space-between {
    align-content: space-between !important;
  }
  .align-content-xl-space-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-xl-start {
    align-items: flex-start !important;
  }
  .align-xl-end {
    align-items: flex-end !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-baseline {
    align-items: baseline !important;
  }
  .align-xl-stretch {
    align-items: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .gap-xl-0 {
    gap: 0px;
  }
  .gap-x-xl-0 {
    column-gap: 0px;
  }
  .gap-y-xl-0 {
    row-gap: 0px;
  }
  .gap-xl-1 {
    gap: 4px;
  }
  .gap-x-xl-1 {
    column-gap: 4px;
  }
  .gap-y-xl-1 {
    row-gap: 4px;
  }
  .gap-xl-2 {
    gap: 8px;
  }
  .gap-x-xl-2 {
    column-gap: 8px;
  }
  .gap-y-xl-2 {
    row-gap: 8px;
  }
  .gap-xl-3 {
    gap: 12px;
  }
  .gap-x-xl-3 {
    column-gap: 12px;
  }
  .gap-y-xl-3 {
    row-gap: 12px;
  }
  .gap-xl-4 {
    gap: 16px;
  }
  .gap-x-xl-4 {
    column-gap: 16px;
  }
  .gap-y-xl-4 {
    row-gap: 16px;
  }
  .gap-xl-5 {
    gap: 20px;
  }
  .gap-x-xl-5 {
    column-gap: 20px;
  }
  .gap-y-xl-5 {
    row-gap: 20px;
  }
  .gap-xl-6 {
    gap: 24px;
  }
  .gap-x-xl-6 {
    column-gap: 24px;
  }
  .gap-y-xl-6 {
    row-gap: 24px;
  }
  .gap-xl-7 {
    gap: 28px;
  }
  .gap-x-xl-7 {
    column-gap: 28px;
  }
  .gap-y-xl-7 {
    row-gap: 28px;
  }
  .gap-xl-8 {
    gap: 32px;
  }
  .gap-x-xl-8 {
    column-gap: 32px;
  }
  .gap-y-xl-8 {
    row-gap: 32px;
  }
  .gap-xl-9 {
    gap: 36px;
  }
  .gap-x-xl-9 {
    column-gap: 36px;
  }
  .gap-y-xl-9 {
    row-gap: 36px;
  }
  .gap-xl-10 {
    gap: 40px;
  }
  .gap-x-xl-10 {
    column-gap: 40px;
  }
  .gap-y-xl-10 {
    row-gap: 40px;
  }
  .gap-xl-11 {
    gap: 44px;
  }
  .gap-x-xl-11 {
    column-gap: 44px;
  }
  .gap-y-xl-11 {
    row-gap: 44px;
  }
  .gap-xl-12 {
    gap: 48px;
  }
  .gap-x-xl-12 {
    column-gap: 48px;
  }
  .gap-y-xl-12 {
    row-gap: 48px;
  }
  .gap-xl-13 {
    gap: 52px;
  }
  .gap-x-xl-13 {
    column-gap: 52px;
  }
  .gap-y-xl-13 {
    row-gap: 52px;
  }
  .gap-xl-14 {
    gap: 56px;
  }
  .gap-x-xl-14 {
    column-gap: 56px;
  }
  .gap-y-xl-14 {
    row-gap: 56px;
  }
  .gap-xl-15 {
    gap: 60px;
  }
  .gap-x-xl-15 {
    column-gap: 60px;
  }
  .gap-y-xl-15 {
    row-gap: 60px;
  }
  .gap-xl-16 {
    gap: 64px;
  }
  .gap-x-xl-16 {
    column-gap: 64px;
  }
  .gap-y-xl-16 {
    row-gap: 64px;
  }
}
@media (min-width: 2560px) {
  .flex-xxl-1 {
    flex: 1 1 0% !important;
  }
  .flex-xxl-auto {
    flex: 1 1 auto !important;
  }
  .flex-xxl-initial {
    flex: 0 1 auto !important;
  }
  .flex-xxl-none {
    flex: none !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-grow-start > *:first-child {
    flex-grow: 1 !important;
  }
  .flex-xxl-grow-end > *:last-child {
    flex-grow: 1 !important;
  }
  .flex-xxl-grow-start-and-end > :first-child,
  .flex-xxl-grow-start-and-end > :last-child {
    flex-grow: 1 !important;
  }
  .flex-xxl-grow-middle > *:not(:first-child):not(:last-child) {
    flex-grow: 1 !important;
  }
  .flex-xxl-grow-all > * {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-space-between {
    justify-content: space-between !important;
  }
  .justify-xxl-space-around {
    justify-content: space-around !important;
  }
  .justify-xxl-space-evenly {
    justify-content: space-evenly !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-space-between {
    align-content: space-between !important;
  }
  .align-content-xxl-space-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-xxl-start {
    align-items: flex-start !important;
  }
  .align-xxl-end {
    align-items: flex-end !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-baseline {
    align-items: baseline !important;
  }
  .align-xxl-stretch {
    align-items: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .gap-xxl-0 {
    gap: 0px;
  }
  .gap-x-xxl-0 {
    column-gap: 0px;
  }
  .gap-y-xxl-0 {
    row-gap: 0px;
  }
  .gap-xxl-1 {
    gap: 4px;
  }
  .gap-x-xxl-1 {
    column-gap: 4px;
  }
  .gap-y-xxl-1 {
    row-gap: 4px;
  }
  .gap-xxl-2 {
    gap: 8px;
  }
  .gap-x-xxl-2 {
    column-gap: 8px;
  }
  .gap-y-xxl-2 {
    row-gap: 8px;
  }
  .gap-xxl-3 {
    gap: 12px;
  }
  .gap-x-xxl-3 {
    column-gap: 12px;
  }
  .gap-y-xxl-3 {
    row-gap: 12px;
  }
  .gap-xxl-4 {
    gap: 16px;
  }
  .gap-x-xxl-4 {
    column-gap: 16px;
  }
  .gap-y-xxl-4 {
    row-gap: 16px;
  }
  .gap-xxl-5 {
    gap: 20px;
  }
  .gap-x-xxl-5 {
    column-gap: 20px;
  }
  .gap-y-xxl-5 {
    row-gap: 20px;
  }
  .gap-xxl-6 {
    gap: 24px;
  }
  .gap-x-xxl-6 {
    column-gap: 24px;
  }
  .gap-y-xxl-6 {
    row-gap: 24px;
  }
  .gap-xxl-7 {
    gap: 28px;
  }
  .gap-x-xxl-7 {
    column-gap: 28px;
  }
  .gap-y-xxl-7 {
    row-gap: 28px;
  }
  .gap-xxl-8 {
    gap: 32px;
  }
  .gap-x-xxl-8 {
    column-gap: 32px;
  }
  .gap-y-xxl-8 {
    row-gap: 32px;
  }
  .gap-xxl-9 {
    gap: 36px;
  }
  .gap-x-xxl-9 {
    column-gap: 36px;
  }
  .gap-y-xxl-9 {
    row-gap: 36px;
  }
  .gap-xxl-10 {
    gap: 40px;
  }
  .gap-x-xxl-10 {
    column-gap: 40px;
  }
  .gap-y-xxl-10 {
    row-gap: 40px;
  }
  .gap-xxl-11 {
    gap: 44px;
  }
  .gap-x-xxl-11 {
    column-gap: 44px;
  }
  .gap-y-xxl-11 {
    row-gap: 44px;
  }
  .gap-xxl-12 {
    gap: 48px;
  }
  .gap-x-xxl-12 {
    column-gap: 48px;
  }
  .gap-y-xxl-12 {
    row-gap: 48px;
  }
  .gap-xxl-13 {
    gap: 52px;
  }
  .gap-x-xxl-13 {
    column-gap: 52px;
  }
  .gap-y-xxl-13 {
    row-gap: 52px;
  }
  .gap-xxl-14 {
    gap: 56px;
  }
  .gap-x-xxl-14 {
    column-gap: 56px;
  }
  .gap-y-xxl-14 {
    row-gap: 56px;
  }
  .gap-xxl-15 {
    gap: 60px;
  }
  .gap-x-xxl-15 {
    column-gap: 60px;
  }
  .gap-y-xxl-15 {
    row-gap: 60px;
  }
  .gap-xxl-16 {
    gap: 64px;
  }
  .gap-x-xxl-16 {
    column-gap: 64px;
  }
  .gap-y-xxl-16 {
    row-gap: 64px;
  }
}
:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.sp-button-root {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.sp-button-root::-moz-focus-inner {
  border-style: none;
}
.sp-button-root:disabled {
  color: var(--sp-palette-action-disabled) !important;
  cursor: default;
  pointer-events: none;
}

.sp-button {
  font-family: var(--sp-typography-button-family);
  font-size: var(--sp-typography-button-size);
  font-weight: var(--sp-typography-button-weight);
  line-height: var(--sp-typography-button-lineheight);
  letter-spacing: var(--sp-typography-button-letterspacing);
  min-width: 213px;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: var(--sp-default-borderradius);
  color: var(--sp-palette-text-primary);
  --sp-ripple-color: var(--sp-palette-text-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button:hover {
    background-color: var(--sp-palette-action-default-hover);
  }
}
.sp-button.sp-button-outlined, .sp-button.sp-button-filled, .sp-button.sp-button-transparent, .sp-button:not(.sp-button-text) {
  padding: 6px 50px;
}
.sp-button:active {
  background-color: var(--sp-palette-action-default-hover);
}
.sp-button .sp-icon-root {
  background-color: #fff;
}
.sp-button .sp-icon-root.sp-button-icon {
  display: inherit;
}
.sp-button .sp-icon-root.sp-button-icon-start {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 16px;
}
.sp-button .sp-icon-root.sp-button-icon-start.sp-button-icon-size-small {
  margin-left: -2px;
  margin-inline-start: -2px;
  margin-inline-end: 8px;
}
.sp-button .sp-icon-root.sp-button-icon-end {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 16px;
}
.sp-button .sp-icon-root.sp-button-icon-end.sp-button-icon-size-small {
  margin-right: -2px;
  margin-inline-end: -2px;
  margin-inline-start: 8px;
}
.sp-button .sp-icon-root.sp-button-icon-center {
  min-width: 0 !important;
}
.sp-button .sp-icon-root.sp-button-icon-size-small > *:first-child {
  font-size: 18px;
}
.sp-button .sp-icon-root.sp-button-icon-size-medium > *:first-child {
  font-size: 20px;
}
.sp-button .sp-icon-root.sp-button-icon-size-large > *:first-child {
  font-size: 22px;
}

.sp-button-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}

.sp-button-is-loading {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, white 14%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #E5E5E5);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: spin 1s infinite linear;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(-50%, -50%);
}

.sp-button-icon-is-loading {
  background: radial-gradient(farthest-side, white 14%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #E5E5E5);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000 0);
  animation: spin 1s infinite linear;
  position: absolute;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.sp-button-transparent.sp-button-transparent-inherit {
  color: inherit;
}
.sp-button-transparent.sp-button-transparent-primary {
  color: var(--sp-palette-primary);
  --sp-ripple-color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-primary:hover {
    background-color: var(--sp-palette-primary-hover);
  }
}
.sp-button-transparent.sp-button-transparent-primary:active {
  background-color: var(--sp-palette-primary-hover);
}
.sp-button-transparent.sp-button-transparent-secondary {
  color: var(--sp-palette-secondary);
  --sp-ripple-color: var(--sp-palette-secondary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-secondary:hover {
    background-color: var(--sp-palette-secondary-hover);
  }
}
.sp-button-transparent.sp-button-transparent-secondary:active {
  background-color: var(--sp-palette-secondary-hover);
}
.sp-button-transparent.sp-button-transparent-tertiary {
  color: var(--sp-palette-tertiary);
  --sp-ripple-color: var(--sp-palette-tertiary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-tertiary:hover {
    background-color: var(--sp-palette-tertiary-hover);
  }
}
.sp-button-transparent.sp-button-transparent-tertiary:active {
  background-color: var(--sp-palette-tertiary-hover);
}
.sp-button-transparent.sp-button-transparent-info {
  color: var(--sp-palette-info);
  --sp-ripple-color: var(--sp-palette-info);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-info:hover {
    background-color: var(--sp-palette-info-hover);
  }
}
.sp-button-transparent.sp-button-transparent-info:active {
  background-color: var(--sp-palette-info-hover);
}
.sp-button-transparent.sp-button-transparent-success {
  color: var(--sp-palette-success);
  --sp-ripple-color: var(--sp-palette-success);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-success:hover {
    background-color: var(--sp-palette-success-hover);
  }
}
.sp-button-transparent.sp-button-transparent-success:active {
  background-color: var(--sp-palette-success-hover);
}
.sp-button-transparent.sp-button-transparent-warning {
  color: var(--sp-palette-warning);
  --sp-ripple-color: var(--sp-palette-warning);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-warning:hover {
    background-color: var(--sp-palette-warning-hover);
  }
}
.sp-button-transparent.sp-button-transparent-warning:active {
  background-color: var(--sp-palette-warning-hover);
}
.sp-button-transparent.sp-button-transparent-error {
  color: var(--sp-palette-error);
  --sp-ripple-color: var(--sp-palette-error);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-error:hover {
    background-color: var(--sp-palette-error-hover);
  }
}
.sp-button-transparent.sp-button-transparent-error:active {
  background-color: var(--sp-palette-error-hover);
}
.sp-button-transparent.sp-button-transparent-dark {
  color: var(--sp-palette-dark);
  --sp-ripple-color: var(--sp-palette-dark);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-dark:hover {
    background-color: var(--sp-palette-dark-hover);
  }
}
.sp-button-transparent.sp-button-transparent-dark:active {
  background-color: var(--sp-palette-dark-hover);
}
.sp-button-transparent.sp-button-transparent-white {
  color: var(--sp-palette-white);
  --sp-ripple-color: var(--sp-palette-white);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-white:hover {
    background-color: var(--sp-palette-white-hover);
  }
}
.sp-button-transparent.sp-button-transparent-white:active {
  background-color: var(--sp-palette-white-hover);
}
.sp-button-transparent.sp-button-transparent-light {
  color: var(--sp-palette-light);
  --sp-ripple-color: var(--sp-palette-light);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-light:hover {
    background-color: var(--sp-palette-light-hover);
  }
}
.sp-button-transparent.sp-button-transparent-light:active {
  background-color: var(--sp-palette-light-hover);
}
.sp-button-transparent.sp-button-transparent-gray {
  color: var(--sp-palette-gray);
  --sp-ripple-color: var(--sp-palette-gray);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-gray:hover {
    background-color: var(--sp-palette-gray-hover);
  }
}
.sp-button-transparent.sp-button-transparent-gray:active {
  background-color: var(--sp-palette-gray-hover);
}
.sp-button-transparent.sp-button-transparent-light-gray {
  color: var(--sp-palette-light-gray);
  --sp-ripple-color: var(--sp-palette-light-gray);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-light-gray:hover {
    background-color: var(--sp-palette-light-gray-hover);
  }
}
.sp-button-transparent.sp-button-transparent-light-gray:active {
  background-color: var(--sp-palette-light-gray-hover);
}
.sp-button-transparent.sp-button-transparent-dark-gray {
  color: var(--sp-palette-dark-gray);
  --sp-ripple-color: var(--sp-palette-dark-gray);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-transparent.sp-button-transparent-dark-gray:hover {
    background-color: var(--sp-palette-dark-gray-hover);
  }
}
.sp-button-transparent.sp-button-transparent-dark-gray:active {
  background-color: var(--sp-palette-dark-gray-hover);
}

.sp-button-text.sp-button-text-inherit {
  color: inherit;
}
.sp-button-text.sp-button-text-primary {
  color: var(--sp-palette-primary);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-secondary {
  color: var(--sp-palette-secondary);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-tertiary {
  color: var(--sp-palette-tertiary);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-info {
  color: var(--sp-palette-info);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-success {
  color: var(--sp-palette-success);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-warning {
  color: var(--sp-palette-warning);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-error {
  color: var(--sp-palette-error);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-dark {
  color: var(--sp-palette-dark);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-white {
  color: var(--sp-palette-white);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-light {
  color: var(--sp-palette-light);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-gray {
  color: var(--sp-palette-gray);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-light-gray {
  color: var(--sp-palette-light-gray);
}
.sp-button-text:hover {
  background-color: inherit;
}
.sp-button-text.sp-button-text-dark-gray {
  color: var(--sp-palette-dark-gray);
}
.sp-button-text:hover {
  background-color: inherit;
}

.sp-button-outlined {
  color: var(--sp-palette-text-primary);
  border: 2px solid var(--sp-palette-text-primary);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.sp-button-outlined.sp-button-outlined-inherit {
  color: inherit;
  border-color: currentColor;
}
.sp-button-outlined.sp-icon-button {
  padding: 5px;
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined:hover {
    background-color: inherit;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  }
}
.sp-button-outlined:active {
  background-color: inherit;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.sp-button-outlined.sp-button-outlined-primary {
  color: var(--sp-palette-primary);
  --sp-ripple-color: var(--sp-palette-primary);
  border: 2px solid var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-primary:hover {
    border: 2px solid var(--sp-palette-primary-text-hover);
    color: var(--sp-palette-primary-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-primary:active {
  border: 2px solid var(--sp-palette-primary-hover);
  color: var(--sp-palette-primary-hover);
}
.sp-button-outlined.sp-button-outlined-secondary {
  color: var(--sp-palette-secondary);
  --sp-ripple-color: var(--sp-palette-secondary);
  border: 2px solid var(--sp-palette-secondary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-secondary:hover {
    border: 2px solid var(--sp-palette-secondary-text-hover);
    color: var(--sp-palette-secondary-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-secondary:active {
  border: 2px solid var(--sp-palette-secondary-hover);
  color: var(--sp-palette-secondary-hover);
}
.sp-button-outlined.sp-button-outlined-tertiary {
  color: var(--sp-palette-tertiary);
  --sp-ripple-color: var(--sp-palette-tertiary);
  border: 2px solid var(--sp-palette-tertiary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-tertiary:hover {
    border: 2px solid var(--sp-palette-tertiary-text-hover);
    color: var(--sp-palette-tertiary-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-tertiary:active {
  border: 2px solid var(--sp-palette-tertiary-hover);
  color: var(--sp-palette-tertiary-hover);
}
.sp-button-outlined.sp-button-outlined-info {
  color: var(--sp-palette-info);
  --sp-ripple-color: var(--sp-palette-info);
  border: 2px solid var(--sp-palette-info);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-info:hover {
    border: 2px solid var(--sp-palette-info-text-hover);
    color: var(--sp-palette-info-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-info:active {
  border: 2px solid var(--sp-palette-info-hover);
  color: var(--sp-palette-info-hover);
}
.sp-button-outlined.sp-button-outlined-success {
  color: var(--sp-palette-success);
  --sp-ripple-color: var(--sp-palette-success);
  border: 2px solid var(--sp-palette-success);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-success:hover {
    border: 2px solid var(--sp-palette-success-text-hover);
    color: var(--sp-palette-success-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-success:active {
  border: 2px solid var(--sp-palette-success-hover);
  color: var(--sp-palette-success-hover);
}
.sp-button-outlined.sp-button-outlined-warning {
  color: var(--sp-palette-warning);
  --sp-ripple-color: var(--sp-palette-warning);
  border: 2px solid var(--sp-palette-warning);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-warning:hover {
    border: 2px solid var(--sp-palette-warning-text-hover);
    color: var(--sp-palette-warning-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-warning:active {
  border: 2px solid var(--sp-palette-warning-hover);
  color: var(--sp-palette-warning-hover);
}
.sp-button-outlined.sp-button-outlined-error {
  color: var(--sp-palette-error);
  --sp-ripple-color: var(--sp-palette-error);
  border: 2px solid var(--sp-palette-error);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-error:hover {
    border: 2px solid var(--sp-palette-error-text-hover);
    color: var(--sp-palette-error-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-error:active {
  border: 2px solid var(--sp-palette-error-hover);
  color: var(--sp-palette-error-hover);
}
.sp-button-outlined.sp-button-outlined-dark {
  color: var(--sp-palette-dark);
  --sp-ripple-color: var(--sp-palette-dark);
  border: 2px solid var(--sp-palette-dark);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-dark:hover {
    border: 2px solid var(--sp-palette-dark-text-hover);
    color: var(--sp-palette-dark-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-dark:active {
  border: 2px solid var(--sp-palette-dark-hover);
  color: var(--sp-palette-dark-hover);
}
.sp-button-outlined.sp-button-outlined-white {
  color: var(--sp-palette-white);
  --sp-ripple-color: var(--sp-palette-white);
  border: 2px solid var(--sp-palette-white);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-white:hover {
    border: 2px solid var(--sp-palette-white-text-hover);
    color: var(--sp-palette-white-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-white:active {
  border: 2px solid var(--sp-palette-white-hover);
  color: var(--sp-palette-white-hover);
}
.sp-button-outlined.sp-button-outlined-light {
  color: var(--sp-palette-light);
  --sp-ripple-color: var(--sp-palette-light);
  border: 2px solid var(--sp-palette-light);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-light:hover {
    border: 2px solid var(--sp-palette-light-text-hover);
    color: var(--sp-palette-light-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-light:active {
  border: 2px solid var(--sp-palette-light-hover);
  color: var(--sp-palette-light-hover);
}
.sp-button-outlined.sp-button-outlined-gray {
  color: var(--sp-palette-gray);
  --sp-ripple-color: var(--sp-palette-gray);
  border: 2px solid var(--sp-palette-gray);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-gray:hover {
    border: 2px solid var(--sp-palette-gray-text-hover);
    color: var(--sp-palette-gray-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-gray:active {
  border: 2px solid var(--sp-palette-gray-hover);
  color: var(--sp-palette-gray-hover);
}
.sp-button-outlined.sp-button-outlined-light-gray {
  color: var(--sp-palette-light-gray);
  --sp-ripple-color: var(--sp-palette-light-gray);
  border: 2px solid var(--sp-palette-light-gray);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-light-gray:hover {
    border: 2px solid var(--sp-palette-light-gray-text-hover);
    color: var(--sp-palette-light-gray-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-light-gray:active {
  border: 2px solid var(--sp-palette-light-gray-hover);
  color: var(--sp-palette-light-gray-hover);
}
.sp-button-outlined.sp-button-outlined-dark-gray {
  color: var(--sp-palette-dark-gray);
  --sp-ripple-color: var(--sp-palette-dark-gray);
  border: 2px solid var(--sp-palette-dark-gray);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-outlined.sp-button-outlined-dark-gray:hover {
    border: 2px solid var(--sp-palette-dark-gray-text-hover);
    color: var(--sp-palette-dark-gray-text-hover);
  }
}
.sp-button-outlined.sp-button-outlined-dark-gray:active {
  border: 2px solid var(--sp-palette-dark-gray-hover);
  color: var(--sp-palette-dark-gray-hover);
}
.sp-button-outlined:disabled {
  border: 2px solid var(--sp-palette-action-disabled-background);
}

.sp-button-filled {
  color: var(--sp-palette-text-primary);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: var(--sp-ripple-opacity-secondary) !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  background-color: var(--sp-palette-action-default-hover);
}
.sp-button-filled.sp-icon-button {
  padding: 6px;
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
    background-color: var(--sp-palette-action-disabled-background);
  }
}
.sp-button-filled:active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  background-color: var(--sp-palette-action-disabled-background);
}
.sp-button-filled:disabled {
  color: var(--sp-palette-action-disabled);
  box-shadow: none;
  background-color: var(--sp-palette-action-disabled-background) !important;
}
.sp-button-filled.sp-button-filled-primary {
  color: var(--sp-palette-primary-text);
  --sp-ripple-color: var(--sp-palette-primary-text);
  background-color: var(--sp-palette-primary);
}
.sp-button-filled.sp-button-filled-primary .sp-icon-primary-color {
  background-color: var(--sp-palette-primary-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-primary:hover {
    background-color: var(--sp-palette-primary-darken);
  }
}
.sp-button-filled.sp-button-filled-primary:active {
  background-color: var(--sp-palette-primary-darken);
}
.sp-button-filled.sp-button-filled-secondary {
  color: var(--sp-palette-secondary-text);
  --sp-ripple-color: var(--sp-palette-secondary-text);
  background-color: var(--sp-palette-secondary);
}
.sp-button-filled.sp-button-filled-secondary .sp-icon-secondary-color {
  background-color: var(--sp-palette-secondary-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-secondary:hover {
    background-color: var(--sp-palette-secondary-darken);
  }
}
.sp-button-filled.sp-button-filled-secondary:active {
  background-color: var(--sp-palette-secondary-darken);
}
.sp-button-filled.sp-button-filled-tertiary {
  color: var(--sp-palette-tertiary-text);
  --sp-ripple-color: var(--sp-palette-tertiary-text);
  background-color: var(--sp-palette-tertiary);
}
.sp-button-filled.sp-button-filled-tertiary .sp-icon-tertiary-color {
  background-color: var(--sp-palette-tertiary-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-tertiary:hover {
    background-color: var(--sp-palette-tertiary-darken);
  }
}
.sp-button-filled.sp-button-filled-tertiary:active {
  background-color: var(--sp-palette-tertiary-darken);
}
.sp-button-filled.sp-button-filled-info {
  color: var(--sp-palette-info-text);
  --sp-ripple-color: var(--sp-palette-info-text);
  background-color: var(--sp-palette-info);
}
.sp-button-filled.sp-button-filled-info .sp-icon-info-color {
  background-color: var(--sp-palette-info-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-info:hover {
    background-color: var(--sp-palette-info-darken);
  }
}
.sp-button-filled.sp-button-filled-info:active {
  background-color: var(--sp-palette-info-darken);
}
.sp-button-filled.sp-button-filled-success {
  color: var(--sp-palette-success-text);
  --sp-ripple-color: var(--sp-palette-success-text);
  background-color: var(--sp-palette-success);
}
.sp-button-filled.sp-button-filled-success .sp-icon-success-color {
  background-color: var(--sp-palette-success-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-success:hover {
    background-color: var(--sp-palette-success-darken);
  }
}
.sp-button-filled.sp-button-filled-success:active {
  background-color: var(--sp-palette-success-darken);
}
.sp-button-filled.sp-button-filled-warning {
  color: var(--sp-palette-warning-text);
  --sp-ripple-color: var(--sp-palette-warning-text);
  background-color: var(--sp-palette-warning);
}
.sp-button-filled.sp-button-filled-warning .sp-icon-warning-color {
  background-color: var(--sp-palette-warning-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-warning:hover {
    background-color: var(--sp-palette-warning-darken);
  }
}
.sp-button-filled.sp-button-filled-warning:active {
  background-color: var(--sp-palette-warning-darken);
}
.sp-button-filled.sp-button-filled-error {
  color: var(--sp-palette-error-text);
  --sp-ripple-color: var(--sp-palette-error-text);
  background-color: var(--sp-palette-error);
}
.sp-button-filled.sp-button-filled-error .sp-icon-error-color {
  background-color: var(--sp-palette-error-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-error:hover {
    background-color: var(--sp-palette-error-darken);
  }
}
.sp-button-filled.sp-button-filled-error:active {
  background-color: var(--sp-palette-error-darken);
}
.sp-button-filled.sp-button-filled-dark {
  color: var(--sp-palette-dark-text);
  --sp-ripple-color: var(--sp-palette-dark-text);
  background-color: var(--sp-palette-dark);
}
.sp-button-filled.sp-button-filled-dark .sp-icon-dark-color {
  background-color: var(--sp-palette-dark-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-dark:hover {
    background-color: var(--sp-palette-dark-darken);
  }
}
.sp-button-filled.sp-button-filled-dark:active {
  background-color: var(--sp-palette-dark-darken);
}
.sp-button-filled.sp-button-filled-white {
  color: var(--sp-palette-white-text);
  --sp-ripple-color: var(--sp-palette-white-text);
  background-color: var(--sp-palette-white);
}
.sp-button-filled.sp-button-filled-white .sp-icon-white-color {
  background-color: var(--sp-palette-white-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-white:hover {
    background-color: var(--sp-palette-white-darken);
  }
}
.sp-button-filled.sp-button-filled-white:active {
  background-color: var(--sp-palette-white-darken);
}
.sp-button-filled.sp-button-filled-light {
  color: var(--sp-palette-light-text);
  --sp-ripple-color: var(--sp-palette-light-text);
  background-color: var(--sp-palette-light);
}
.sp-button-filled.sp-button-filled-light .sp-icon-light-color {
  background-color: var(--sp-palette-light-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-light:hover {
    background-color: var(--sp-palette-light-darken);
  }
}
.sp-button-filled.sp-button-filled-light:active {
  background-color: var(--sp-palette-light-darken);
}
.sp-button-filled.sp-button-filled-gray {
  color: var(--sp-palette-gray-text);
  --sp-ripple-color: var(--sp-palette-gray-text);
  background-color: var(--sp-palette-gray);
}
.sp-button-filled.sp-button-filled-gray .sp-icon-gray-color {
  background-color: var(--sp-palette-gray-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-gray:hover {
    background-color: var(--sp-palette-gray-darken);
  }
}
.sp-button-filled.sp-button-filled-gray:active {
  background-color: var(--sp-palette-gray-darken);
}
.sp-button-filled.sp-button-filled-light-gray {
  color: var(--sp-palette-light-gray-text);
  --sp-ripple-color: var(--sp-palette-light-gray-text);
  background-color: var(--sp-palette-light-gray);
}
.sp-button-filled.sp-button-filled-light-gray .sp-icon-light-gray-color {
  background-color: var(--sp-palette-light-gray-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-light-gray:hover {
    background-color: var(--sp-palette-light-gray-darken);
  }
}
.sp-button-filled.sp-button-filled-light-gray:active {
  background-color: var(--sp-palette-light-gray-darken);
}
.sp-button-filled.sp-button-filled-dark-gray {
  color: var(--sp-palette-dark-gray-text);
  --sp-ripple-color: var(--sp-palette-dark-gray-text);
  background-color: var(--sp-palette-dark-gray);
}
.sp-button-filled.sp-button-filled-dark-gray .sp-icon-dark-gray-color {
  background-color: var(--sp-palette-dark-gray-text);
}
@media (hover: hover) and (pointer: fine) {
  .sp-button-filled.sp-button-filled-dark-gray:hover {
    background-color: var(--sp-palette-dark-gray-darken);
  }
}
.sp-button-filled.sp-button-filled-dark-gray:active {
  background-color: var(--sp-palette-dark-gray-darken);
}

.sp-button-color-inherit {
  color: inherit;
  border-color: currentColor;
}

.sp-button-transparent-size-small {
  padding: 4px 5px;
  font-size: 0.8125rem;
}

.sp-button-transparent-size-large {
  padding: 8px 11px;
  font-size: 0.9375rem;
}

.sp-button-outlined-size-small {
  padding: 3px 9px;
  font-size: 0.8125rem;
}
.sp-button-outlined-size-small.sp-icon-button {
  padding: 4px;
}

.sp-button-outlined-size-large {
  padding: 7px 21px;
  font-size: 0.9375rem;
}
.sp-button-outlined-size-large.sp-icon-button {
  padding: 4px;
}

.sp-button-filled-size-small {
  padding: 4px 10px;
  font-size: 0.8125rem;
}
.sp-button-filled-size-small.sp-icon-button {
  padding: 5px;
}

.sp-button-filled-size-large {
  padding: 8px 22px;
  font-size: 0.9375rem;
}
.sp-button-filled-size-large.sp-icon-button {
  padding: 5px;
}

.sp-button-full-width {
  width: 100%;
}

.sp-button:has(.sp-button-icon-center) {
  min-height: 40px;
  min-width: 40px;
  padding: 0;
}

:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

span.arrow-next {
  mask: url("../Icons/ArrowNext.svg") no-repeat;
}

span.arrow-back {
  mask: url("../Icons/ArrowBack.svg") no-repeat;
}

span.spinner {
  mask: url("../Icons/Spinner.svg") no-repeat;
}

span.check, .span.success {
  mask: url("../Icons/Check.svg") no-repeat;
}

span.print {
  mask: url("../Icons/Print.svg") no-repeat;
}

span.bin {
  mask: url("../Icons/Bin.svg") no-repeat;
}

span.cancel {
  mask: url("../Icons/Cancel.svg") no-repeat;
}

span.logout {
  mask: url("../Icons/Logout.svg") no-repeat;
}

span.search {
  mask: url("../Icons/Search.svg") no-repeat;
}

span.phone {
  mask: url("../Icons/Phone.svg") no-repeat;
}

span.mail {
  mask: url("../Icons/Mail.svg") no-repeat;
}

span.web {
  mask: url("../Icons/Web.svg") no-repeat;
}

span.map {
  mask: url("../Icons/Map.svg") no-repeat;
}

span.euro {
  mask: url("../Icons/Euro.svg") no-repeat;
}

span.checkoutlined {
  mask: url("../Icons/CheckOutlined.svg") no-repeat;
}

span.calendar {
  mask: url("../Icons/Calendar.svg") no-repeat;
}

span.doc {
  mask: url("../Icons/Doc.svg") no-repeat;
}

span.profil {
  mask: url("../Icons/Profil.svg") no-repeat;
}

span.refund {
  mask: url("../Icons/Refund.svg") no-repeat;
}

span.info {
  mask: url("../Icons/Info.svg") no-repeat;
}

span.error {
  mask: url("../Icons/Error.svg") no-repeat;
}

span.excel {
  mask: url("../Icons/Excel.svg") no-repeat;
}

span.custom {
  mask: url("../Icons/Custom.svg") no-repeat;
}

span.plane {
  mask: url("../Icons/Plane.svg") no-repeat;
}

.sp-icon-background-container {
  display: flex;
}
.sp-icon-background-container.sp-icon-primary-background-color {
  background-color: var(--sp-palette-primary);
}
.sp-icon-background-container.sp-icon-primary-background-color:focus-visible, .sp-icon-background-container.sp-icon-primary-background-color:active {
  background-color: var(--sp-palette-primary-hover);
}
.sp-icon-background-container.sp-icon-secondary-background-color {
  background-color: var(--sp-palette-secondary);
}
.sp-icon-background-container.sp-icon-secondary-background-color:focus-visible, .sp-icon-background-container.sp-icon-secondary-background-color:active {
  background-color: var(--sp-palette-secondary-hover);
}
.sp-icon-background-container.sp-icon-tertiary-background-color {
  background-color: var(--sp-palette-tertiary);
}
.sp-icon-background-container.sp-icon-tertiary-background-color:focus-visible, .sp-icon-background-container.sp-icon-tertiary-background-color:active {
  background-color: var(--sp-palette-tertiary-hover);
}
.sp-icon-background-container.sp-icon-info-background-color {
  background-color: var(--sp-palette-info);
}
.sp-icon-background-container.sp-icon-info-background-color:focus-visible, .sp-icon-background-container.sp-icon-info-background-color:active {
  background-color: var(--sp-palette-info-hover);
}
.sp-icon-background-container.sp-icon-success-background-color {
  background-color: var(--sp-palette-success);
}
.sp-icon-background-container.sp-icon-success-background-color:focus-visible, .sp-icon-background-container.sp-icon-success-background-color:active {
  background-color: var(--sp-palette-success-hover);
}
.sp-icon-background-container.sp-icon-warning-background-color {
  background-color: var(--sp-palette-warning);
}
.sp-icon-background-container.sp-icon-warning-background-color:focus-visible, .sp-icon-background-container.sp-icon-warning-background-color:active {
  background-color: var(--sp-palette-warning-hover);
}
.sp-icon-background-container.sp-icon-error-background-color {
  background-color: var(--sp-palette-error);
}
.sp-icon-background-container.sp-icon-error-background-color:focus-visible, .sp-icon-background-container.sp-icon-error-background-color:active {
  background-color: var(--sp-palette-error-hover);
}
.sp-icon-background-container.sp-icon-dark-background-color {
  background-color: var(--sp-palette-dark);
}
.sp-icon-background-container.sp-icon-dark-background-color:focus-visible, .sp-icon-background-container.sp-icon-dark-background-color:active {
  background-color: var(--sp-palette-dark-hover);
}
.sp-icon-background-container.sp-icon-white-background-color {
  background-color: var(--sp-palette-white);
}
.sp-icon-background-container.sp-icon-white-background-color:focus-visible, .sp-icon-background-container.sp-icon-white-background-color:active {
  background-color: var(--sp-palette-white-hover);
}
.sp-icon-background-container.sp-icon-light-background-color {
  background-color: var(--sp-palette-light);
}
.sp-icon-background-container.sp-icon-light-background-color:focus-visible, .sp-icon-background-container.sp-icon-light-background-color:active {
  background-color: var(--sp-palette-light-hover);
}
.sp-icon-background-container.sp-icon-gray-background-color {
  background-color: var(--sp-palette-gray);
}
.sp-icon-background-container.sp-icon-gray-background-color:focus-visible, .sp-icon-background-container.sp-icon-gray-background-color:active {
  background-color: var(--sp-palette-gray-hover);
}
.sp-icon-background-container.sp-icon-light-gray-background-color {
  background-color: var(--sp-palette-light-gray);
}
.sp-icon-background-container.sp-icon-light-gray-background-color:focus-visible, .sp-icon-background-container.sp-icon-light-gray-background-color:active {
  background-color: var(--sp-palette-light-gray-hover);
}
.sp-icon-background-container.sp-icon-dark-gray-background-color {
  background-color: var(--sp-palette-dark-gray);
}
.sp-icon-background-container.sp-icon-dark-gray-background-color:focus-visible, .sp-icon-background-container.sp-icon-dark-gray-background-color:active {
  background-color: var(--sp-palette-dark-gray-hover);
}

.sp-icon-default {
  color: var(--sp-palette-text-secondary);
}

.sp-disabled .sp-icon-root, .sp-disabled .sp-svg-icon, .sp-disabled .sp-icon-default {
  color: var(--sp-palette-text-disabled);
}

.sp-icon-root {
  width: 1em;
  height: 1em;
  display: inline-block;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}
.sp-icon-root.sp-icon-primary-color {
  background-color: var(--sp-palette-primary);
}
.sp-icon-root.sp-icon-primary-color:focus-visible, .sp-icon-root.sp-icon-primary-color:active {
  background-color: var(--sp-palette-primary-hover);
}
.sp-icon-root.sp-icon-secondary-color {
  background-color: var(--sp-palette-secondary);
}
.sp-icon-root.sp-icon-secondary-color:focus-visible, .sp-icon-root.sp-icon-secondary-color:active {
  background-color: var(--sp-palette-secondary-hover);
}
.sp-icon-root.sp-icon-tertiary-color {
  background-color: var(--sp-palette-tertiary);
}
.sp-icon-root.sp-icon-tertiary-color:focus-visible, .sp-icon-root.sp-icon-tertiary-color:active {
  background-color: var(--sp-palette-tertiary-hover);
}
.sp-icon-root.sp-icon-info-color {
  background-color: var(--sp-palette-info);
}
.sp-icon-root.sp-icon-info-color:focus-visible, .sp-icon-root.sp-icon-info-color:active {
  background-color: var(--sp-palette-info-hover);
}
.sp-icon-root.sp-icon-success-color {
  background-color: var(--sp-palette-success);
}
.sp-icon-root.sp-icon-success-color:focus-visible, .sp-icon-root.sp-icon-success-color:active {
  background-color: var(--sp-palette-success-hover);
}
.sp-icon-root.sp-icon-warning-color {
  background-color: var(--sp-palette-warning);
}
.sp-icon-root.sp-icon-warning-color:focus-visible, .sp-icon-root.sp-icon-warning-color:active {
  background-color: var(--sp-palette-warning-hover);
}
.sp-icon-root.sp-icon-error-color {
  background-color: var(--sp-palette-error);
}
.sp-icon-root.sp-icon-error-color:focus-visible, .sp-icon-root.sp-icon-error-color:active {
  background-color: var(--sp-palette-error-hover);
}
.sp-icon-root.sp-icon-dark-color {
  background-color: var(--sp-palette-dark);
}
.sp-icon-root.sp-icon-dark-color:focus-visible, .sp-icon-root.sp-icon-dark-color:active {
  background-color: var(--sp-palette-dark-hover);
}
.sp-icon-root.sp-icon-white-color {
  background-color: var(--sp-palette-white);
}
.sp-icon-root.sp-icon-white-color:focus-visible, .sp-icon-root.sp-icon-white-color:active {
  background-color: var(--sp-palette-white-hover);
}
.sp-icon-root.sp-icon-light-color {
  background-color: var(--sp-palette-light);
}
.sp-icon-root.sp-icon-light-color:focus-visible, .sp-icon-root.sp-icon-light-color:active {
  background-color: var(--sp-palette-light-hover);
}
.sp-icon-root.sp-icon-gray-color {
  background-color: var(--sp-palette-gray);
}
.sp-icon-root.sp-icon-gray-color:focus-visible, .sp-icon-root.sp-icon-gray-color:active {
  background-color: var(--sp-palette-gray-hover);
}
.sp-icon-root.sp-icon-light-gray-color {
  background-color: var(--sp-palette-light-gray);
}
.sp-icon-root.sp-icon-light-gray-color:focus-visible, .sp-icon-root.sp-icon-light-gray-color:active {
  background-color: var(--sp-palette-light-gray-hover);
}
.sp-icon-root.sp-icon-dark-gray-color {
  background-color: var(--sp-palette-dark-gray);
}
.sp-icon-root.sp-icon-dark-gray-color:focus-visible, .sp-icon-root.sp-icon-dark-gray-color:active {
  background-color: var(--sp-palette-dark-gray-hover);
}
.sp-icon-root.sp-icon-default-color {
  background-color: #fff;
}
.sp-icon-root:focus {
  outline: none;
}
.sp-icon-root.sp-svg-icon {
  fill: currentColor;
}
.sp-icon-root.disabled {
  background-color: var(--sp-palette-action-disabled);
}

.sp-icon-size-small {
  font-size: 1.25rem;
}

.sp-icon-size-medium {
  font-size: 1.5rem;
}

.sp-icon-size-large {
  font-size: 2.25rem;
}

.sp-icon-disabled {
  pointer-events: none;
}
.sp-icon-disabled .sp-icon-root {
  background-color: var(--sp-palette-text-disabled);
}

:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.sp-card {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  flex-direction: column;
}

.sp-card-header {
  display: flex;
  padding: 16px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  width: 100%;
}
.sp-card-header .sp-card-header-avatar {
  flex: 0 0 auto;
  margin-right: 16px;
  margin-inline-end: 16px;
  margin-inline-start: unset;
}
.sp-card-header .sp-card-header-content {
  flex: 1 1 auto;
}
.sp-card-header .sp-card-header-content .sp-typography {
  margin-bottom: 0;
}
.sp-card-header .sp-card-header-actions {
  flex: 0 0 auto;
  align-self: flex-start;
  margin-top: -8px;
  margin-right: -8px;
  margin-inline-end: -8px;
  margin-inline-start: unset;
}

.sp-card-media {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.sp-card-header + .sp-card-media {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.sp-card-content {
  display: flex;
  padding: 16px;
}

.sp-card-actions {
  display: flex;
  padding: 18px;
  align-items: center;
}

.sp-card-overlay {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.55);
  z-index: 999;
}

.sp-card-overlay .sp-card {
  border-radius: 0;
}

body:has(.sp-card-overlay) {
  height: 100vh;
}

:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.sp-typography {
  margin: 0;
}

.sp-typography-h1 {
  font-size: var(--sp-typography-h1-size);
  font-weight: var(--sp-typography-h1-weight);
  line-height: var(--sp-typography-h1-lineheight);
  letter-spacing: var(--sp-typography-h1-letterspacing);
  text-transform: var(--sp-typography-h1-text-transform);
}

.sp-typography-h2 {
  font-size: var(--sp-typography-h2-size);
  font-weight: var(--sp-typography-h2-weight);
  line-height: var(--sp-typography-h2-lineheight);
  letter-spacing: var(--sp-typography-h2-letterspacing);
  text-transform: var(--sp-typography-h2-text-transform);
}

.sp-typography-h3 {
  font-size: var(--sp-typography-h3-size);
  font-weight: var(--sp-typography-h3-weight);
  line-height: var(--sp-typography-h3-lineheight);
  letter-spacing: var(--sp-typography-h3-letterspacing);
  text-transform: var(--sp-typography-h3-text-transform);
}

.sp-typography-h4 {
  font-size: var(--sp-typography-h4-size);
  font-weight: var(--sp-typography-h4-weight);
  line-height: var(--sp-typography-h4-lineheight);
  letter-spacing: var(--sp-typography-h4-letterspacing);
  text-transform: var(--sp-typography-h4-text-transform);
}

.sp-typography-h5 {
  font-size: var(--sp-typography-h5-size);
  font-weight: var(--sp-typography-h5-weight);
  line-height: var(--sp-typography-h5-lineheight);
  letter-spacing: var(--sp-typography-h5-letterspacing);
  text-transform: var(--sp-typography-h5-text-transform);
}

.sp-typography-h6 {
  font-size: var(--sp-typography-h6-size);
  font-weight: var(--sp-typography-h6-weight);
  line-height: var(--sp-typography-h6-lineheight);
  letter-spacing: var(--sp-typography-h6-letterspacing);
  text-transform: var(--sp-typography-h6-text-transform);
}

.sp-typography-subtitle {
  font-size: var(--sp-typography-subtitle-size);
  font-weight: var(--sp-typography-subtitle-weight);
  line-height: var(--sp-typography-subtitle-lineheight);
  letter-spacing: var(--sp-typography-subtitle-letterspacing);
  text-transform: var(--sp-typography-subtitle-text-transform);
}

.sp-typography-body {
  font-size: var(--sp-typography-body-size);
  font-weight: var(--sp-typography-body-weight);
  line-height: var(--sp-typography-body-lineheight);
  letter-spacing: var(--sp-typography-body-letterspacing);
  text-transform: var(--sp-typography-body-text-transform);
}

.sp-typography-input {
  font-size: var(--sp-typography-input-size);
  font-weight: var(--sp-typography-input-weight);
  line-height: var(--sp-typography-input-lineheight);
  letter-spacing: var(--sp-typography-input-letterspacing);
  text-transform: var(--sp-typography-input-text-transform);
}

.sp-typography-button {
  font-size: var(--sp-typography-button-size);
  font-weight: var(--sp-typography-button-weight);
  line-height: var(--sp-typography-button-lineheight);
  letter-spacing: var(--sp-typography-button-letterspacing);
  text-transform: var(--sp-typography-button-text-transform);
}

.sp-typography-label {
  font-size: var(--sp-typography-label-size);
  font-weight: var(--sp-typography-label-weight);
  line-height: var(--sp-typography-label-lineheight);
  letter-spacing: var(--sp-typography-label-letterspacing);
  text-transform: var(--sp-typography-label-text-transform);
}

.sp-typography-small {
  font-size: var(--sp-typography-small-size);
  font-weight: var(--sp-typography-small-weight);
  line-height: var(--sp-typography-small-lineheight);
  letter-spacing: var(--sp-typography-small-letterspacing);
  text-transform: var(--sp-typography-small-text-transform);
}

.sp-typography-strong {
  font-size: var(--sp-typography-strong-size);
  font-weight: var(--sp-typography-strong-weight);
  line-height: var(--sp-typography-strong-lineheight);
  letter-spacing: var(--sp-typography-strong-letterspacing);
  text-transform: var(--sp-typography-strong-text-transform);
}

.sp-typography-primary {
  color: var(--sp-palette-primary-text);
}

.sp-typography-secondary {
  color: var(--sp-palette-secondary-text);
}

.sp-typography-tertiary {
  color: var(--sp-palette-tertiary-text);
}

.sp-typography-info {
  color: var(--sp-palette-info-text);
}

.sp-typography-success {
  color: var(--sp-palette-success-text);
}

.sp-typography-warning {
  color: var(--sp-palette-warning-text);
}

.sp-typography-error {
  color: var(--sp-palette-error-text);
}

.sp-typography-dark {
  color: var(--sp-palette-dark-text);
}

.sp-typography-white {
  color: var(--sp-palette-white-text);
}

.sp-typography-light {
  color: var(--sp-palette-light-text);
}

.sp-typography-gray {
  color: var(--sp-palette-gray-text);
}

.sp-typography-light-gray {
  color: var(--sp-palette-light-gray-text);
}

.sp-typography-dark-gray {
  color: var(--sp-palette-dark-gray-text);
}

.sp-typography-thin {
  font-weight: 300;
}

.sp-typography-srOnly {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}

.sp-typography-align-left, .sp-typography-align-start {
  text-align: left;
}

.sp-typography-align-center {
  text-align: center;
}

.sp-typography-align-right, .sp-typography-align-end {
  text-align: right;
}

.sp-typography-align-justify {
  text-align: justify;
}

.sp-typography-transform-uppercase {
  text-transform: uppercase;
}

.sp-typography-transform-lowercase {
  text-transform: lowercase;
}

.sp-typography-transform-capitalize {
  text-transform: capitalize;
}

.sp-typography-transform-none {
  text-transform: none;
}

.sp-typography-italic {
  font-style: italic;
}

.sp-typography-nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sp-typography-gutterbottom {
  margin-bottom: 0.35em;
}

.sp-typography-paragraph {
  margin-bottom: 16px;
}

.sp-typography-display-inline {
  display: inline;
}

.sp-typography-display-block {
  display: block;
}

:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.sp-flex-break {
  flex-basis: 100%;
  width: 0;
}

.sp-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.sp-grid-item {
  margin: 0;
  box-sizing: border-box;
}

.sp-grid-spacing-xs-1 {
  width: calc(100% + 8px);
  margin: -4px;
}

.sp-grid-spacing-xs-1 > .sp-grid-item {
  padding: 4px;
}

.sp-grid-spacing-xs-2 {
  width: calc(100% + 16px);
  margin: -8px;
}

.sp-grid-spacing-xs-2 > .sp-grid-item {
  padding: 8px;
}

.sp-grid-spacing-xs-3 {
  width: calc(100% + 24px);
  margin: -12px;
}

.sp-grid-spacing-xs-3 > .sp-grid-item {
  padding: 12px;
}

.sp-grid-spacing-xs-4 {
  width: calc(100% + 32px);
  margin: -16px;
}

.sp-grid-spacing-xs-4 > .sp-grid-item {
  padding: 16px;
}

.sp-grid-spacing-xs-5 {
  width: calc(100% + 40px);
  margin: -20px;
}

.sp-grid-spacing-xs-5 > .sp-grid-item {
  padding: 20px;
}

.sp-grid-spacing-xs-6 {
  width: calc(100% + 48px);
  margin: -24px;
}

.sp-grid-spacing-xs-6 > .sp-grid-item {
  padding: 24px;
}

.sp-grid-spacing-xs-7 {
  width: calc(100% + 56px);
  margin: -28px;
}

.sp-grid-spacing-xs-7 > .sp-grid-item {
  padding: 28px;
}

.sp-grid-spacing-xs-8 {
  width: calc(100% + 64px);
  margin: -32px;
}

.sp-grid-spacing-xs-8 > .sp-grid-item {
  padding: 32px;
}

.sp-grid-spacing-xs-9 {
  width: calc(100% + 72px);
  margin: -36px;
}

.sp-grid-spacing-xs-9 > .sp-grid-item {
  padding: 36px;
}

.sp-grid-spacing-xs-10 {
  width: calc(100% + 80px);
  margin: -40px;
}

.sp-grid-spacing-xs-10 > .sp-grid-item {
  padding: 40px;
}

.sp-grid-item-xs-auto {
  flex-grow: 0;
  max-width: none;
  flex-basis: auto;
}

.sp-grid-item-xs-true {
  flex-grow: 1;
  max-width: 100%;
  flex-basis: 0;
}

.sp-grid-item-xs-1 {
  flex-grow: 0;
  max-width: 8.333333%;
  flex-basis: 8.333333%;
}

.sp-grid-item-xs-2 {
  flex-grow: 0;
  max-width: 16.666667%;
  flex-basis: 16.666667%;
}

.sp-grid-item-xs-3 {
  flex-grow: 0;
  max-width: 25%;
  flex-basis: 25%;
}

.sp-grid-item-xs-4 {
  flex-grow: 0;
  max-width: 33.333333%;
  flex-basis: 33.333333%;
}

.sp-grid-item-xs-5 {
  flex-grow: 0;
  max-width: 41.666667%;
  flex-basis: 41.666667%;
}

.sp-grid-item-xs-6 {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}

.sp-grid-item-xs-7 {
  flex-grow: 0;
  max-width: 58.333333%;
  flex-basis: 58.333333%;
}

.sp-grid-item-xs-8 {
  flex-grow: 0;
  max-width: 66.666667%;
  flex-basis: 66.666667%;
}

.sp-grid-item-xs-9 {
  flex-grow: 0;
  max-width: 75%;
  flex-basis: 75%;
}

.sp-grid-item-xs-10 {
  flex-grow: 0;
  max-width: 83.333333%;
  flex-basis: 83.333333%;
}

.sp-grid-item-xs-11 {
  flex-grow: 0;
  max-width: 91.666667%;
  flex-basis: 91.666667%;
}

.sp-grid-item-xs-12 {
  flex-grow: 0;
  max-width: 100%;
  flex-basis: 100%;
}

@media (min-width: 600px) {
  .sp-grid-item-sm-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .sp-grid-item-sm-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .sp-grid-item-sm-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .sp-grid-item-sm-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .sp-grid-item-sm-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .sp-grid-item-sm-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .sp-grid-item-sm-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .sp-grid-item-sm-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .sp-grid-item-sm-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .sp-grid-item-sm-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .sp-grid-item-sm-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .sp-grid-item-sm-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .sp-grid-item-sm-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .sp-grid-item-sm-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 960px) {
  .sp-grid-item-md-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .sp-grid-item-md-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .sp-grid-item-md-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .sp-grid-item-md-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .sp-grid-item-md-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .sp-grid-item-md-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .sp-grid-item-md-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .sp-grid-item-md-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .sp-grid-item-md-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .sp-grid-item-md-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .sp-grid-item-md-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .sp-grid-item-md-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .sp-grid-item-md-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .sp-grid-item-md-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1280px) {
  .sp-grid-item-lg-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .sp-grid-item-lg-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .sp-grid-item-lg-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .sp-grid-item-lg-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .sp-grid-item-lg-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .sp-grid-item-lg-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .sp-grid-item-lg-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .sp-grid-item-lg-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .sp-grid-item-lg-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .sp-grid-item-lg-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .sp-grid-item-lg-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .sp-grid-item-lg-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .sp-grid-item-lg-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .sp-grid-item-lg-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1920px) {
  .sp-grid-item-xl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .sp-grid-item-xl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .sp-grid-item-xl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .sp-grid-item-xl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .sp-grid-item-xl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .sp-grid-item-xl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .sp-grid-item-xl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .sp-grid-item-xl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .sp-grid-item-xl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .sp-grid-item-xl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .sp-grid-item-xl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .sp-grid-item-xl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .sp-grid-item-xl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .sp-grid-item-xl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 2560px) {
  .sp-grid-item-xxl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .sp-grid-item-xxl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .sp-grid-item-xxl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .sp-grid-item-xxl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .sp-grid-item-xxl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .sp-grid-item-xxl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .sp-grid-item-xxl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .sp-grid-item-xxl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .sp-grid-item-xxl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .sp-grid-item-xxl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .sp-grid-item-xxl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .sp-grid-item-xxl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .sp-grid-item-xxl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .sp-grid-item-xxl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.sp-image.fluid {
  max-width: 100%;
  height: auto;
}
.sp-image img {
  user-select: none;
  transform-origin: top center;
}

.object-none {
  object-fit: none;
}

.object-cover {
  object-fit: cover;
}

.object-contain {
  object-fit: contain;
}

.object-fill {
  object-fit: fill;
}

.object-scale-down {
  object-fit: scale-down;
}

.button-container {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  top: 1rem;
  left: 1rem;
}

:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.sp-navmenu {
  margin: 0;
  padding-right: 7rem;
  padding-left: 7rem;
  position: relative;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.sp-nav-group {
  width: 43%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.sp-nav-group > .sp-nav-link > .sp-nav-link-text {
  font-weight: 500;
}
.sp-nav-group * .sp-nav-group > .sp-nav-link > .sp-nav-link-text {
  font-weight: 400;
}
.sp-nav-group * .sp-nav-group > .sp-nav-link.sp-expanded > .sp-nav-link-text {
  font-weight: 500;
}
.sp-nav-group * .sp-navmenu .sp-nav-item .sp-nav-link {
  padding-left: 36px;
  padding-inline-start: 36px;
  padding-inline-end: unset;
}

@media (max-width: 1900px) {
  .sp-nav-group {
    width: 60%;
  }
  .sp-navmenu {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.sp-nav-item {
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
}

.sp-nav-item.active:after {
  content: " ";
  background-color: var(--sp-palette-primary);
  height: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 15px;
}

.sp-nav-link {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.sp-nav-link .sp-nav-link-text {
  width: 100%;
  text-align: start;
  margin-left: 12px;
  margin-inline-start: 12px;
  margin-inline-end: unset;
  letter-spacing: 0;
}

.sp-navmenu.sp-navmenu-margin-normal .sp-nav-link {
  margin: 4px 0;
}
.sp-navmenu.sp-navmenu-primary {
  background-color: var(--sp-palette-primary);
}
.sp-navmenu.sp-navmenu-primary .sp-nav-link {
  color: var(--sp-palette-primary-text);
}
.sp-navmenu.sp-navmenu-primary .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-primary);
  background-color: var(--sp-palette-primary-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-primary .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-primary-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-primary .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-primary .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-primary-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-secondary {
  background-color: var(--sp-palette-secondary);
}
.sp-navmenu.sp-navmenu-secondary .sp-nav-link {
  color: var(--sp-palette-secondary-text);
}
.sp-navmenu.sp-navmenu-secondary .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-secondary);
  background-color: var(--sp-palette-secondary-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-secondary .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-secondary-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-secondary .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-secondary .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-secondary-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-tertiary {
  background-color: var(--sp-palette-tertiary);
}
.sp-navmenu.sp-navmenu-tertiary .sp-nav-link {
  color: var(--sp-palette-tertiary-text);
}
.sp-navmenu.sp-navmenu-tertiary .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-tertiary);
  background-color: var(--sp-palette-tertiary-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-tertiary .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-tertiary-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-tertiary .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-tertiary .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-tertiary-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-info {
  background-color: var(--sp-palette-info);
}
.sp-navmenu.sp-navmenu-info .sp-nav-link {
  color: var(--sp-palette-info-text);
}
.sp-navmenu.sp-navmenu-info .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-info);
  background-color: var(--sp-palette-info-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-info .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-info-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-info .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-info .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-info-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-success {
  background-color: var(--sp-palette-success);
}
.sp-navmenu.sp-navmenu-success .sp-nav-link {
  color: var(--sp-palette-success-text);
}
.sp-navmenu.sp-navmenu-success .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-success);
  background-color: var(--sp-palette-success-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-success .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-success-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-success .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-success .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-success-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-warning {
  background-color: var(--sp-palette-warning);
}
.sp-navmenu.sp-navmenu-warning .sp-nav-link {
  color: var(--sp-palette-warning-text);
}
.sp-navmenu.sp-navmenu-warning .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-warning);
  background-color: var(--sp-palette-warning-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-warning .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-warning-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-warning .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-warning .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-warning-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-error {
  background-color: var(--sp-palette-error);
}
.sp-navmenu.sp-navmenu-error .sp-nav-link {
  color: var(--sp-palette-error-text);
}
.sp-navmenu.sp-navmenu-error .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-error);
  background-color: var(--sp-palette-error-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-error .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-error-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-error .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-error .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-error-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-dark {
  background-color: var(--sp-palette-dark);
}
.sp-navmenu.sp-navmenu-dark .sp-nav-link {
  color: var(--sp-palette-dark-text);
}
.sp-navmenu.sp-navmenu-dark .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-dark);
  background-color: var(--sp-palette-dark-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-dark .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-dark-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-dark .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-dark .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-dark-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-white {
  background-color: var(--sp-palette-white);
}
.sp-navmenu.sp-navmenu-white .sp-nav-link {
  color: var(--sp-palette-white-text);
}
.sp-navmenu.sp-navmenu-white .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-white);
  background-color: var(--sp-palette-white-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-white .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-white-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-white .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-white .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-white-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-light {
  background-color: var(--sp-palette-light);
}
.sp-navmenu.sp-navmenu-light .sp-nav-link {
  color: var(--sp-palette-light-text);
}
.sp-navmenu.sp-navmenu-light .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-light);
  background-color: var(--sp-palette-light-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-light .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-light-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-light .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-light .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-light-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-gray {
  background-color: var(--sp-palette-gray);
}
.sp-navmenu.sp-navmenu-gray .sp-nav-link {
  color: var(--sp-palette-gray-text);
}
.sp-navmenu.sp-navmenu-gray .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-gray);
  background-color: var(--sp-palette-gray-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-gray .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-gray-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-gray .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-gray .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-gray-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-light-gray {
  background-color: var(--sp-palette-light-gray);
}
.sp-navmenu.sp-navmenu-light-gray .sp-nav-link {
  color: var(--sp-palette-light-gray-text);
}
.sp-navmenu.sp-navmenu-light-gray .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-light-gray);
  background-color: var(--sp-palette-light-gray-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-light-gray .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-light-gray-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-light-gray .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-light-gray .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-light-gray-rgb), 0.12);
}
.sp-navmenu.sp-navmenu-dark-gray {
  background-color: var(--sp-palette-dark-gray);
}
.sp-navmenu.sp-navmenu-dark-gray .sp-nav-link {
  color: var(--sp-palette-dark-gray-text);
}
.sp-navmenu.sp-navmenu-dark-gray .sp-nav-link.active:not(.sp-nav-link-disabled) {
  --sp-ripple-color: var(--sp-palette-dark-gray);
  background-color: var(--sp-palette-dark-gray-hover);
  color: var(--sp-palette-primary);
}
@media (hover: hover) and (pointer: fine) {
  .sp-navmenu.sp-navmenu-dark-gray .sp-nav-link.active:not(.sp-nav-link-disabled):hover:not(.sp-nav-link-disabled) {
    background-color: rgba(var(--sp-palette-dark-gray-rgb), 0.12);
  }
}
.sp-navmenu.sp-navmenu-dark-gray .sp-nav-link.active:not(.sp-nav-link-disabled):focus-visible:not(.sp-nav-link-disabled), .sp-navmenu.sp-navmenu-dark-gray .sp-nav-link.active:not(.sp-nav-link-disabled):active:not(.sp-nav-link-disabled) {
  background-color: rgba(var(--sp-palette-dark-gray-rgb), 0.12);
}

.sp-nav-group * .sp-navmenu > .sp-nav-group .sp-nav-link {
  padding-left: 36px;
  padding-inline-start: 36px;
  padding-inline-end: 16px;
}
.sp-nav-group * .sp-navmenu > .sp-nav-group * .sp-navmenu .sp-nav-item .sp-nav-link {
  padding-left: 48px;
  padding-inline-start: 48px;
}
.sp-nav-group * .sp-navmenu > .sp-nav-group * .sp-navmenu > .sp-nav-group .sp-nav-link {
  padding-left: 48px;
  padding-inline-start: 48px;
  padding-inline-end: 16px;
}
.sp-nav-group * .sp-navmenu > .sp-nav-group * .sp-navmenu > .sp-nav-group * .sp-navmenu .sp-nav-item .sp-nav-link {
  padding-left: 60px;
  padding-inline-start: 60px;
  padding-inline-end: 0;
}
.sp-nav-group * .sp-navmenu > .sp-nav-group * .sp-navmenu > .sp-nav-group * .sp-navmenu > .sp-nav-group .sp-nav-link {
  padding-left: 60px;
  padding-inline-start: 60px;
  padding-inline-end: 16px;
}
.sp-nav-group * .sp-navmenu > .sp-nav-group * .sp-navmenu > .sp-nav-group * .sp-navmenu > .sp-nav-group * .sp-navmenu .sp-nav-item .sp-nav-link {
  padding-left: 72px;
  padding-inline-start: 72px;
  padding-inline-end: 0;
}

:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.sp-primary {
  background-color: var(--sp-palette-primary) !important;
}

.sp-primary-text {
  color: var(--sp-palette-primary) !important;
  --sp-ripple-color: var(--sp-palette-primary) !important;
}

.sp-primary-hover {
  background-color: var(--sp-palette-primary-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-primary-hover:hover {
    background-color: var(--sp-palette-primary-hover) !important;
  }
}
.hover\:sp-primary-hover:focus-visible, .hover\:sp-primary-hover:active {
  background-color: var(--sp-palette-primary-hover) !important;
}

.sp-border-primary {
  border-color: var(--sp-palette-primary) !important;
}

.sp-theme-primary {
  color: var(--sp-palette-primary-text) !important;
  background-color: var(--sp-palette-primary) !important;
}

.sp-secondary {
  background-color: var(--sp-palette-secondary) !important;
}

.sp-secondary-text {
  color: var(--sp-palette-secondary) !important;
  --sp-ripple-color: var(--sp-palette-secondary) !important;
}

.sp-secondary-hover {
  background-color: var(--sp-palette-secondary-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-secondary-hover:hover {
    background-color: var(--sp-palette-secondary-hover) !important;
  }
}
.hover\:sp-secondary-hover:focus-visible, .hover\:sp-secondary-hover:active {
  background-color: var(--sp-palette-secondary-hover) !important;
}

.sp-border-secondary {
  border-color: var(--sp-palette-secondary) !important;
}

.sp-theme-secondary {
  color: var(--sp-palette-secondary-text) !important;
  background-color: var(--sp-palette-secondary) !important;
}

.sp-tertiary {
  background-color: var(--sp-palette-tertiary) !important;
}

.sp-tertiary-text {
  color: var(--sp-palette-tertiary) !important;
  --sp-ripple-color: var(--sp-palette-tertiary) !important;
}

.sp-tertiary-hover {
  background-color: var(--sp-palette-tertiary-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-tertiary-hover:hover {
    background-color: var(--sp-palette-tertiary-hover) !important;
  }
}
.hover\:sp-tertiary-hover:focus-visible, .hover\:sp-tertiary-hover:active {
  background-color: var(--sp-palette-tertiary-hover) !important;
}

.sp-border-tertiary {
  border-color: var(--sp-palette-tertiary) !important;
}

.sp-theme-tertiary {
  color: var(--sp-palette-tertiary-text) !important;
  background-color: var(--sp-palette-tertiary) !important;
}

.sp-info {
  background-color: var(--sp-palette-info) !important;
}

.sp-info-text {
  color: var(--sp-palette-info) !important;
  --sp-ripple-color: var(--sp-palette-info) !important;
}

.sp-info-hover {
  background-color: var(--sp-palette-info-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-info-hover:hover {
    background-color: var(--sp-palette-info-hover) !important;
  }
}
.hover\:sp-info-hover:focus-visible, .hover\:sp-info-hover:active {
  background-color: var(--sp-palette-info-hover) !important;
}

.sp-border-info {
  border-color: var(--sp-palette-info) !important;
}

.sp-theme-info {
  color: var(--sp-palette-info-text) !important;
  background-color: var(--sp-palette-info) !important;
}

.sp-success {
  background-color: var(--sp-palette-success) !important;
}

.sp-success-text {
  color: var(--sp-palette-success) !important;
  --sp-ripple-color: var(--sp-palette-success) !important;
}

.sp-success-hover {
  background-color: var(--sp-palette-success-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-success-hover:hover {
    background-color: var(--sp-palette-success-hover) !important;
  }
}
.hover\:sp-success-hover:focus-visible, .hover\:sp-success-hover:active {
  background-color: var(--sp-palette-success-hover) !important;
}

.sp-border-success {
  border-color: var(--sp-palette-success) !important;
}

.sp-theme-success {
  color: var(--sp-palette-success-text) !important;
  background-color: var(--sp-palette-success) !important;
}

.sp-warning {
  background-color: var(--sp-palette-warning) !important;
}

.sp-warning-text {
  color: var(--sp-palette-warning) !important;
  --sp-ripple-color: var(--sp-palette-warning) !important;
}

.sp-warning-hover {
  background-color: var(--sp-palette-warning-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-warning-hover:hover {
    background-color: var(--sp-palette-warning-hover) !important;
  }
}
.hover\:sp-warning-hover:focus-visible, .hover\:sp-warning-hover:active {
  background-color: var(--sp-palette-warning-hover) !important;
}

.sp-border-warning {
  border-color: var(--sp-palette-warning) !important;
}

.sp-theme-warning {
  color: var(--sp-palette-warning-text) !important;
  background-color: var(--sp-palette-warning) !important;
}

.sp-error {
  background-color: var(--sp-palette-error) !important;
}

.sp-error-text {
  color: var(--sp-palette-error) !important;
  --sp-ripple-color: var(--sp-palette-error) !important;
}

.sp-error-hover {
  background-color: var(--sp-palette-error-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-error-hover:hover {
    background-color: var(--sp-palette-error-hover) !important;
  }
}
.hover\:sp-error-hover:focus-visible, .hover\:sp-error-hover:active {
  background-color: var(--sp-palette-error-hover) !important;
}

.sp-border-error {
  border-color: var(--sp-palette-error) !important;
}

.sp-theme-error {
  color: var(--sp-palette-error-text) !important;
  background-color: var(--sp-palette-error) !important;
}

.sp-dark {
  background-color: var(--sp-palette-dark) !important;
}

.sp-dark-text {
  color: var(--sp-palette-dark) !important;
  --sp-ripple-color: var(--sp-palette-dark) !important;
}

.sp-dark-hover {
  background-color: var(--sp-palette-dark-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-dark-hover:hover {
    background-color: var(--sp-palette-dark-hover) !important;
  }
}
.hover\:sp-dark-hover:focus-visible, .hover\:sp-dark-hover:active {
  background-color: var(--sp-palette-dark-hover) !important;
}

.sp-border-dark {
  border-color: var(--sp-palette-dark) !important;
}

.sp-theme-dark {
  color: var(--sp-palette-dark-text) !important;
  background-color: var(--sp-palette-dark) !important;
}

.sp-white {
  background-color: var(--sp-palette-white) !important;
}

.sp-white-text {
  color: var(--sp-palette-white) !important;
  --sp-ripple-color: var(--sp-palette-white) !important;
}

.sp-white-hover {
  background-color: var(--sp-palette-white-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-white-hover:hover {
    background-color: var(--sp-palette-white-hover) !important;
  }
}
.hover\:sp-white-hover:focus-visible, .hover\:sp-white-hover:active {
  background-color: var(--sp-palette-white-hover) !important;
}

.sp-border-white {
  border-color: var(--sp-palette-white) !important;
}

.sp-theme-white {
  color: var(--sp-palette-white-text) !important;
  background-color: var(--sp-palette-white) !important;
}

.sp-light {
  background-color: var(--sp-palette-light) !important;
}

.sp-light-text {
  color: var(--sp-palette-light) !important;
  --sp-ripple-color: var(--sp-palette-light) !important;
}

.sp-light-hover {
  background-color: var(--sp-palette-light-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-light-hover:hover {
    background-color: var(--sp-palette-light-hover) !important;
  }
}
.hover\:sp-light-hover:focus-visible, .hover\:sp-light-hover:active {
  background-color: var(--sp-palette-light-hover) !important;
}

.sp-border-light {
  border-color: var(--sp-palette-light) !important;
}

.sp-theme-light {
  color: var(--sp-palette-light-text) !important;
  background-color: var(--sp-palette-light) !important;
}

.sp-gray {
  background-color: var(--sp-palette-gray) !important;
}

.sp-gray-text {
  color: var(--sp-palette-gray) !important;
  --sp-ripple-color: var(--sp-palette-gray) !important;
}

.sp-gray-hover {
  background-color: var(--sp-palette-gray-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-gray-hover:hover {
    background-color: var(--sp-palette-gray-hover) !important;
  }
}
.hover\:sp-gray-hover:focus-visible, .hover\:sp-gray-hover:active {
  background-color: var(--sp-palette-gray-hover) !important;
}

.sp-border-gray {
  border-color: var(--sp-palette-gray) !important;
}

.sp-theme-gray {
  color: var(--sp-palette-gray-text) !important;
  background-color: var(--sp-palette-gray) !important;
}

.sp-light-gray {
  background-color: var(--sp-palette-light-gray) !important;
}

.sp-light-gray-text {
  color: var(--sp-palette-light-gray) !important;
  --sp-ripple-color: var(--sp-palette-light-gray) !important;
}

.sp-light-gray-hover {
  background-color: var(--sp-palette-light-gray-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-light-gray-hover:hover {
    background-color: var(--sp-palette-light-gray-hover) !important;
  }
}
.hover\:sp-light-gray-hover:focus-visible, .hover\:sp-light-gray-hover:active {
  background-color: var(--sp-palette-light-gray-hover) !important;
}

.sp-border-light-gray {
  border-color: var(--sp-palette-light-gray) !important;
}

.sp-theme-light-gray {
  color: var(--sp-palette-light-gray-text) !important;
  background-color: var(--sp-palette-light-gray) !important;
}

.sp-dark-gray {
  background-color: var(--sp-palette-dark-gray) !important;
}

.sp-dark-gray-text {
  color: var(--sp-palette-dark-gray) !important;
  --sp-ripple-color: var(--sp-palette-dark-gray) !important;
}

.sp-dark-gray-hover {
  background-color: var(--sp-palette-dark-gray-hover) !important;
}

@media (hover: hover) and (pointer: fine) {
  .hover\:sp-dark-gray-hover:hover {
    background-color: var(--sp-palette-dark-gray-hover) !important;
  }
}
.hover\:sp-dark-gray-hover:focus-visible, .hover\:sp-dark-gray-hover:active {
  background-color: var(--sp-palette-dark-gray-hover) !important;
}

.sp-border-dark-gray {
  border-color: var(--sp-palette-dark-gray) !important;
}

.sp-theme-dark-gray {
  color: var(--sp-palette-dark-gray-text) !important;
  background-color: var(--sp-palette-dark-gray) !important;
}

.sp-inherit-text {
  color: inherit !important;
}

.sp-border-lines-default {
  border-color: var(--sp-palette-lines-default);
}

.sp-background {
  background-color: var(--sp-palette-background) !important;
}

.sp-background-gray {
  background-color: var(--sp-palette-background-gray) !important;
}

.sp-theme-transparent {
  color: inherit !important;
  background-color: transparent !important;
}

.sp-transparent {
  background-color: transparent !important;
}

.sp-transparent-text {
  color: transparent !important;
}

.sp-text-primary {
  color: var(--sp-palette-text-primary);
}

.sp-text-secondary {
  color: var(--sp-palette-text-secondary);
}

.sp-text-disabled {
  color: var(--sp-palette-text-disabled);
}

.white {
  background-color: #FFFFFF !important;
}

.white-text {
  color: #FFFFFF !important;
}

.black {
  background-color: #000000 !important;
}

.black-text {
  color: #000000 !important;
}

.sp-field:not(.sp-field-radio), .sp-field input:not([type=radio]), .sp-field textarea {
  width: 100%;
}

.sp-field:has(.overwrite-width) {
  width: initial;
}

.sp-field input:focus {
  border-color: var(--sp-palette-primary);
}

.sp-field:focus-within .sp-icon-background-container {
  border-color: var(--sp-palette-primary);
}

.sp-field textarea:focus {
  border-color: var(--sp-palette-primary);
}

.sp-icon-background-container {
  padding: 10px;
  font-size: 1.3rem !important;
}

.sp-field textarea {
  min-height: 110px;
  height: 100%;
}

.sp-field textarea.invalid {
  border-color: var(--sp-palette-error);
}

.sp-field-text-error {
  color: var(--sp-palette-error);
  text-align: end;
  font-size: 0.9rem;
  min-height: 0.9rem;
  width: 100%;
}

.sp-field-with-icon-start .sp-icon-background-container {
  border: 2px solid var(--sp-input-bordercolor);
  border-right: 0;
  border-radius: 7px 0 0 7px;
}
.sp-field-with-icon-start input {
  border-left: 0;
  border-radius: 0 7px 7px 0 !important;
}

.sp-field-with-icon-end .sp-icon-background-container {
  border: 2px solid var(--sp-input-bordercolor);
  border-left: 0;
  border-radius: 0 7px 7px 0;
}
.sp-field-with-icon-end input {
  border-right: 0;
  border-radius: 7px 0 0 7px !important;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
input[type=date],
input[type=month],
input[type=year],
select,
textarea {
  cursor: text;
  box-sizing: border-box;
  border-radius: 7px;
}

input[type=radio].invalid {
  border-color: var(--sp-palette-error);
}

input.invalid {
  border-color: var(--sp-palette-error);
}

input, textarea {
  font: inherit;
  border: 2px solid var(--sp-input-bordercolor);
  margin: 0;
  padding: 9px;
  min-width: 0;
}
input:focus, input:active, textarea:focus, textarea:active {
  outline: 0;
}
input:invalid, textarea:invalid {
  box-shadow: none;
}

textarea {
  resize: vertical;
  height: auto;
}

::-webkit-input-placeholder {
  font-style: italic;
}

:-moz-placeholder {
  font-style: italic;
}

::-moz-placeholder {
  font-style: italic;
}

:-ms-input-placeholder {
  font-style: italic;
}

input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 22px;
  height: 22px;
  border: 2px solid var(--sp-palette-primary);
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  margin-left: 1.5rem;
  margin-right: 0.5rem;
}

input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--sp-palette-primary);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

input[type=radio]:hover {
  border-color: var(--sp-palette-primary);
}

input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  height: 0.5rem;
  background: var(--sp-palette-secondary);
  color: var(--sp-palette-light-gray);
  border: none;
  padding: 0;
  border-radius: 5px;
  cursor: pointer;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--sp-palette-light-gray);
  border: 1px solid var(--sp-palette-secondary);
  cursor: pointer;
}

input[type=range]::-moz-range-thumb {
  appearance: none;
  width: 1rem;
  height: 1rem;
  background: var(--sp-palette-light-gray);
  border-radius: 50%;
  border: 1px solid var(--sp-palette-secondary);
  cursor: pointer;
}

.sp-field-content.invalid {
  border: 2px solid var(--sp-palette-error) !important;
  border-radius: 6px;
}

.sp-list {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}

.sp-list-title {
  text-align: center;
}

.sp-list-item {
  width: 100%;
  display: flex;
  position: relative;
  box-sizing: border-box;
  text-align: start;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
}

.sp-list-item-content {
  flex: 1 1 auto;
  min-width: 0;
}

.sp-list-item-icon {
  color: var(--sp-palette-action-default);
  display: inline-flex;
  min-width: 56px;
  flex-shrink: 0;
}

.sp-page-content {
  width: 100%;
}
.sp-page-content .sp-page-content-panel {
  padding: 110px;
}
.sp-page-content .sp-page-content-panel-left {
  height: 100%;
}
.sp-page-content .sp-page-content-panel-right {
  height: 100%;
}
.sp-page-content .sp-page-content-main {
  width: 100%;
  /*padding: 3rem 0;*/
}

:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.sp-container-background-primary {
  background-color: var(--sp-palette-primary);
}

.sp-container-background-secondary {
  background-color: var(--sp-palette-secondary);
}

.sp-container-background-tertiary {
  background-color: var(--sp-palette-tertiary);
}

.sp-container-background-info {
  background-color: var(--sp-palette-info);
}

.sp-container-background-success {
  background-color: var(--sp-palette-success);
}

.sp-container-background-warning {
  background-color: var(--sp-palette-warning);
}

.sp-container-background-error {
  background-color: var(--sp-palette-error);
}

.sp-container-background-dark {
  background-color: var(--sp-palette-dark);
}

.sp-container-background-white {
  background-color: var(--sp-palette-white);
}

.sp-container-background-light {
  background-color: var(--sp-palette-light);
}

.sp-container-background-gray {
  background-color: var(--sp-palette-gray);
}

.sp-container-background-light-gray {
  background-color: var(--sp-palette-light-gray);
}

.sp-container-background-dark-gray {
  background-color: var(--sp-palette-dark-gray);
}

/*
.sp-container {
    position: relative;
    overflow: hidden;
    display: inline-block;
}*/
:root {
  --sp-palette-black: rgba(39,44,52,1);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-primary: rgba(133,196,70,1);
  --sp-palette-primary-rgb: 133,196,70;
  --sp-palette-primary-text: rgba(255,255,255,1);
  --sp-palette-primary-darken: rgb(106,156,56);
  --sp-palette-primary-lighten: rgb(157,207,106);
  --sp-palette-primary-hover: rgba(118,167,69,0.058823529411764705);
  --sp-palette-secondary: rgba(17,36,62,1);
  --sp-palette-secondary-rgb: 17,36,62;
  --sp-palette-secondary-text: rgba(255,255,255,1);
  --sp-palette-secondary-darken: rgb(15,32,55);
  --sp-palette-secondary-lighten: rgb(40,57,81);
  --sp-palette-secondary-hover: rgba(0,0,0,0.03);
  --sp-palette-secondary-text-hover: rgba(133,196,70,1);
  --sp-palette-tertiary: rgba(30,200,165,1);
  --sp-palette-tertiary-rgb: 30,200,165;
  --sp-palette-tertiary-text: rgba(255,255,255,1);
  --sp-palette-tertiary-darken: rgb(25,169,140);
  --sp-palette-tertiary-lighten: rgb(42,223,187);
  --sp-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
  --sp-palette-info: rgba(19,152,176,1);
  --sp-palette-info-rgb: 243,250,251;
  --sp-palette-info-text: var(--sp-palette-secondary);
  --sp-palette-info-darken: rgb(19,152,176);
  --sp-palette-info-lighten: rgb(243,250,251,1);
  --sp-palette-info-hover: rgba(33,150,243,0.058823529411764705);
  --sp-palette-success: rgba(0,200,83,1);
  --sp-palette-success-rgb: 0,200,83;
  --sp-palette-success-text: rgba(255,255,255,1);
  --sp-palette-success-darken: rgb(0,163,68);
  --sp-palette-success-lighten: rgb(0,235,98);
  --sp-palette-success-hover: rgba(0,200,83,0.058823529411764705);
  --sp-palette-warning: rgba(255,0,0,1);
  --sp-palette-warning-rgb: 255,0,0;
  --sp-palette-warning-text: rgba(255,255,255,1);
  --sp-palette-warning-darken: rgb(214,129,0);
  --sp-palette-warning-lighten: rgb(255,167,36);
  --sp-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
  --sp-palette-error: rgba(222,32,43,1);
  --sp-palette-error-rgb: 222,32,43;
  --sp-palette-error-text: rgba(222,32,43,1);
  --sp-palette-error-darken: rgb(242,28,13);
  --sp-palette-error-lighten: rgb(254,243,244);
  --sp-palette-error-hover: rgba(244,67,54,0.058823529411764705);
  --sp-palette-dark: rgba(66,66,66,1);
  --sp-palette-dark-rgb: 66,66,66;
  --sp-palette-dark-text: rgba(255,255,255,1);
  --sp-palette-dark-darken: rgb(46,46,46);
  --sp-palette-dark-lighten: rgb(87,87,87);
  --sp-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-white: rgba(255,255,255,1);
  --sp-palette-white-rgb: 255,255,255;
  --sp-palette-white-text: rgba(0,0,0,1);
  --sp-palette-white-darken: rgb(46,46,46);
  --sp-palette-white-lighten: rgb(87,87,87);
  --sp-palette-white-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light: rgba(255,255,255,1);
  --sp-palette-light-rgb: 255,255,255;
  --sp-palette-light-text: rgba(0,0,0,1);
  --sp-palette-light-darken: rgb(46,46,46);
  --sp-palette-light-lighten: rgb(87,87,87);
  --sp-palette-light-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-light-gray: rgba(247,248,248,1);
  --sp-palette-light-gray-rgb: 247,248,248;
  --sp-palette-light-gray-text: rgba(0,0,0,1);
  --sp-palette-light-gray-darken: rgb(46,46,46);
  --sp-palette-light-gray-lighten: rgb(87,87,87);
  --sp-palette-light-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-gray: rgba(112,112,112,1);
  --sp-palette-gray-rgb: 112,112,112;
  --sp-palette-gray-text: rgba(0,0,0,1);
  --sp-palette-gray-darken: rgb(46,46,46);
  --sp-palette-gray-lighten: rgb(87,87,87);
  --sp-palette-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-dark-gray: rgba(50,54,57,1);
  --sp-palette-dark-gray-rgb: 50,54,57;
  --sp-palette-dark-gray-text: rgba(255,255,255,1);
  --sp-palette-dark-gray-darken: rgb(46,46,46);
  --sp-palette-dark-gray-lighten: rgb(87,87,87);
  --sp-palette-dark-gray-hover: rgba(66,66,66,0.058823529411764705);
  --sp-palette-text-primary: rgba(17,36,62,1);
  --sp-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
  --sp-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
  --sp-palette-action-default: rgba(0,0,0,0.5372549019607843);
  --sp-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
  --sp-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
  --sp-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
  --sp-palette-surface: rgba(255,255,255,1);
  --sp-palette-background: rgba(255,255,255,1);
  --sp-palette-background-gray: rgba(245,245,245,1);
  --sp-palette-drawer-background: rgba(255,255,255,1);
  --sp-palette-drawer-text: rgba(66,66,66,1);
  --sp-palette-drawer-icon: rgba(97,97,97,1);
  --sp-palette-appbar-background: rgba(89,74,226,1);
  --sp-palette-appbar-text: rgba(255,255,255,1);
  --sp-palette-lines-default: rgba(0,0,0,0.11764705882352941);
  --sp-palette-lines-inputs: rgba(189,189,189,1);
  --sp-palette-table-lines: rgba(224,224,224,1);
  --sp-palette-table-striped: rgba(0,0,0,0.0196078431372549);
  --sp-palette-table-hover: rgba(0,0,0,0.0392156862745098);
  --sp-palette-divider: rgba(224,224,224,1);
  --sp-palette-divider-light: rgba(0,0,0,0.8);
  --sp-palette-gray-default: #9E9E9E;
  --sp-palette-gray-light: #BDBDBD;
  --sp-palette-gray-lighter: #E0E0E0;
  --sp-palette-gray-dark: #757575;
  --sp-palette-gray-darker: #616161;
  --sp-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
  --sp-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
  --sp-ripple-color: var(--sp-palette-text-primary);
  --sp-ripple-opacity: 0.1;
  --sp-ripple-opacity-secondary: 0.2;
  --sp-default-borderradius: 50px;
  --sp-input-bordercolor: #DFDFDF;
  --sp-drawer-width-left: 240px;
  --sp-drawer-width-right: 240px;
  --sp-drawer-width-mini-left: 56px;
  --sp-drawer-width-mini-right: 56px;
  --sp-appbar-height: 64px;
  --sp-typography-default-family: "Roboto", "sans-serif";
  --sp-typography-default-size: .875rem;
  --sp-typography-default-weight: 400;
  --sp-typography-default-lineheight: 1.43;
  --sp-typography-default-letterspacing: .01071em;
  --sp-typography-default-text-transform: none;
  --sp-typography-h1-size: 30px;
  --sp-typography-h1-weight: 500;
  --sp-typography-h1-lineheight: 1.167;
  --sp-typography-h1-letterspacing: -.01562em;
  --sp-typography-h1-text-transform: uppercase;
  --sp-typography-h2-size: 26px;
  --sp-typography-h2-weight: 500;
  --sp-typography-h2-lineheight: 1.2;
  --sp-typography-h2-letterspacing: -.00833em;
  --sp-typography-h2-text-transform: uppercase;
  --sp-typography-h3-size: 24px;
  --sp-typography-h3-weight: 500;
  --sp-typography-h3-lineheight: 1.167;
  --sp-typography-h3-letterspacing: 0;
  --sp-typography-h3-text-transform: uppercase;
  --sp-typography-h4-size: 20px;
  --sp-typography-h4-weight: 500;
  --sp-typography-h4-lineheight: 1.235;
  --sp-typography-h4-letterspacing: .00735em;
  --sp-typography-h4-text-transform: none;
  --sp-typography-h5-size: 1rem;
  --sp-typography-h5-weight: 700;
  --sp-typography-h5-lineheight: normal;
  --sp-typography-h5-letterspacing: normal;
  --sp-typography-h5-text-transform: none;
  --sp-typography-strong-size: var(--sp-typography-h5-size);
  --sp-typography-strong-weight: var(--sp-typography-h5-weight);
  --sp-typography-strong-lineheight: var(--sp-typography-h5-lineheight);
  --sp-typography-strong-letterspacing: var(--sp-typography-h5-letterspacing);
  --sp-typography-strong-text-transform: var(--sp-typography-h5-text-transform);
  --sp-typography-h6-size: 1rem;
  --sp-typography-h6-weight: 500;
  --sp-typography-h6-lineheight: normal;
  --sp-typography-h6-letterspacing: normal;
  --sp-typography-h6-text-transform: none;
  --sp-typography-subtitle-size: 1rem;
  --sp-typography-subtitle-weight: 400;
  --sp-typography-subtitle-lineheight: 1.75;
  --sp-typography-subtitle-letterspacing: .00938em;
  --sp-typography-subtitle-text-transform: none;
  --sp-typography-body-size: 1rem;
  --sp-typography-body-weight: 400;
  --sp-typography-body-lineheight: 1.5;
  --sp-typography-body-letterspacing: .00938em;
  --sp-typography-body-text-transform: none;
  --sp-typography-input-size: 1rem;
  --sp-typography-input-weight: 400;
  --sp-typography-input-lineheight: 1.1876;
  --sp-typography-input-letterspacing: .00938em;
  --sp-typography-input-text-transform: none;
  --sp-typography-button-size: 20px;
  --sp-typography-button-weight: 500;
  --sp-typography-button-lineheight: 1.80;
  --sp-typography-button-letterspacing: .02857em;
  --sp-typography-button-text-transform: uppercase;
  --sp-typography-label-size: var(--sp-typography-h4-size);
  --sp-typography-label-weight: var(--sp-typography-h6-weight);
  --sp-typography-label-lineheight: 1.8rem;
  --sp-typography-label-letterspacing: var(--sp-typography-h6-letterspacing);
  --sp-typography-label-text-transform: var(--sp-typography-h6-text-transform);
  --sp-typography-small-size: 0.7rem;
  --sp-typography-small-weight: var(--sp-typography-body-weight);
  --sp-typography-small-lineheight: 2rem;
  --sp-typography-small-letterspacing: var(--sp-typography-body-letterspacing);
  --sp-typography-small-text-transform: var(--sp-typography-body-text-transform);
  --sp-zindex-drawer: 1100;
  --sp-zindex-appbar: 1300;
  --sp-zindex-dialog: 1400;
  --sp-zindex-popover: 1200;
  --sp-zindex-snackbar: 1500;
  --sp-zindex-tooltip: 1600;
}

.sp-alert-root {
  --sp-palette-info: var(--sp-palette-info-lighten);
  --sp-palette-error: var(--sp-palette-error-lighten);
  --sp-palette-success: var(--sp-palette-success-lighten);
  padding: 10px;
  display: flex;
  flex-direction: row;
  position: relative;
}
.sp-alert-root .sp-icon-background-container {
  padding: 4px 0 10px 10px;
}

.sp-alert-info {
  background-color: var(--sp-palette-info);
  color: var(--sp-palette-info-text);
}
.sp-alert-info .sp-alert-icon {
  background-color: var(--sp-palette-info-darken);
}

.sp-alert-success {
  background-color: var(--sp-palette-success);
  color: var(--sp-palette-success-text);
}
.sp-alert-success .sp-alert-icon {
  background-color: var(--sp-palette-success-darken);
}

.sp-alert-error {
  background-color: var(--sp-palette-error);
  color: var(--sp-palette-error-text);
}
.sp-alert-error .sp-alert-icon {
  background-color: var(--sp-palette-error-darken);
}

.sp-alert-close {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 4px;
}

.sp-divider.sp-divider-background-primary {
  background-color: var(--sp-palette-primary);
}
.sp-divider.sp-divider-background-secondary {
  background-color: var(--sp-palette-secondary);
}
.sp-divider.sp-divider-background-tertiary {
  background-color: var(--sp-palette-tertiary);
}
.sp-divider.sp-divider-background-info {
  background-color: var(--sp-palette-info);
}
.sp-divider.sp-divider-background-success {
  background-color: var(--sp-palette-success);
}
.sp-divider.sp-divider-background-warning {
  background-color: var(--sp-palette-warning);
}
.sp-divider.sp-divider-background-error {
  background-color: var(--sp-palette-error);
}
.sp-divider.sp-divider-background-dark {
  background-color: var(--sp-palette-dark);
}
.sp-divider.sp-divider-background-white {
  background-color: var(--sp-palette-white);
}
.sp-divider.sp-divider-background-light {
  background-color: var(--sp-palette-light);
}
.sp-divider.sp-divider-background-gray {
  background-color: var(--sp-palette-gray);
}
.sp-divider.sp-divider-background-light-gray {
  background-color: var(--sp-palette-light-gray);
}
.sp-divider.sp-divider-background-dark-gray {
  background-color: var(--sp-palette-dark-gray);
}
.sp-divider {
  margin: 10px 0;
}

.sp-select {
  position: relative;
}

.sp-field-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: white;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
}

.sp-field-option {
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.sp-field-option:hover {
  background-color: #f0f0f0;
}

.selected-item {
  margin-top: 20px;
  font-size: 18px;
  color: var(--sp-palette-primary-gray);
}

:root {
  color: var(--sp-palette-text-primary);
}

/*# sourceMappingURL=app.css.map */