.admin-datetime-control{cursor:pointer;box-sizing:border-box;border-radius:var(--admin-corner-radius,5px);background:#fff;border:1px solid #e3e5e8;align-items:center;min-width:150px;max-width:100%;height:32px;min-height:32px;font-size:13px;display:inline-flex;position:relative}.admin-datetime-control>input{box-sizing:border-box;cursor:pointer;width:100%;min-width:0;line-height:20px;font:inherit;outline:none;text-align:center!important;background:0 0!important;border:0!important;padding:5px 28px 5px 8px!important}.admin-datetime-control>.admin-datetime-clear{border-radius:var(--admin-corner-radius,3px);cursor:pointer;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .12s,color .12s;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%);color:#909399!important;background:0 0!important;border:0!important;width:22px!important;min-width:0!important;height:24px!important;min-height:0!important;padding:0!important}.admin-datetime-control:hover>.admin-datetime-clear,.admin-datetime-control:focus-within>.admin-datetime-clear{opacity:1;pointer-events:auto}.admin-datetime-control>.admin-datetime-clear:hover{color:#606266!important}.admin-datetime-control>.admin-datetime-clear:focus-visible{outline-offset:1px;outline:2px solid #409eff}.admin-datetime-control.is-disabled{color:#c0c4cc;cursor:not-allowed;background:#f5f7fa}.admin-datetime-control.is-disabled>input{cursor:not-allowed}.admin-datetime-control:focus-within{border-color:#69afff;box-shadow:0 0 0 2px #e9f4ff}.admin-datetime-popup{z-index:125;color:#555;border-radius:var(--admin-corner-radius,7px);background:#fff;border:1px solid #f2f2f2;width:max-content;max-width:calc(100vw - 16px);font-size:13px;position:fixed;overflow:hidden;box-shadow:0 5px 20px #0002}.admin-datetime-heading{justify-content:space-between;align-items:center;padding:10px;display:flex}.admin-datetime-heading span{text-align:center;flex:1;font-weight:500}.admin-datetime-heading button{color:#999;padding:3px}.admin-datetime-popup button{cursor:pointer;font:inherit;background:0 0;border:0}.admin-datetime-columns{display:flex}.admin-datetime-calendar{width:270px;padding:0 8px 10px}.admin-datetime-calendar>div{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.admin-datetime-calendar span{padding:6px 0}.admin-datetime-calendar button{border-radius:var(--admin-corner-radius,4px);height:32px}.admin-datetime-popup .muted{color:#ccc}.admin-datetime-popup .selected{color:#0964bd;background:#e8f3ff}.admin-time-scroll{scrollbar-width:thin;border-left:1px solid #f2f2f2;width:48px;height:238px;overflow-y:auto}.admin-time-scroll button{text-align:center;width:100%;height:30px;display:block}.admin-datetime-popup footer{border-top:1px solid #f2f2f2;justify-content:flex-end;gap:15px;padding:9px 12px;display:flex}.admin-datetime-popup footer button:last-child{color:#0964bd}.admin-datetime-popup button:focus-visible{outline-offset:-2px;outline:2px solid #69afff}@media (width<=450px){.admin-datetime-calendar{width:230px;padding:0 3px 8px}.admin-time-scroll{width:39px}}.admin-datetime-control.with-time{flex:none;width:218px}.admin-datetime-range{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;display:flex}.admin-datetime-range .admin-datetime-control{max-width:100%}@media (width<=600px){.admin-datetime-range{flex-direction:column;align-items:stretch}.admin-datetime-range>span[aria-hidden]{display:none}}.op-filter .op-field:has(.admin-datetime-control.with-time){flex:0 auto;min-width:310px;max-width:100%}.reference-toolbar label:has(.admin-datetime-control){flex-wrap:wrap;max-width:100%}@media (width<=800px){.op-filter .op-field:has(.admin-datetime-control.with-time){width:100%;min-width:0}}@media (hover:none){.admin-datetime-control>.admin-datetime-clear{opacity:1;pointer-events:auto}}.admin-time-scroll{--admin-clock-height:238px;height:var(--admin-clock-height);scroll-snap-type:y mandatory;overscroll-behavior:contain;overflow-anchor:none}.admin-time-scroll:after{content:"";height:calc(var(--admin-clock-height) - 30px);pointer-events:none;display:block}.admin-time-scroll button{scroll-snap-align:start}.admin-datetime-control>.admin-datetime-calendar-button{cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%);color:#c0c4cc!important;background:0 0!important;border:0!important;width:18px!important;min-width:0!important;height:24px!important;min-height:0!important;padding:0!important}.admin-datetime-calendar-button:focus-visible{outline-offset:1px;outline:2px solid #409eff}.admin-datetime-calendar-button:disabled{cursor:default}.admin-datetime-icon{pointer-events:none;flex-shrink:0}.admin-datetime-control.has-calendar-icon>.admin-datetime-clear{right:26px}.admin-datetime-control.is-readonly,.admin-datetime-control.is-readonly>input{cursor:default}.admin-datetime-control>.admin-datetime-action{border-radius:var(--admin-corner-radius,3px);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%);color:#c0c4cc!important;width:22px!important;min-width:0!important;height:26px!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.admin-datetime-control>.admin-datetime-action.is-clear{color:#909399!important}.admin-datetime-control>.admin-datetime-action.is-clear:hover{color:#606266!important}.admin-datetime-control>.admin-datetime-action:focus-visible{outline-offset:0;outline:2px solid #409eff}.admin-datetime-control>.admin-datetime-action:disabled{cursor:default;color:#c0c4cc!important}.admin-datetime-control.has-calendar-icon.has-clear>input{padding-right:28px!important}.admin-datetime-control>input::placeholder{color:#c0c4cc;opacity:1}