.create-date-field{position:relative}.create-date-trigger{background:var(--ds-canvas);border:1px solid var(--ds-border);color:var(--ds-text-soft);cursor:pointer;font:400 var(--ds-field-text)/var(--ds-field-leading)var(--ds-font);height:var(--ds-field-height);padding:0 var(--ds-field-inset);text-align:left;transition:border-color .16s var(--ds-ease),box-shadow .16s var(--ds-ease);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.create-date-trigger.is-filled{color:var(--ds-ink)}.create-date-trigger svg{color:var(--ds-text-soft);flex-shrink:0}.create-date-trigger:hover{border-color:var(--ds-border-strong)}.create-datepicker-popup{background:var(--ds-canvas);border:1px solid var(--ds-border);color:var(--ds-ink);font:400 13px/20px var(--ds-font);visibility:hidden;z-index:9999;width:280px;max-width:calc(100vw - 24px);animation:date-picker-in .16s var(--ds-ease);border-radius:18px;padding:12px;position:fixed;top:0;left:0;overflow:auto;box-shadow:0 2px 6px #18271f08,0 14px 36px #18271f1a}.create-datepicker-popup button{color:inherit;cursor:pointer;font:inherit;transition:background .14s var(--ds-ease),color .14s var(--ds-ease),transform .14s var(--ds-ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.create-datepicker-popup button:active{transform:scale(.96)}.create-datepicker-popup button:focus-visible{outline:2px solid var(--ds-brand);outline-offset:2px}.create-datepicker__header{justify-content:space-between;align-items:center;gap:4px;margin-bottom:10px;display:flex}.create-datepicker-popup .create-datepicker__title{border-radius:8px;gap:5px;min-height:32px;padding:0 5px}.create-datepicker__title strong{font-weight:600}.create-datepicker__title span,.create-datepicker__title svg{color:var(--ds-text-soft)}.create-datepicker__title:hover{background:var(--ds-surface)}.create-datepicker__nav{gap:2px;display:flex}.create-datepicker__nav button{border-radius:50%;width:30px;height:30px}.create-datepicker__nav button:hover{background:var(--ds-surface)}.create-datepicker__view{animation:date-picker-view-in .16s var(--ds-ease)}.create-datepicker__weekdays{color:var(--ds-text-soft);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:4px;font-size:10px;font-weight:500;line-height:20px;display:grid}.create-datepicker__days{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;display:grid}.create-datepicker-popup .create-datepicker__day{border-radius:50%;justify-self:center;width:32px;height:32px;position:relative}.create-datepicker__day.is-today{background:var(--ds-brand-soft);color:var(--ds-brand-strong);font-weight:600}.create-datepicker__day:hover{background:var(--ds-brand-soft);color:var(--ds-brand-strong);opacity:1}.create-datepicker-popup button[aria-pressed=true]{background:var(--ds-brand);color:var(--ds-brand-on);opacity:1;box-shadow:0 2px 5px #344a3f16}.create-datepicker__periods{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:4px;min-height:216px;padding-block:8px;display:grid}.create-datepicker__periods button{border-radius:10px;height:44px}.create-datepicker__periods button:hover{background:var(--ds-brand-soft);color:var(--ds-brand-strong)}.create-datepicker__footer{border-top:1px solid var(--ds-border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.create-datepicker__footer button{color:var(--ds-text);border-radius:999px;min-height:28px;padding-inline:10px;font-size:12px}.create-datepicker__footer button:first-child{background:var(--ds-surface);color:var(--ds-ink)}.create-datepicker__footer button:hover{background:var(--ds-brand-soft);color:var(--ds-brand-strong)}@keyframes date-picker-in{0%{opacity:0;translate:0 -3px}to{opacity:1;translate:0}}@keyframes date-picker-view-in{0%{opacity:.5}to{opacity:1}}@media (max-width:640px){.create-date-trigger{font-size:16px}}@media (prefers-reduced-motion:reduce){.create-datepicker-popup,.create-datepicker__view{animation:none}.create-datepicker-popup button,.create-date-trigger{transition:none}}