:root{

--var-theme-primary:            {{primaryColor|vector}} !important;
--var-theme-primary-light:      {{primaryLightColor|vector}} !important;
--var-theme-primary-dark:       {{primaryDarkColor|vector}} !important;
--var-theme-secondary:          {{secondaryColor|vector}} !important;
--var-theme-secondary-light:    {{secondaryLightColor|vector}} !important;
--var-theme-secondary-dark:     {{secondaryDarkColor|vector}} !important;

--mdc-theme-primary:            {{primaryColor}} !important;
--mdc-theme-primary-light:      {{primaryLightColor}} !important;
--mdc-theme-primary-dark:       {{primaryDarkColor}} !important;
--mdc-theme-secondary:          {{secondaryColor}} !important;
--mdc-theme-secondary-light:    {{secondaryLightColor}} !important;
--mdc-theme-secondary-dark:     {{secondaryDarkColor}} !important;


--mdc-theme-background:                         #ffffff !important;
--mdc-theme-text-primary-on-primary:            #ffffff !important;
--mdc-theme-text-primary-on-primary-dark:       #ffffff !important;
--mdc-theme-text-primary-on-secondary:          #ffffff !important;
--mdc-theme-text-primary-on-secondary-dark:     #ffffff !important;
--mdc-theme-text-primary-on-dark:               #ffffff !important;

--mdc-theme-text-primary-on-primary-light:      rgba(0,0,0,.87) !important;
--mdc-theme-text-primary-on-secondary-light:    rgba(0,0,0,.87) !important;
--mdc-theme-text-primary-on-background:         rgba(0,0,0,.87) !important;
--mdc-theme-text-primary-on-light:              rgba(0,0,0,.87) !important;

--mdc-theme-text-hint-on-primary-light:         rgba(0,0,0,.38) !important;
--mdc-theme-text-disabled-on-primary-light:     rgba(0,0,0,.38) !important;
--mdc-theme-text-icon-on-primary-light:         rgba(0,0,0,.38) !important;
--mdc-theme-text-hint-on-secondary-light:       rgba(0,0,0,.38) !important;
--mdc-theme-text-disabled-on-secondary-light:   rgba(0,0,0,.38) !important;
--mdc-theme-text-icon-on-secondary-light:       rgba(0,0,0,.38) !important;
--mdc-theme-text-hint-on-background:            rgba(0,0,0,.38) !important;
--mdc-theme-text-disabled-on-background:        rgba(0,0,0,.38) !important;
--mdc-theme-text-icon-on-background:            rgba(0,0,0,.38) !important;
--mdc-theme-text-hint-on-light:                 rgba(0,0,0,.38) !important;
--mdc-theme-text-disabled-on-light:             rgba(0,0,0,.38) !important;
--mdc-theme-text-icon-on-light:                 rgba(0,0,0,.38) !important;

--mdc-theme-text-secondary-on-primary:          hsla(0,0%,100%,.7) !important;
--mdc-theme-text-secondary-on-primary-dark:     hsla(0,0%,100%,.7) !important;
--mdc-theme-text-secondary-on-secondary:        hsla(0,0%,100%,.7) !important;
--mdc-theme-text-secondary-on-secondary-dark:   hsla(0,0%,100%,.7) !important;
--mdc-theme-text-secondary-on-dark:             hsla(0,0%,100%,.7) !important;

--mdc-theme-text-hint-on-primary:               hsla(0,0%,100%,.5) !important;
--mdc-theme-text-disabled-on-primary:           hsla(0,0%,100%,.5) !important;
--mdc-theme-text-icon-on-primary:               hsla(0,0%,100%,.5) !important;
--mdc-theme-text-hint-on-primary-dark:          hsla(0,0%,100%,.5) !important;
--mdc-theme-text-disabled-on-primary-dark:      hsla(0,0%,100%,.5) !important;
--mdc-theme-text-icon-on-primary-dark:          hsla(0,0%,100%,.5) !important;
--mdc-theme-text-hint-on-secondary:             hsla(0,0%,100%,.5) !important;
--mdc-theme-text-disabled-on-secondary:         hsla(0,0%,100%,.5) !important;
--mdc-theme-text-icon-on-secondary:             hsla(0,0%,100%,.5) !important;
--mdc-theme-text-hint-on-secondary-dark:        hsla(0,0%,100%,.5) !important;
--mdc-theme-text-disabled-on-secondary-dark:    hsla(0,0%,100%,.5) !important;
--mdc-theme-text-icon-on-secondary-dark:        hsla(0,0%,100%,.5) !important;
--mdc-theme-text-hint-on-dark:                  hsla(0,0%,100%,.5) !important;
--mdc-theme-text-disabled-on-dark:              hsla(0,0%,100%,.5) !important;
--mdc-theme-text-icon-on-dark:                  hsla(0,0%,100%,.5) !important;

--mdc-theme-text-secondary-on-primary-light:    rgba(0,0,0,.54) !important;
--mdc-theme-text-secondary-on-secondary-light:  rgba(0,0,0,.54) !important;
--mdc-theme-text-secondary-on-background:       rgba(0,0,0,.54) !important;
--mdc-theme-text-secondary-on-light:            rgba(0,0,0,.54) !important;

}


.mdc-icon-toggle--primary:after, .mdc-icon-toggle--primary:before {
    background-color: rgba(var(--var-theme-primary), 0.14) !important;
    opacity: 0 !important;
}


.mdc-button:after, .mdc-button:before {
    background-color: rgba(var(--var-theme-primary), 0.16) !important;
    opacity: 0 !important;
}


.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(var(--var-theme-secondary), 1) !important;
}


::placeholder {
    color:  rgba(var(--var-theme-secondary), 1) !important;
}


::-webkit-scrollbar {
    display: none;
}

.mdc-button--outlined:not(:disabled) {
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary, #6200ee);
}


.mdc-card {
  all: initial;
  * {
    all: unset;
  }
}


.mdc-slider {

    width: 100%;

}
