.dob{position:relative}.dob__trigger{text-align:left;width:100%;font-family:var(--font-sans);font-size:var(--text-body);cursor:pointer;align-items:center;display:flex}.dob__placeholder{color:var(--color-text-muted-inverse)}.dob__pop{z-index:var(--z-popover);top:calc(100% + var(--space-1));position:absolute;left:0}.dob__panel{width:268px}.dob__title{color:var(--color-secondary);font-family:var(--font-sans);font-size:var(--text-subheadline);font-weight:var(--fw-medium);text-align:center;cursor:pointer;background:0 0;border:0;flex:1;padding:0}.dob__title:disabled{cursor:default}.dob__title:not(:disabled):hover{color:var(--color-kic-yellow)}.dob__body{height:226px}.dob__grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:2px;height:100%;display:grid}.dob__cell{color:var(--color-secondary);font-family:var(--font-sans);font-size:var(--text-subheadline);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.dob__cell:not(:disabled):hover{background:#ffffff1a}.dob__cell:disabled{color:#ffffff4d;cursor:not-allowed}.dob__cell--active,.dob__cell--active:hover{background:var(--color-kic-yellow);color:var(--color-primary);font-weight:var(--fw-medium)}.dob__days{grid-template-columns:repeat(7,32px);grid-auto-rows:32px;gap:2px;display:grid}@media (max-width:767px){.dob__pop{left:50%;transform:translate(-50%)}}