.studio-popover-backdrop{z-index:5099;position:fixed;inset:0}.studio-popover-positioner{z-index:5100;outline:none}.studio-popover{--studio-material-radius:var(--studio-body-radius-large);max-width:min(var(--available-width), 420px);color:var(--studio-label);box-shadow:var(--elevation-overlay);transform-origin:var(--transform-origin);outline:none;font-size:13px;line-height:1.4;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .14s;position:relative}.studio-popover:after{z-index:2;border:1px solid var(--studio-overlay-outline);border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:0}.studio-popover[data-starting-style],.studio-popover[data-ending-style]{transform:translateY(-4px)scale(.98)}.studio-popover[data-side=top]:is([data-starting-style],[data-ending-style]){transform:translateY(4px)scale(.98)}.studio-popover>.studio-material-backdrop,.studio-popover>.studio-popover-body,.studio-popover:after{transition:opacity .14s}.studio-popover:is([data-starting-style],[data-ending-style]){box-shadow:var(--elevation-overlay-clear)}.studio-popover:is([data-starting-style],[data-ending-style])>.studio-material-backdrop,.studio-popover:is([data-starting-style],[data-ending-style])>.studio-popover-body,.studio-popover:is([data-starting-style],[data-ending-style]):after{opacity:0}.studio-popover-body{max-height:calc(var(--available-height) - 12px);overscroll-behavior:contain;padding:16px;overflow-y:auto}@media (prefers-reduced-motion:reduce){.studio-popover,.studio-popover>.studio-material-backdrop,.studio-popover>.studio-popover-body,.studio-popover:after{transition:none}}
.date-field{border-radius:var(--radius-4xl);background:color-mix(in srgb, var(--input) 50%, transparent);align-items:center;gap:2px;min-height:36px;padding:4px 6px 4px 12px;display:flex;position:relative}.date-field[data-disabled]{opacity:.5}.date-field-part{align-items:center;gap:2px;min-width:0;display:flex}.field .date-field .date-field-part input{width:2.6ch;min-width:0;color:inherit;font:inherit;text-align:center;background:0 0;border:0;border-radius:3px;padding:2px 0;font-size:12px}.field .date-field .date-field-year input{width:4.8ch}.date-field-part:nth-child(4){margin-left:6px}.date-field-part>span{color:var(--muted-foreground);font-size:12px}.date-field-calendar{width:28px;height:28px;color:inherit;background:0 0;border:0;border-radius:999px;place-items:center;margin-left:auto;padding:0;transition:background-color .12s;display:grid}.date-field-calendar[data-popup-open]{background:var(--studio-hover-reveal)}@media (hover:hover) and (pointer:fine){.date-field-calendar:hover{background:var(--studio-hover-reveal)}}.date-field-calendar:focus-visible{outline:2px solid var(--studio-accent);outline-offset:0}.date-field-calendar:disabled{pointer-events:none}.date-field-popover>.studio-popover-body{padding:4px}.date-field-popover [data-slot=calendar] :is(table,th,td){all:revert-layer}.date-field-popover [data-slot=calendar] button:focus-visible{outline:revert-layer;outline-offset:revert-layer}