.pc-day { @apply relative w-full text-center py-1 px-0.5 text-sm leading-tight rounded-sm text-white cursor-pointer; } .pc-day--out-of-month { @apply pointer-events-none opacity-0; } .pc-day[data-status="ok"] { @apply bg-emerald-500; } .pc-day[data-status="blocked-to-ok"] { background: linear-gradient(to bottom right, var(--color-gray-400) 50%, var(--color-emerald-500) 50%); } .pc-day[data-status="checkout-only"] { background: linear-gradient(to bottom right, var(--color-emerald-500) 50%, var(--color-gray-400) 50%); } .pc-day[data-status="past"] { @apply bg-transparent text-gray-400 cursor-default; } .pc-day[data-status="blocked"] { @apply bg-gray-400 cursor-default; } .pc-day[data-status=""], .pc-day:not([data-status]) { @apply text-gray-400 cursor-default; } .pc-day.pc-day--pending-start, .pc-day.pc-day--selected-start, .pc-day.pc-day--selected-end { @apply bg-none outline-hidden bg-secondary text-gray-700; } .pc-day.pc-day--in-range { @apply bg-none bg-secondary text-gray-700 opacity-55; }