@media (max-width:480px) {}

      @media (max-width:374px) {}

      @font-face {
        font-family: Karla Variable;
        font-style: normal;
        font-weight: 200 800;
        src: url(font01.otf)format("woff2-variations");
        unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
      }

      @media (max-height:550px),
      (max-width:400px) {}
 
      :root {
        --datepicker-main-bg-color: var(--chakra-colors-dark-background-primary);
        --datepicker-primary-color: var(--chakra-colors-dark-text-primary);
        --datepicker-active-bg-color: var(--chakra-colors-dark-primary-400);
        --datepicker-secondary-color: var(--chakra-colors-dark-secondary-400);
        --datepicker-outside-month-color: #4d4d4d;
        --datepicker-active-in-range-bg-color: var(--datepicker-active-bg-color);
        --datepicker-red-color: var(--chakra-colors-dark-colors-error-400)
      }

      @media screen and (min-width:62em) {}
 
      .sf-hidden {
        display: none !important
      }