.calendar-trigger{position:relative;display:inline-flex;flex-direction:row;align-items:flex-end;cursor:pointer;user-select:none}.calendar-trigger:focus{outline:1px dashed #d1e88a;outline-offset:2px}.calendar-trigger img{width:6vw;height:4vw}@media(min-width: 768px){.calendar-trigger img{width:3vw;height:2vw}}.cal-popup{position:absolute;z-index:1000;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;padding:.5em;min-width:240px;font-family:inherit;color:#000}.cal-popup[hidden]{display:none}.cal-popup__head{display:flex;align-items:center;justify-content:space-between;padding:.25em 0}.cal-popup__title{flex:1;text-align:center;font-weight:bold;font-size:1em;text-transform:capitalize}.cal-popup__nav{background:none;border:0;font-size:1.4em;line-height:1;cursor:pointer;padding:.25em .5em;color:#000}.cal-popup__nav:hover,.cal-popup__nav:focus{color:#d1e88a;outline:none}.cal-popup__weekdays{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;font-size:.8em;color:#888;padding:.25em 0;border-bottom:1px solid #eee}.cal-popup__weekday{padding:.25em 0}.cal-popup__grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px;padding-top:.25em}.cal-popup__day{text-align:center;padding:.4em 0;border-radius:4px;cursor:pointer;font-size:.95em;line-height:1;background:rgba(0,0,0,0);border:0;color:inherit;font-family:inherit}.cal-popup__day:hover,.cal-popup__day:focus{background:#d1e88a;outline:none}.cal-popup__day--today{font-weight:bold;box-shadow:inset 0 0 0 1px #d1e88a}.cal-popup__day--selected{background:#d1e88a;font-weight:bold}.cal-popup__day--other{color:#ccc}@media(max-width: 767.98px){.cal-popup{min-width:200px}.cal-popup__day{padding:.3em 0;font-size:.9em}}