:root {
    --mp-color-gray300: #7D8688;--mp-color-gray200: #7D8688;--mp-color-gray100: #FAFAFA;--mp-color-focus-outline: #B9C089;--mp-color-on-image: #FAFAFA;--mp-color-on-error: #001317;--mp-color-on-surface: #FAFAFA;--mp-color-on-background: #001317;--mp-color-on-secondary: #001317;--mp-color-on-primary: #001317;--mp-color-success: #2CFF70;--mp-color-error: #EDBAA7;--mp-color-surface: #001317;--mp-color-background: #FECD8C;--mp-color-on-secondary-transparent: #001317;--mp-color-secondary-transparent-variant: #B9C089;--mp-color-secondary-transparent: #B9C089;--mp-color-secondary-variant: #B9C089;--mp-color-secondary: #B9C089;--mp-color-on-primary-transparent: #001317;--mp-color-primary-transparent-variant: #FFB655;--mp-color-primary-transparent: #FECD8C;--mp-color-primary-variant: #FFB655;--mp-color-primary: #FECD8C;--mp-color-theme: var(--mp-color-primary);--mp-color-on-theme: var(--mp-color-on-primary);--mp-color-theme-variant: var(--mp-color-primary-variant);
  }

  html.dark {
    --mp-color-gray300: #7D8688;--mp-color-gray200: #7D8688;--mp-color-gray100: #FAFAFA;--mp-color-focus-outline: #B9C089;--mp-color-on-image: #FAFAFA;--mp-color-on-error: #001317;--mp-color-on-surface: #FAFAFA;--mp-color-on-background: #001317;--mp-color-on-secondary: #001317;--mp-color-on-primary: #001317;--mp-color-success: #2CFF70;--mp-color-error: #EDBAA7;--mp-color-surface: #001317;--mp-color-background: #FECD8C;--mp-color-on-secondary-transparent: #001317;--mp-color-secondary-transparent-variant: #B9C089;--mp-color-secondary-transparent: #B9C089;--mp-color-secondary-variant: #B9C089;--mp-color-secondary: #B9C089;--mp-color-on-primary-transparent: #001317;--mp-color-primary-transparent-variant: #FFB655;--mp-color-primary-transparent: #FECD8C;--mp-color-primary-variant: #FFB655;--mp-color-primary: #FECD8C;
  }


    @font-face {
    font-family: "Rubik";
    src: url(/store-assets/fonts/RubikRegular.woff2) format(woff2);
    font-weight: 400;

    font-display: swap;
    }

    @font-face {
    font-family: "Rubik";
    src: url(/store-assets/fonts/RubikMedium.woff2) format(woff2);
    font-weight: 500;

    font-display: swap;
    }

    @font-face {
    font-family: "Rubik";
    src: url(/store-assets/fonts/RubikSemiBold.woff2) format(woff2);
    font-weight: 600;

    font-display: swap;
    }

    @font-face {
    font-family: "Rubik";
    src: url(/store-assets/fonts/RubikBold.woff2) format(woff2);
    font-weight: 700;

    font-display: swap;
    }