.date24-picker{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);}
.date24-picker>label:first-child,.date24-picker>.date24-apply{grid-column:1/-1;}
.date24-picker label{display:grid;gap:3px;font-size:.75rem;}
.date24-picker select,.date24-picker input{width:100%;min-width:0;font-variant-numeric:tabular-nums;}
.date24-picker .date24-apply{padding:6px;font-size:.8rem;}
.canvas .item>.handle{position:absolute;display:block;width:12px;height:12px;min-width:0;min-height:0;right:auto;bottom:auto;background:#fff;border:2px solid #76b82e;border-radius:3px;z-index:2;touch-action:none;}
.canvas .item>.handle::after{content:"";position:absolute;inset:-4px;}
.canvas .item>.handle-nw{left:0;top:0;cursor:nwse-resize;}
.canvas .item>.handle-ne{right:0;top:0;cursor:nesw-resize;}
.canvas .item>.handle-sw{left:0;bottom:0;cursor:nesw-resize;}
.canvas .item>.handle-se{right:0;bottom:0;cursor:nwse-resize;}
.canvas .item>.handle-n{left:50%;top:0;transform:translateX(-50%);cursor:ns-resize;}
.canvas .item>.handle-s{left:50%;bottom:0;transform:translateX(-50%);cursor:ns-resize;}
.canvas .item>.handle-e{right:0;top:50%;transform:translateY(-50%);cursor:ew-resize;}
.canvas .item>.handle-w{left:0;top:50%;transform:translateY(-50%);cursor:ew-resize;}