.calendar{width:100%;position:relative}.calendar__trigger{text-align:left;cursor:pointer;align-items:center;display:flex}.calendar__trigger--empty{color:var(--muted-foreground,#b9aea1)}.calendar__pop{z-index:20;border:1px solid var(--border);width:280px;font-family:var(--font-sans);color:var(--color-ink);background:#fff;border-radius:16px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #00000024}.calendar__pop--up{top:auto;bottom:calc(100% + 8px)}.calendar__pop[hidden]{display:none}.calendar__head{justify-content:space-between;align-items:center;display:flex}.calendar__month{font-size:14px}.calendar__nav{width:40px;height:40px;color:var(--muted,#7b5d57);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.calendar__nav:hover:not(:disabled){color:var(--color-ink);background:#0000000a}.calendar__nav:disabled{opacity:.35;cursor:default}.calendar__grid{text-align:center;grid-template-columns:repeat(7,1fr);row-gap:4px;margin-top:12px;font-size:12px;display:grid}.calendar__weekday{color:var(--muted-foreground,#b9aea1)}.calendar__day{width:36px;height:36px;font:inherit;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:0 auto;transition:background-color .15s;display:grid}.calendar__day:hover:not(:disabled):not(.calendar__day--on){background:#0000000d}.calendar__day--out{color:#452d2d59}.calendar__day--today:not(.calendar__day--on){box-shadow:inset 0 0 0 1px var(--color-brand)}.calendar__day--on{background:var(--color-brand);color:#fff}.calendar__day--gone{color:#452d2d40;cursor:not-allowed;text-decoration:line-through}.calendar__clear{font:inherit;color:var(--muted,#7b5d57);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;text-decoration:underline}