:root {
  --base: #1e1e2e;
  --mantle: #181825;
  --crust: #11111b;
  --text: #cdd6f4;
  --subtext0: #a6adc8;
  --subtext1: #bac2de;
  --surface0: #313244;
  --surface1: #45475a;
  --surface2: #585b70;
  --overlay0: #6c7086;
  --overlay1: #7f849c;
  --overlay2: #9399b2;
  --blue: #89b4fa;
  --green: #a6e3a1;
  --red: #f38ba8;
  --yellow: #f9e2af;
  --peach: #fab387;
  --maroon: #eba0ac;
  --pink: #f5c2e7;
  --mauve: #cba6f7;
  --lavender: #b4befe;

  --sapphire: #74c7ec;
  --sky: #89dceb;
  --teal: #94e2d5;
  --flamingo: #f2cdcd;
  --rosewater: #f5e0dc;
  /* --alt-blue: #8caaee;
  --alt-green: #a6d189;
  --alt-red: #e78284;
  --alt-yellow: #e5c890;
  --alt-peach: #ef9f76;
  --alt-maroon: #ea999c;
  --alt-pink: #f4b8e4;
  --alt-mauve: #ca9ee6;
  --alt-lavender: #babbf1;
  --alt-sapphire: #85c1dc;
  --alt-sky: #99d1db;
  --alt-teal: #81c8be;
  --alt-flamingo: #eebebe;
  --alt-rosewater: #f2d5cf; */
  --alt-blue: #86bdfe;
  --alt-green: #a6efb5;
  --alt-red: #fa94c2;
  --alt-yellow: #fff0c6;
  --alt-peach: #fec396;
  --alt-maroon: #eca7ba;
  --alt-pink: #f6cbea;
  --alt-mauve: #ccaefd;
  --alt-lavender: #aec1ff;
  --alt-sapphire: #61cdf5;
  --alt-sky: #77e5f5;
  --alt-teal: #a5f0e4;
  --alt-flamingo: #f6d9d9;
  --alt-rosewater: #f8e9e6;
}

.l-root__modal .c-modal .c-modal__root.c-modal--visible {
  width: 97%;
  height: 94%;
  top: 0px;
  left: 0px;
}

.c-calendar.c-calendar--modal {
  width: 100%;
  height: 100%;
}

.l-root__modal .c-modal__body {
  height: inherit;
}

.c-calendar__filter {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.c-calendar__filter-typeahead.c-typeahead {
  width: 100%;
  max-width: 300px;
  margin: 0 10px;
}
.c-calendar--body {
  height: 95%;
  overflow: auto;
}