.dob{--dob-fg:var(--color-secondary);--dob-placeholder:var(--color-text-muted-inverse);--dob-hover:#ffffff1a;--dob-disabled:#ffffff4d;position:relative}.dob[data-tone=light]{--dob-fg:var(--color-text-default);--dob-placeholder:var(--color-text-placeholder);--dob-hover:var(--color-surface-alt);--dob-disabled:var(--color-text-tertiary)}.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(--dob-placeholder)}.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(--dob-fg);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(--dob-fg);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:var(--dob-hover)}.dob__cell:disabled{color:var(--dob-disabled);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%)}}