/* Remove if fonts are not used */
@import '~@fontsource/inter/100.css';
@import '~@fontsource/inter/200.css';
@import '~@fontsource/inter/300.css';
@import '~@fontsource/inter/400.css';
@import '~@fontsource/inter/500.css';
@import '~@fontsource/inter/600.css';
@import '~@fontsource/inter/700.css';
@import '~@fontsource/inter/800.css';
@import '~@fontsource/inter/900.css';
@import '~@fontsource/roboto-mono/300.css';
@import '~@fontsource/roboto-mono/400.css';
@import '~@fontsource/plus-jakarta-sans/600.css';
@import '~@fontsource/plus-jakarta-sans/700.css';

/* Variables */
:root {
  --icon-fontSize-sm: 1rem;
  --icon-fontSize-md: 1.25rem;
  --icon-fontSize-lg: 1.5rem;
}

*:focus-visible {
  outline: 2px solid var(--mui-palette-primary-main);
}

html {
  height: 100%;
}

body {
  height: 100%;
}
.slider-container{
  width: 100%;
  max-width: 600px;
}

/* React Big Calendar Dark Mode Styles */
[data-mui-color-scheme="dark"] .rbc-calendar {
  background-color: transparent;
  color: #f7fafc;
}

[data-mui-color-scheme="dark"] .rbc-header {
  background-color: #2d3748;
  color: #f7fafc;
  border-bottom: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-month-view {
  background-color: transparent;
  border: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-day-bg {
  background-color: transparent;
  border: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-day-bg:hover {
  background-color: #2d3748;
}

[data-mui-color-scheme="dark"] .rbc-off-range-bg {
  background-color: #1a202c;
}

[data-mui-color-scheme="dark"] .rbc-today {
  background-color: #2d3748;
}

[data-mui-color-scheme="dark"] .rbc-date-cell {
  color: #f7fafc;
}

[data-mui-color-scheme="dark"] .rbc-date-cell > a {
  color: #f7fafc;
}

[data-mui-color-scheme="dark"] .rbc-off-range {
  color: #718096;
}

[data-mui-color-scheme="dark"] .rbc-current-time-indicator {
  background-color: #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-time-view {
  background-color: transparent;
  color: #f7fafc;
}

[data-mui-color-scheme="dark"] .rbc-time-header {
  background-color: #2d3748;
  border-bottom: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-time-content {
  background-color: transparent;
  border-top: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-time-slot {
  border-top: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-timeslot-group {
  border-bottom: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-time-view .rbc-time-gutter {
  background-color: #2d3748;
  border-right: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-time-view .rbc-time-gutter .rbc-time-slot {
  color: #f7fafc;
  border-top: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-day-slot {
  border-left: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-event {
  border-radius: 4px;
  border: none;
}

[data-mui-color-scheme="dark"] .rbc-selected {
  background-color: #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-agenda-view {
  background-color: transparent;
  color: #f7fafc;
}

[data-mui-color-scheme="dark"] .rbc-agenda-view table {
  background-color: transparent;
  border: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-agenda-view .rbc-agenda-table tbody > tr > td {
  color: #f7fafc;
  border-top: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-agenda-view .rbc-agenda-table .rbc-agenda-time-cell {
  background-color: #2d3748;
}

[data-mui-color-scheme="dark"] .rbc-toolbar {
  color: #f7fafc;
}

[data-mui-color-scheme="dark"] .rbc-toolbar button {
  color: #f7fafc;
  background-color: #2d3748;
  border: 1px solid #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-toolbar button:hover {
  background-color: #4a5568;
}

[data-mui-color-scheme="dark"] .rbc-toolbar button:active,
[data-mui-color-scheme="dark"] .rbc-toolbar button.rbc-active {
  background-color: #4a5568;
  border-color: #4a5568;
}