.datein{background:var(--card);border:1px solid var(--line);vertical-align:middle;align-items:stretch;min-width:150px;max-width:100%;display:inline-flex;position:relative}.datein:focus-within,.datein.open{outline:2px solid var(--yellow);outline-offset:-1px}.datein.bad{border-color:var(--danger);outline-color:var(--danger)}.datein.dis{opacity:.55}.datein>input,.field .datein>input{font-variant-numeric:tabular-nums;background:0 0;flex:auto;width:11ch;min-width:0;padding:8px 4px 8px 10px;border:0!important;outline:none!important}.field .datein>input{padding:10px 4px 10px 12px}.datein-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 10px;display:flex}.datein-btn:hover,.datein.open .datein-btn{color:var(--ink)}.field>.datein{width:100%;display:flex}.datein-mbtn{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:170px;padding:8px 10px;display:flex}.field .datein-mbtn{padding:10px 12px}.datein-mbtn>span:first-letter{text-transform:uppercase}.datein-mbtn svg{color:var(--muted);flex:none}.datein-pop{z-index:300;box-sizing:border-box;background:var(--card);width:288px;max-width:calc(100vw - 16px);color:var(--ink);border:1px solid var(--ink);padding:10px;position:fixed;box-shadow:0 8px 24px #110a002e}.datein-pop.mon{width:260px}.datein-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.datein-head>span{font-size:15px;font-weight:600}.datein-head>span:first-letter{text-transform:uppercase}.datein-head button{border:1px solid var(--line);background:var(--card);cursor:pointer;width:36px;height:36px;font-size:20px;line-height:1}.datein-head button:hover{border-color:var(--ink)}.datein-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datein-grid .wd{text-align:center;letter-spacing:.04em;color:var(--muted);padding:4px 0;font-size:11px;font-weight:600}.datein-grid .d{cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;height:36px}.datein-grid .d.we{color:var(--muted)}.datein-grid .d:hover:not(:disabled){background:var(--accent-soft)}.datein-grid .d.today{box-shadow:inset 0 0 0 1.5px var(--ink)}.datein-grid .d.sel{background:var(--yellow);color:var(--black);font-weight:700}.datein-grid .d:disabled,.datein-months button:disabled{opacity:.3;cursor:default}.datein-months{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.datein-months button{border:1px solid var(--line);cursor:pointer;background:0 0;height:40px}.datein-months button:hover:not(:disabled){background:var(--accent-soft)}.datein-months button.sel{background:var(--yellow);color:var(--black);border-color:var(--yellow);font-weight:700}.datein-foot{border-top:1px solid var(--line);justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;display:flex}.datein-foot button{border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;padding:6px 12px;font-size:12px;font-weight:600}.datein-foot button:hover:not(:disabled){border-color:var(--ink)}@media (pointer:coarse){.datein-grid .d{height:40px}}