takvim-daily-calendar {
  --top-spacing: 40px;
  --horizontal-spacing: 24px;
  --right-column-background: var(--color-background-secondary);
  flex: 1;
  overflow: hidden;
  display: flex;
  padding: calc(4 * var(--spacing-unit));
  background: var(--color-background-primary);
}
takvim-daily-calendar .left-column {
  flex: 0 0 240px;
  display: flex;
  flex-direction: column;
}
takvim-daily-calendar .left-column dvn-date-picker dvn-input {
  --width: 160px;
  --min-width: 160px;
}
takvim-daily-calendar .left-column .user-card-list-container {
  overflow: hidden;
  padding-bottom: 32px;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
takvim-daily-calendar .left-column .user-card-list-container::-webkit-scrollbar {
  display: none;
}
takvim-daily-calendar .left-column .user-card-list-container .user-card {
  height: 48px;
  width: 224px;
  margin-top: calc(4 * var(--spacing-unit));
  margin-bottom: calc(4 * var(--spacing-unit));
  background: var(--color-elevated-item-background);
  border-radius: var(--corner-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
}
takvim-daily-calendar .left-column .user-card-list-container .user-card dvn-info-summary {
  overflow: hidden;
}
takvim-daily-calendar .right-column {
  flex: 1;
  border-radius: var(--corner-radius);
  background: var(--right-column-background);
  overflow: auto;
  display: flex;
}
takvim-daily-calendar .right-column .meetings-container {
  flex: 1;
  padding: var(--top-spacing) var(--horizontal-spacing);
}
takvim-daily-calendar .right-column .meetings-container .time-indicators-container {
  position: absolute;
  top: calc(-1 * var(--top-spacing));
  left: calc(-1 * var(--horizontal-spacing));
  right: calc(-1 * var(--horizontal-spacing));
  bottom: calc(-1 * var(--top-spacing));
}
takvim-daily-calendar .right-column .meetings-container .time-indicators-container .time-indicator-line {
  position: absolute;
  width: 1px;
  background: var(--color-background-primary);
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
takvim-daily-calendar .right-column .meetings-container .time-indicators-container .time-indicator-line.current-time {
  background: var(--color-danger);
}
takvim-daily-calendar .right-column .meetings-container .time-indicators-container .time-indicator-line .time {
  padding: 8px;
  display: inline-block;
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
  background: var(--color-background-secondary);
}
takvim-daily-calendar .right-column .meetings-container .meetings-row-container {
  position: relative;
}
takvim-daily-calendar .right-column .meetings-container .meetings-row-container .meetings-row {
  height: 64px;
  position: relative;
  padding-top: calc(2 * var(--spacing-unit));
  transition: background-color 0.2s linear;
}
takvim-daily-calendar .right-column .meetings-container .meetings-row-container .meetings-row:hover {
  background-color: var(--color-background-primary);
}
takvim-daily-calendar .right-column .meetings-container .meetings-row-container .meetings-row .meeting-card {
  height: 48px;
  position: absolute;
  background: var(--color-elevated-item-background);
  border-radius: var(--corner-radius);
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 0 0 1px var(--color-neutral) inset;
  transition: box-shadow 0.3s;
  white-space: nowrap;
}
takvim-daily-calendar .right-column .meetings-container .meetings-row-container .meetings-row .meeting-card:hover {
  width: auto !important;
  z-index: 2;
  box-shadow: 0 0 0 2px var(--color-primary) inset;
}