.baby-date{container-type:inline-size;--baby-date-height: 60px;--baby-date-inset: 30px;--baby-date-font: var(--font-display);--baby-date-color: var(--color-ink);--baby-date-focus-border: var(--color-ink);--baby-date-accent: var(--color-brand-purple)}.baby-date__control{display:flex;align-items:center;gap:4px;height:var(--baby-date-height);padding:0 8px 0 var(--baby-date-inset);border:1px solid #d8d6d5;border-radius:var(--radius-pill);background:#fff;cursor:pointer;transition:border-color .2s ease}.baby-date__control:has(.baby-date__input:focus),.baby-date.is-open .baby-date__control{border-color:var(--baby-date-focus-border)}.user-is-tabbing .baby-date__control:has(.baby-date__input:focus){outline:3px solid #fff;outline-offset:2px}.baby-date__slot{position:relative;display:flex;flex:1 1 auto;align-items:center;align-self:stretch;min-width:0}.baby-date__display{display:flex;align-items:baseline;gap:.3em;min-width:0;overflow:hidden;color:#757575;font-family:var(--font-display);font-size:18px;line-height:24px;white-space:nowrap}.baby-date__lead:empty{display:none}.baby-date.is-filled .baby-date__display{font-family:var(--baby-date-font)}.baby-date.is-filled .baby-date__value{color:var(--baby-date-color)}.baby-date .baby-date__input,.baby-date .baby-date__input:focus,.baby-date .baby-date__input:active{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;outline:none;background:#fff;box-shadow:none;opacity:0;color:var(--baby-date-color);font-family:var(--baby-date-font);font-size:18px;line-height:24px;cursor:pointer;-webkit-appearance:none;appearance:none}.baby-date.has-calendar .baby-date__input{pointer-events:none}.baby-date.is-typing .baby-date__input,.user-is-tabbing .baby-date .baby-date__input:focus{opacity:1}.baby-date__input::-webkit-calendar-picker-indicator{display:none}.baby-date__input::-webkit-datetime-edit{padding:0}.baby-date__input::-webkit-date-and-time-value{text-align:left}.baby-date .baby-date__toggle{display:grid;flex:none;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#757575;cursor:pointer;transition:background-color .2s ease,color .2s ease}.baby-date .baby-date__toggle:hover,.baby-date.is-open .baby-date__toggle{background:var(--color-surface-sand);color:var(--color-ink)}.baby-date .baby-date__toggle:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.baby-date__toggle svg{display:block;width:20px;height:20px;stroke-width:1.25}.baby-date__calendar{position:fixed;inset:auto;width:320px;margin:0;padding:14px 14px 10px;border:1px solid var(--color-line);border-radius:var(--radius-card);background:#fff;box-shadow:0 18px 44px #413f3f29,0 2px 8px #413f3f14;color:var(--color-ink);opacity:1;transform:translateY(0);transition:opacity .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1),display .16s allow-discrete,overlay .16s allow-discrete}.baby-date__calendar:not(:popover-open){opacity:0;transform:translateY(-4px)}@starting-style{.baby-date__calendar:popover-open{opacity:0;transform:translateY(-4px)}}.baby-date__header{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:8px}.baby-date__jump{display:flex;gap:2px}.baby-date__select{position:relative;display:flex}.baby-date__select:after{content:"";position:absolute;top:50%;right:10px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}.baby-date .baby-date__select select{height:36px;min-height:0;margin:0;padding:0 26px 0 10px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-ink);font-family:var(--font-display);font-size:17px;line-height:1;text-transform:capitalize;cursor:pointer;-webkit-appearance:none;appearance:none}.baby-date .baby-date__select select:hover{background:var(--color-surface-sand)}.baby-date .baby-date__select select:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.baby-date .baby-date__nav{display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-ink);cursor:pointer}.baby-date .baby-date__nav:hover:not(:disabled){background:var(--color-surface-sand)}.baby-date .baby-date__nav:disabled{opacity:.3;cursor:default}.baby-date .baby-date__nav:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}.baby-date__nav svg{display:block;width:18px;height:18px;fill:currentColor}.baby-date__grid{width:100%;margin:0;border:0;border-collapse:collapse;table-layout:fixed}.baby-date__grid th,.baby-date__grid td{height:42px;padding:1px 0;border:0;background:none;text-align:center}.baby-date__grid th{height:28px;color:#757575;font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase}.baby-date .baby-date__day{display:inline-grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-ink);font-family:var(--font-display);font-size:16px;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease}.baby-date .baby-date__day:hover:not(:disabled):not(.is-selected){background:var(--color-surface-sand)}.baby-date .baby-date__day.is-today{box-shadow:inset 0 0 0 1.5px var(--baby-date-accent)}.baby-date .baby-date__day.is-selected{background:var(--baby-date-accent);box-shadow:0 2px 6px #915f9f59;color:#fff}.baby-date .baby-date__day:disabled{color:#c9c5c1;cursor:default}.baby-date .baby-date__day:focus-visible{outline:2px solid var(--color-ink);outline-offset:1px}@container (max-width: 400px){.baby-date__control{--baby-date-inset: 22px}}@media(prefers-reduced-motion:reduce){.baby-date__control,.baby-date__toggle,.baby-date__calendar,.baby-date .baby-date__day{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/component-baby-date-field.css.map */