.timestamp-calendar-example__month,.timestamp-calendar-example__year{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:700px){.timestamp-calendar-example{padding:16px}.timestamp-calendar-example__summary,.timestamp-calendar-example__week{flex-direction:column}.timestamp-calendar-example__summary{grid-template-columns:1fr}}.timestamp-calendar-example{gap:24px;padding:24px;display:grid}.timestamp-calendar-example__summary{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start;gap:24px;display:grid}.timestamp-calendar-example__panel{gap:14px;display:grid}.timestamp-calendar-example__panel h4{margin:0;font-size:1rem;font-weight:600}.timestamp-calendar-example__week{flex-wrap:nowrap;gap:8px;display:flex}.timestamp-calendar-example__day,.timestamp-calendar-example__month-day,.timestamp-calendar-example__month-name{background:#7d7d7d14;border:1px solid #7d7d7d59;border-radius:6px}.timestamp-calendar-example__day{flex:1 1 0;gap:4px;min-width:0;padding:10px;display:grid}.timestamp-calendar-example__day span,.timestamp-calendar-example__day small{opacity:.72}.timestamp-calendar-example__day strong{font-weight:600}.timestamp-calendar-example__day--selected{background:#1976d229;border-color:currentColor}.timestamp-calendar-example__month,.timestamp-calendar-example__year{flex-wrap:wrap;gap:8px;display:flex}.timestamp-calendar-example__month-day{flex:1 0 44px;place-items:center;min-height:40px;display:grid}.timestamp-calendar-example__month-day--selected{background:#1976d229;border-color:currentColor;font-weight:700}.timestamp-calendar-example__month-name{-webkit-appearance:none;appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;flex:150px;gap:4px;padding:10px;display:grid}.timestamp-calendar-example__month-name span,.timestamp-calendar-example__month-name small{opacity:.72}.timestamp-calendar-example__month-name--selected{background:#1976d229;border-color:currentColor}.timestamp-calendar-example__month-name:focus-visible{outline-offset:2px;outline:2px solid}@media (max-width:700px){.timestamp-calendar-example{padding:16px}.timestamp-calendar-example__summary,.timestamp-calendar-example__week{flex-direction:column}.timestamp-calendar-example__summary{grid-template-columns:1fr}}