.od4-date-dropdown{width:300px;padding:18px}.od4-date-year-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-120)}.od4-date-year-label{font-size:var(--font-size-body-2-stronger);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest);cursor:pointer;border-radius:var(--radius-large);padding:var(--spacing-20) var(--spacing-80);transition:background .12s}.od4-date-year-label:hover{background:var(--button-background-2-hover)}.od4-date-year-btn{background:none;border:none;color:var(--fg-neutral-3-rest);cursor:pointer;padding:var(--spacing-40);border-radius:var(--radius-medium);transition:background .12s,color .12s}.od4-date-year-btn:hover{background:var(--button-background-2-hover);color:var(--fg-neutral-1-rest)}.od4-date-year-btn:focus-visible,.od4-date-month-cell:focus-visible,.od4-date-year-cell:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.od4-date-year-label:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.od4-date-month-grid-wrap{overflow:hidden;position:relative}.od4-date-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-40)}@keyframes od4-slide-in-left{0%{transform:translate(-30%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes od4-slide-in-right{0%{transform:translate(30%);opacity:0}to{transform:translate(0);opacity:1}}.od4-date-month-grid.slide-left{animation:od4-slide-in-left .14s ease-out}.od4-date-month-grid.slide-right{animation:od4-slide-in-right .14s ease-out}.od4-date-month-cell{padding:var(--size-100) var(--spacing-40);text-align:center;font-size:var(--font-size-body-1);font-family:inherit;color:var(--fg-neutral-3-rest);border-radius:var(--radius-xlarge);cursor:pointer;border:none;background:none;transition:background .1s,color .1s}.od4-date-month-cell:hover{background:var(--button-background-2-hover);color:var(--fg-neutral-1-rest)}.od4-date-month-cell.selected{background:var(--button-background-1-rest);color:var(--fg-neutral-on-brand)}.od4-date-month-cell.no-data{opacity:.3;cursor:default;pointer-events:none}.od4-date-year-cell{padding:var(--size-100) var(--spacing-40);text-align:center;font-size:var(--font-size-body-1);font-family:inherit;color:var(--fg-neutral-3-rest);border-radius:var(--radius-xlarge);cursor:pointer;border:none;background:none;transition:background .1s,color .1s}.od4-date-year-cell:hover{background:var(--button-background-2-hover);color:var(--fg-neutral-1-rest)}.od4-date-year-cell.selected{background:var(--button-background-1-rest);color:var(--fg-neutral-on-brand)}.od4-date-year-cell.no-data{opacity:.3;cursor:default;pointer-events:none}