.calendar{border:1px solid var(--color-border);background:var(--color-bg);-webkit-user-select:none;user-select:none;border-radius:4px;padding:.375rem}.calendar__nav{color:var(--color-text);justify-content:space-between;align-items:center;padding:.25rem .375rem .5rem;font-size:.8rem;font-weight:500;display:flex}.calendar__nav button{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:3px;padding:.125rem .5rem;font-size:1.1rem;line-height:1}.calendar__nav button:hover{background:var(--color-bg-hover);color:var(--color-text)}.calendar__grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.calendar__dow{color:var(--color-text-faint);text-align:center;text-transform:uppercase;padding:.25rem 0;font-size:.65rem;font-weight:600}.calendar__day{cursor:pointer;color:var(--color-text);text-align:center;background:0 0;border:none;border-radius:3px;min-width:28px;padding:.3rem 0;font-size:.75rem;line-height:1}.calendar__day:not(:disabled):hover{background:var(--color-bg-hover)}.calendar__day--other{color:var(--color-text-faint)}.calendar__day--disabled{color:var(--color-text-faint);opacity:.4;cursor:not-allowed}.calendar__day--today{outline:1px solid var(--color-border);font-weight:600}.calendar__day--in-range{background:var(--color-accent-bg);color:var(--color-accent-text);border-radius:0}.calendar__day--from,.calendar__day--to{background:var(--color-accent);color:var(--color-accent-fg,white);font-weight:600}.calendar__day--from{border-top-right-radius:0;border-bottom-right-radius:0}.calendar__day--to{border-top-left-radius:0;border-bottom-left-radius:0}.calendar__day--from:hover,.calendar__day--to:hover{background:var(--color-accent)}