x-next 1.1.0 → 1.3.0

package/dist/style/date-picker.css

@@ -1 +1 @@
-:root{--x-date-picker-panel-bg: var(--x-color-bg-popup);--x-date-picker-panel-border: var(--x-color-transparent);--x-date-picker-footer-border: var(--x-split-color);--x-date-picker-panel-radius: var(--x-border-radius-medium);--x-date-picker-panel-shadow: var(--x-picker-panel-shadow);--x-date-picker-panel-width: 280px;--x-date-picker-week-panel-width: 320px;--x-date-picker-range-width: calc(var(--x-date-picker-panel-width) * 2);--x-date-picker-cell-size: 32px;--x-date-picker-cell-gap: 0;--x-date-picker-cell-color: var(--x-color-text-2);--x-date-picker-cell-color-hover: var(--x-color-text-1);--x-date-picker-cell-bg-hover: var(--x-color-fill-1);--x-date-picker-cell-bg-range: var(--x-color-primary-light-1);--x-date-picker-cell-bg-selected: var(--x-color-primary-6);--x-date-picker-cell-color-selected: var(--x-color-white);--x-date-picker-cell-color-disabled: var(--x-color-text-4);--x-date-picker-cell-color-out-view: var(--x-color-text-4);--x-date-picker-font-size: var(--x-font-size-body-2);--x-date-picker-action-font-size: var(--x-font-size-body-1);--x-date-picker-confirm-color: var(--x-color-primary-6);--x-date-picker-today-color: var(--x-color-primary-6)}.x-date-picker{width:220px}.x-date-picker-range{width:270px}.x-date-picker-datetime{width:390px}.x-date-picker--popup{line-height:var(--x-line-height-base)}.x-date-picker--panel{width:var(--x-date-picker-panel-width);overflow:hidden;color:var(--x-date-picker-cell-color);font-size:var(--x-date-picker-font-size);background:var(--x-date-picker-panel-bg);border:1px solid var(--x-date-picker-panel-border);border-radius:var(--x-date-picker-panel-radius);box-shadow:var(--x-date-picker-panel-shadow)}.x-date-picker-mode-week{width:var(--x-date-picker-week-panel-width)}.x-date-picker--popup-inner{overflow:hidden;background:var(--x-date-picker-panel-bg);border:1px solid var(--x-date-picker-panel-border);border-radius:var(--x-date-picker-panel-radius);box-shadow:var(--x-date-picker-panel-shadow)}.x-date-picker--panels{display:flex;gap:0}.x-date-picker--datetime-body{display:flex;align-items:stretch}.x-date-picker--datetime-body .x-date-picker--panel{border:0;border-radius:0;box-shadow:none}.x-date-picker--time-side{width:180px;border-left:1px solid var(--x-date-picker-footer-border)}.x-date-picker--time-side .x-time-picker--panel{width:100%;border:0;border-radius:0;box-shadow:none}.x-date-picker--time-side .x-time-picker--columns{width:100%}.x-date-picker--time-side .x-time-picker--column{flex:1 1 0;min-width:0;width:auto;height:234px}.x-date-picker--time-title{height:45px;color:var(--x-color-text-1);font-weight:500;line-height:45px;text-align:center;border-bottom:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-time-panel{display:grid;grid-template-columns:repeat(2, 1fr)}.x-date-picker--range-time-panel .x-time-picker--panel{width:100%;border:0;border-radius:0;box-shadow:none}.x-date-picker--range-time-panel .x-time-picker--columns{width:100%}.x-date-picker--range-time-panel .x-time-picker--column{flex:1 1 0;min-width:0;width:auto;height:196px}.x-date-picker--range-time-column{min-width:0}.x-date-picker--range-time-column+.x-date-picker--range-time-column{border-left:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-datetime-footer{display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1fr;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--datetime-footer{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:4px 8px;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-datetime-item{display:flex;gap:8px;align-items:center;justify-content:center;min-width:0;height:40px;padding:0 12px;color:var(--x-color-text-2);font:inherit;font-size:var(--x-font-size-body-1);line-height:1;text-align:center;background:var(--x-color-transparent);border:none;cursor:pointer}.x-date-picker--range-datetime-item+.x-date-picker--range-datetime-item{border-left:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-datetime-item span,.x-date-picker--range-datetime-item strong{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-date-picker--range-datetime-item span{font-weight:400}.x-date-picker--range-datetime-item strong{color:var(--x-color-text-1);font-weight:400}.x-date-picker--range-datetime-item:hover,.x-date-picker--range-datetime-item.x-date-picker-is-active{background:var(--x-color-fill-1)}.x-date-picker-popup-range{width:var(--x-date-picker-range-width)}.x-date-picker-popup-range .x-date-picker--panel{border:0;border-radius:0;box-shadow:none}.x-date-picker-popup-datetime{display:block}.x-date-picker--header{display:grid;grid-template-columns:28px 28px 1fr 28px 28px;gap:2px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--x-date-picker-footer-border)}.x-date-picker--header-left{grid-template-columns:28px 28px 1fr}.x-date-picker--header-right{grid-template-columns:1fr 28px 28px}.x-date-picker--header-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--x-color-text-2);font:inherit;background:var(--x-color-transparent);border:none;border-radius:3px;cursor:pointer}.x-date-picker--header-btn:hover,.x-date-picker--header-btn:focus-visible{color:var(--x-color-text-1);background:var(--x-color-fill-1);outline:none}.x-date-picker--header-label{min-width:0;height:28px;color:var(--x-color-text-1);font:inherit;font-weight:500;background:var(--x-color-transparent);border:none;border-radius:3px;cursor:pointer;text-align:center}.x-date-picker--header-label:hover,.x-date-picker--header-label:focus-visible{background:var(--x-color-fill-1);outline:none}.x-date-picker--weekdays{display:grid;grid-template-columns:repeat(7, 1fr);padding:8px 12px 0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);text-align:center}.x-date-picker--weekdays span{height:24px;line-height:24px}.x-date-picker--weekdays.x-date-picker-is-week-mode{grid-template-columns:54px repeat(7, 1fr)}.x-date-picker--body{display:grid;column-gap:var(--x-date-picker-cell-gap);row-gap:2px;padding:8px 12px 10px}.x-date-picker--body-date{grid-template-columns:repeat(7, 1fr)}.x-date-picker--body-date .x-date-picker--cell.x-date-picker-is-range-start,.x-date-picker--body-date .x-date-picker--cell.x-date-picker-is-preview-range-start{border-radius:16px 0 0 16px}.x-date-picker--body-date .x-date-picker--cell.x-date-picker-is-range-end,.x-date-picker--body-date .x-date-picker--cell.x-date-picker-is-preview-range-end{border-radius:0 16px 16px 0}.x-date-picker--body-week{grid-template-columns:54px repeat(7, 1fr)}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-selected{color:var(--x-date-picker-cell-color-selected);background:var(--x-date-picker-cell-bg-selected)}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-selected .x-date-picker--cell-inner{color:inherit;background:var(--x-color-transparent)}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-week-selected{border-radius:0}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-end.x-date-picker-is-week-selected{border-radius:0 12px 12px 0}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-label.x-date-picker-is-week-selected{color:var(--x-date-picker-cell-color-selected);background:var(--x-date-picker-cell-bg-selected);border-radius:12px 0 0 12px}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-label.x-date-picker-is-week-selected .x-date-picker--cell-inner{color:inherit;background:var(--x-color-transparent)}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-week-end.x-date-picker-is-week-selected{border-radius:12px}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-selected::after{opacity:0}.x-date-picker--body-month{grid-template-columns:repeat(3, 1fr)}.x-date-picker--body-month .x-date-picker--cell-inner{min-width:48px;height:24px;border-radius:3px}.x-date-picker--body-year{grid-template-columns:repeat(3, 1fr)}.x-date-picker--body-year .x-date-picker--cell-inner{min-width:48px;height:24px;border-radius:3px}.x-date-picker--body-quarter{grid-template-columns:repeat(2, 1fr)}.x-date-picker--body-quarter .x-date-picker--cell-inner{min-width:48px;height:24px;border-radius:3px}.x-date-picker--cell-inner{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;padding:0;border-radius:50%}.x-date-picker--cell-date{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;height:var(--x-date-picker-cell-size)}.x-date-picker--cell-lunar{display:none;max-width:38px;margin-top:3px;overflow:hidden;color:var(--x-color-text-3);font-size:10px;line-height:10px;opacity:.86;white-space:nowrap;text-overflow:ellipsis}.x-date-picker--cell{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;height:var(--x-date-picker-cell-size);padding:0;color:var(--x-date-picker-cell-color);font:inherit;background:var(--x-color-transparent);border:none;border-radius:0;cursor:pointer;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-date-picker--cell::after{position:absolute;bottom:3px;left:50%;z-index:2;width:4px;height:4px;background:var(--x-date-picker-today-color);border-radius:50%;transform:translateX(-50%);opacity:0;content:"";pointer-events:none}.x-date-picker--cell:hover,.x-date-picker--cell:focus-visible{color:var(--x-date-picker-cell-color-hover);outline:none}.x-date-picker--cell:hover .x-date-picker--cell-inner,.x-date-picker--cell:focus-visible .x-date-picker--cell-inner{background:var(--x-date-picker-cell-bg-hover)}.x-date-picker--cell.x-date-picker-is-today::after{opacity:1}.x-date-picker--cell.x-date-picker-is-in-range,.x-date-picker--cell.x-date-picker-is-range-start,.x-date-picker--cell.x-date-picker-is-range-end,.x-date-picker--cell.x-date-picker-is-in-preview-range,.x-date-picker--cell.x-date-picker-is-preview-range-start,.x-date-picker--cell.x-date-picker-is-preview-range-end{color:var(--x-color-text-1);background:var(--x-date-picker-cell-bg-range)}.x-date-picker--cell.x-date-picker-is-selected .x-date-picker--cell-inner,.x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-inner,.x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-inner{color:var(--x-date-picker-cell-color-selected);background:var(--x-date-picker-cell-bg-selected)}.x-date-picker--cell.x-date-picker-is-selected .x-date-picker--cell-inner .x-date-picker--cell-lunar,.x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-inner .x-date-picker--cell-lunar,.x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-inner .x-date-picker--cell-lunar{color:inherit}.x-date-picker--cell.x-date-picker-is-selected::after,.x-date-picker--cell.x-date-picker-is-range-start::after,.x-date-picker--cell.x-date-picker-is-range-end::after{opacity:0}.x-date-picker--cell.x-date-picker-is-selected{background:var(--x-color-transparent)}.x-date-picker--cell.x-date-picker-is-range-start{border-radius:14px 0 0 14px}.x-date-picker--cell.x-date-picker-is-range-end{border-radius:0 14px 14px 0}.x-date-picker--cell.x-date-picker-is-preview-range-start{border-radius:14px 0 0 14px}.x-date-picker--cell.x-date-picker-is-preview-range-end{border-radius:0 14px 14px 0}.x-date-picker--cell.x-date-picker-is-range-start.x-date-picker-is-range-end{background:var(--x-color-transparent);border-radius:0}.x-date-picker--cell.x-date-picker-is-out-view{color:var(--x-date-picker-cell-color-out-view)}.x-date-picker--cell.x-date-picker-is-out-view .x-date-picker--cell-inner{background:var(--x-color-transparent)}.x-date-picker--cell.x-date-picker-is-out-view.x-date-picker-is-today::after{opacity:0}.x-date-picker--cell.x-date-picker-is-week-label{color:var(--x-color-text-3);cursor:default}.x-date-picker--cell.x-date-picker-is-week-label .x-date-picker--cell-inner{width:auto;min-width:50px;padding:0;background:var(--x-color-transparent);border-radius:0;white-space:nowrap}.x-date-picker--cell.x-date-picker-is-week-start{justify-content:center}.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-selected .x-date-picker--cell-inner,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-range-start .x-date-picker--cell-inner,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-range-end .x-date-picker--cell-inner{margin-left:0}.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-selected,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-range-start,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-range-end,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-preview-range-start,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-preview-range-end{border-radius:4px 0 0 4px}.x-date-picker--cell.x-date-picker-is-disabled,.x-date-picker--cell:disabled{color:var(--x-date-picker-cell-color-disabled);background:var(--x-color-transparent);cursor:not-allowed}.x-date-picker--cell.x-date-picker-is-disabled .x-date-picker--cell-inner,.x-date-picker--cell:disabled .x-date-picker--cell-inner{background:var(--x-color-transparent)}.x-date-picker--cell.x-date-picker-is-week-label:disabled{color:var(--x-color-text-3);cursor:default}.x-date-picker--cell.x-date-picker-is-week-label.x-date-picker-is-week-selected:disabled{color:var(--x-date-picker-cell-color-selected)}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--weekdays{padding-top:6px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--body-date{column-gap:0;row-gap:4px;padding-top:6px;padding-bottom:12px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell{flex-direction:column;height:50px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell::after{opacity:0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell-date{width:100%;height:32px;border-radius:0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell-inner{width:24px;min-width:24px;height:24px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell-lunar{display:block}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-out-view .x-date-picker--cell-lunar{color:var(--x-color-text-4);opacity:.72}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell:hover .x-date-picker--cell-inner,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell:focus-visible .x-date-picker--cell-inner{background:var(--x-date-picker-cell-bg-hover)}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-selected .x-date-picker--cell-lunar,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-lunar,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-lunar{color:var(--x-color-text-2);opacity:.86}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-in-range,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-in-preview-range,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-start,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-end{background:var(--x-color-transparent)}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-in-range .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-in-preview-range .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-start .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-end .x-date-picker--cell-date{background:var(--x-date-picker-cell-bg-range)}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-start{border-radius:0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-start .x-date-picker--cell-date{border-radius:16px 0 0 16px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-end{border-radius:0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-end .x-date-picker--cell-date{border-radius:0 16px 16px 0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start.x-date-picker-is-range-end .x-date-picker--cell-date{background:var(--x-color-transparent);border-radius:0}.x-date-picker--shortcuts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-footer{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:6px 10px;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-shortcuts{display:flex;flex:1;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.x-date-picker--shortcut{height:24px;padding:0 8px;color:var(--x-color-text-2);font:inherit;font-size:var(--x-date-picker-action-font-size);background:var(--x-color-fill-1);border:none;border-radius:3px;cursor:pointer}.x-date-picker--shortcut:hover,.x-date-picker--shortcut:focus-visible{color:var(--x-color-primary-6);background:var(--x-color-primary-light-1);outline:none}.x-date-picker--extra{flex:1 0 100%;min-width:0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1)}.x-date-picker--footer{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:4px 8px;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--footer-btn{min-width:36px;height:24px;padding:0 8px;color:var(--x-color-text-2);font:inherit;font-size:var(--x-date-picker-action-font-size);background:var(--x-color-transparent);border:none;border-radius:3px;cursor:pointer}.x-date-picker--footer-btn:hover,.x-date-picker--footer-btn:focus-visible{background:var(--x-color-fill-1);outline:none}.x-date-picker--today{color:var(--x-date-picker-today-color)}.x-date-picker--confirm{color:var(--x-date-picker-confirm-color)}
+:root{--x-date-picker-panel-bg: var(--x-color-bg-popup);--x-date-picker-panel-border: var(--x-color-transparent);--x-date-picker-footer-border: var(--x-split-color);--x-date-picker-panel-radius: var(--x-border-radius-medium);--x-date-picker-panel-shadow: var(--x-picker-panel-shadow);--x-date-picker-panel-width: 280px;--x-date-picker-week-panel-width: 320px;--x-date-picker-range-width: calc(var(--x-date-picker-panel-width) * 2);--x-date-picker-cell-size: 32px;--x-date-picker-cell-gap: 0;--x-date-picker-cell-color: var(--x-color-text-2);--x-date-picker-cell-color-hover: var(--x-color-text-1);--x-date-picker-cell-bg-hover: var(--x-color-fill-1);--x-date-picker-cell-bg-range: var(--x-color-primary-light-1);--x-date-picker-cell-bg-selected: var(--x-color-primary-6);--x-date-picker-cell-color-selected: var(--x-color-white);--x-date-picker-cell-color-disabled: var(--x-color-text-4);--x-date-picker-cell-color-out-view: var(--x-color-text-4);--x-date-picker-font-size: var(--x-font-size-body-2);--x-date-picker-action-font-size: var(--x-font-size-body-1);--x-date-picker-confirm-color: var(--x-color-primary-6);--x-date-picker-today-color: var(--x-color-primary-6)}.x-date-picker{width:220px}.x-date-picker-range{width:270px}.x-date-picker-datetime{width:390px}.x-date-picker--popup{line-height:var(--x-line-height-base)}.x-date-picker--panel{width:var(--x-date-picker-panel-width);overflow:hidden;color:var(--x-date-picker-cell-color);font-size:var(--x-date-picker-font-size);background:var(--x-date-picker-panel-bg);border:1px solid var(--x-date-picker-panel-border);border-radius:var(--x-date-picker-panel-radius);box-shadow:var(--x-date-picker-panel-shadow)}.x-date-picker-mode-week{width:var(--x-date-picker-week-panel-width)}.x-date-picker--popup-inner{overflow:hidden;background:var(--x-date-picker-panel-bg);border:1px solid var(--x-date-picker-panel-border);border-radius:var(--x-date-picker-panel-radius);box-shadow:var(--x-date-picker-panel-shadow)}.x-date-picker--panels{display:flex;gap:0}.x-date-picker--datetime-body{display:flex;align-items:stretch}.x-date-picker--datetime-body .x-date-picker--panel{border:0;border-radius:0;box-shadow:none}.x-date-picker--time-side{width:180px;border-left:1px solid var(--x-date-picker-footer-border)}.x-date-picker--time-side .x-time-picker--panel{width:100%;border:0;border-radius:0;box-shadow:none}.x-date-picker--time-side .x-time-picker--columns{width:100%}.x-date-picker--time-side .x-time-picker--column{flex:1 1 0;min-width:0;width:auto;height:234px}.x-date-picker--time-title{height:45px;color:var(--x-color-text-1);font-weight:500;line-height:45px;text-align:center;border-bottom:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-time-panel{display:grid;grid-template-columns:repeat(2, 1fr)}.x-date-picker--range-time-panel .x-time-picker--panel{width:100%;border:0;border-radius:0;box-shadow:none}.x-date-picker--range-time-panel .x-time-picker--columns{width:100%}.x-date-picker--range-time-panel .x-time-picker--column{flex:1 1 0;min-width:0;width:auto;height:196px}.x-date-picker--range-time-column{min-width:0}.x-date-picker--range-time-column+.x-date-picker--range-time-column{border-left:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-datetime-footer{display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1fr;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--datetime-footer{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:4px 8px;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-datetime-item{display:flex;gap:8px;align-items:center;justify-content:center;min-width:0;height:40px;padding:0 12px;color:var(--x-color-text-2);font:inherit;font-size:var(--x-font-size-body-1);line-height:1;text-align:center;background:var(--x-color-transparent);border:none;cursor:pointer}.x-date-picker--range-datetime-item+.x-date-picker--range-datetime-item{border-left:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-datetime-item span,.x-date-picker--range-datetime-item strong{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-date-picker--range-datetime-item span{font-weight:400}.x-date-picker--range-datetime-item strong{color:var(--x-color-text-1);font-weight:400}.x-date-picker--range-datetime-item:hover,.x-date-picker--range-datetime-item.x-date-picker-is-active{background:var(--x-color-fill-1)}.x-date-picker-popup-range{width:var(--x-date-picker-range-width)}.x-date-picker-popup-range .x-date-picker--panel{border:0;border-radius:0;box-shadow:none}.x-date-picker-popup-datetime{display:block}.x-date-picker--header{display:grid;grid-template-columns:28px 28px 1fr 28px 28px;gap:2px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--x-date-picker-footer-border)}.x-date-picker--header-left{grid-template-columns:28px 28px 1fr}.x-date-picker--header-right{grid-template-columns:1fr 28px 28px}.x-date-picker--header-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--x-color-text-2);font:inherit;background:var(--x-color-transparent);border:none;border-radius:3px;cursor:pointer}.x-date-picker--header-btn:hover,.x-date-picker--header-btn:focus-visible{color:var(--x-color-text-1);background:var(--x-color-fill-1);outline:none}.x-date-picker--header-label{min-width:0;height:28px;color:var(--x-color-text-1);font:inherit;font-weight:500;background:var(--x-color-transparent);border:none;border-radius:3px;cursor:pointer;text-align:center}.x-date-picker--header-label:hover,.x-date-picker--header-label:focus-visible{background:var(--x-color-fill-1);outline:none}.x-date-picker--weekdays{display:grid;grid-template-columns:repeat(7, 1fr);padding:8px 12px 0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);text-align:center}.x-date-picker--weekdays span{height:24px;line-height:24px}.x-date-picker--weekdays.x-date-picker-is-week-mode{grid-template-columns:54px repeat(7, 1fr)}.x-date-picker--body{display:grid;column-gap:var(--x-date-picker-cell-gap);row-gap:2px;padding:8px 12px 10px}.x-date-picker--row{display:contents}.x-date-picker--body-date{grid-template-columns:repeat(7, 1fr)}.x-date-picker--body-date .x-date-picker--cell.x-date-picker-is-range-start,.x-date-picker--body-date .x-date-picker--cell.x-date-picker-is-preview-range-start{border-radius:16px 0 0 16px}.x-date-picker--body-date .x-date-picker--cell.x-date-picker-is-range-end,.x-date-picker--body-date .x-date-picker--cell.x-date-picker-is-preview-range-end{border-radius:0 16px 16px 0}.x-date-picker--body-week{grid-template-columns:54px repeat(7, 1fr)}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-selected{color:var(--x-date-picker-cell-color-selected);background:var(--x-date-picker-cell-bg-selected)}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-selected .x-date-picker--cell-inner{color:inherit;background:var(--x-color-transparent)}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-week-selected{border-radius:0}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-end.x-date-picker-is-week-selected{border-radius:0 12px 12px 0}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-label.x-date-picker-is-week-selected{color:var(--x-date-picker-cell-color-selected);background:var(--x-date-picker-cell-bg-selected);border-radius:12px 0 0 12px}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-label.x-date-picker-is-week-selected .x-date-picker--cell-inner{color:inherit;background:var(--x-color-transparent)}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-week-end.x-date-picker-is-week-selected{border-radius:12px}.x-date-picker--body-week .x-date-picker--cell.x-date-picker-is-week-selected::after{opacity:0}.x-date-picker--body-month{grid-template-columns:repeat(3, 1fr)}.x-date-picker--body-month .x-date-picker--cell-inner{min-width:48px;height:24px;border-radius:3px}.x-date-picker--body-year{grid-template-columns:repeat(3, 1fr)}.x-date-picker--body-year .x-date-picker--cell-inner{min-width:48px;height:24px;border-radius:3px}.x-date-picker--body-quarter{grid-template-columns:repeat(2, 1fr)}.x-date-picker--body-quarter .x-date-picker--cell-inner{min-width:48px;height:24px;border-radius:3px}.x-date-picker--cell-inner{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;padding:0;border-radius:50%}.x-date-picker--cell-date{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;height:var(--x-date-picker-cell-size)}.x-date-picker--cell-lunar{display:none;max-width:38px;margin-top:3px;overflow:hidden;color:var(--x-color-text-3);font-size:10px;line-height:10px;opacity:.86;white-space:nowrap;text-overflow:ellipsis}.x-date-picker--cell{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;height:var(--x-date-picker-cell-size);padding:0;color:var(--x-date-picker-cell-color);font:inherit;background:var(--x-color-transparent);border:none;border-radius:0;cursor:pointer;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-date-picker--cell::after{position:absolute;bottom:3px;left:50%;z-index:2;width:4px;height:4px;background:var(--x-date-picker-today-color);border-radius:50%;transform:translateX(-50%);opacity:0;content:"";pointer-events:none}.x-date-picker--cell:hover,.x-date-picker--cell:focus-visible{color:var(--x-date-picker-cell-color-hover);outline:none}.x-date-picker--cell:hover .x-date-picker--cell-inner,.x-date-picker--cell:focus-visible .x-date-picker--cell-inner{background:var(--x-date-picker-cell-bg-hover)}.x-date-picker--cell.x-date-picker-is-today::after{opacity:1}.x-date-picker--cell.x-date-picker-is-in-range,.x-date-picker--cell.x-date-picker-is-range-start,.x-date-picker--cell.x-date-picker-is-range-end,.x-date-picker--cell.x-date-picker-is-in-preview-range,.x-date-picker--cell.x-date-picker-is-preview-range-start,.x-date-picker--cell.x-date-picker-is-preview-range-end{color:var(--x-color-text-1);background:var(--x-date-picker-cell-bg-range)}.x-date-picker--cell.x-date-picker-is-selected .x-date-picker--cell-inner,.x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-inner,.x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-inner{color:var(--x-date-picker-cell-color-selected);background:var(--x-date-picker-cell-bg-selected)}.x-date-picker--cell.x-date-picker-is-selected .x-date-picker--cell-inner .x-date-picker--cell-lunar,.x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-inner .x-date-picker--cell-lunar,.x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-inner .x-date-picker--cell-lunar{color:inherit}.x-date-picker--cell.x-date-picker-is-selected::after,.x-date-picker--cell.x-date-picker-is-range-start::after,.x-date-picker--cell.x-date-picker-is-range-end::after{opacity:0}.x-date-picker--cell.x-date-picker-is-selected{background:var(--x-color-transparent)}.x-date-picker--cell.x-date-picker-is-range-start{border-radius:14px 0 0 14px}.x-date-picker--cell.x-date-picker-is-range-end{border-radius:0 14px 14px 0}.x-date-picker--cell.x-date-picker-is-preview-range-start{border-radius:14px 0 0 14px}.x-date-picker--cell.x-date-picker-is-preview-range-end{border-radius:0 14px 14px 0}.x-date-picker--cell.x-date-picker-is-range-start.x-date-picker-is-range-end{background:var(--x-color-transparent);border-radius:0}.x-date-picker--cell.x-date-picker-is-out-view{color:var(--x-date-picker-cell-color-out-view)}.x-date-picker--cell.x-date-picker-is-out-view .x-date-picker--cell-inner{background:var(--x-color-transparent)}.x-date-picker--cell.x-date-picker-is-out-view.x-date-picker-is-today::after{opacity:0}.x-date-picker--cell.x-date-picker-is-week-label{color:var(--x-color-text-3);cursor:default}.x-date-picker--cell.x-date-picker-is-week-label .x-date-picker--cell-inner{width:auto;min-width:50px;padding:0;background:var(--x-color-transparent);border-radius:0;white-space:nowrap}.x-date-picker--cell.x-date-picker-is-week-start{justify-content:center}.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-selected .x-date-picker--cell-inner,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-range-start .x-date-picker--cell-inner,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-range-end .x-date-picker--cell-inner{margin-left:0}.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-selected,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-range-start,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-range-end,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-preview-range-start,.x-date-picker--cell.x-date-picker-is-week-start.x-date-picker-is-preview-range-end{border-radius:4px 0 0 4px}.x-date-picker--cell.x-date-picker-is-disabled,.x-date-picker--cell:disabled{color:var(--x-date-picker-cell-color-disabled);background:var(--x-color-transparent);cursor:not-allowed}.x-date-picker--cell.x-date-picker-is-disabled .x-date-picker--cell-inner,.x-date-picker--cell:disabled .x-date-picker--cell-inner{background:var(--x-color-transparent)}.x-date-picker--cell.x-date-picker-is-week-label:disabled{color:var(--x-color-text-3);cursor:default}.x-date-picker--cell.x-date-picker-is-week-label.x-date-picker-is-week-selected:disabled{color:var(--x-date-picker-cell-color-selected)}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--weekdays{padding-top:6px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--body-date{column-gap:0;row-gap:4px;padding-top:6px;padding-bottom:12px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell{flex-direction:column;height:50px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell::after{opacity:0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell-date{width:100%;height:32px;border-radius:0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell-inner{width:24px;min-width:24px;height:24px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell-lunar{display:block}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-out-view .x-date-picker--cell-lunar{color:var(--x-color-text-4);opacity:.72}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell:hover .x-date-picker--cell-inner,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell:focus-visible .x-date-picker--cell-inner{background:var(--x-date-picker-cell-bg-hover)}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-selected .x-date-picker--cell-lunar,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-lunar,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-lunar{color:var(--x-color-text-2);opacity:.86}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-in-range,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-in-preview-range,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-start,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-end{background:var(--x-color-transparent)}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-in-range .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-in-preview-range .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-start .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-end .x-date-picker--cell-date{background:var(--x-date-picker-cell-bg-range)}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-start{border-radius:0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-start .x-date-picker--cell-date{border-radius:16px 0 0 16px}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-end{border-radius:0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-end .x-date-picker--cell-date,.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-preview-range-end .x-date-picker--cell-date{border-radius:0 16px 16px 0}.x-date-picker-mode-date.x-date-picker-is-show-lunar .x-date-picker--cell.x-date-picker-is-range-start.x-date-picker-is-range-end .x-date-picker--cell-date{background:var(--x-color-transparent);border-radius:0}.x-date-picker--shortcuts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-footer{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:6px 10px;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--range-shortcuts{display:flex;flex:1;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.x-date-picker--shortcut{height:24px;padding:0 8px;color:var(--x-color-text-2);font:inherit;font-size:var(--x-date-picker-action-font-size);background:var(--x-color-fill-1);border:none;border-radius:3px;cursor:pointer}.x-date-picker--shortcut:hover,.x-date-picker--shortcut:focus-visible{color:var(--x-color-primary-6);background:var(--x-color-primary-light-1);outline:none}.x-date-picker--extra{flex:1 0 100%;min-width:0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1)}.x-date-picker--footer{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:4px 8px;border-top:1px solid var(--x-date-picker-footer-border)}.x-date-picker--footer-btn{min-width:36px;height:24px;padding:0 8px;color:var(--x-color-text-2);font:inherit;font-size:var(--x-date-picker-action-font-size);background:var(--x-color-transparent);border:none;border-radius:3px;cursor:pointer}.x-date-picker--footer-btn:hover,.x-date-picker--footer-btn:focus-visible{background:var(--x-color-fill-1);outline:none}.x-date-picker--today{color:var(--x-date-picker-today-color)}.x-date-picker--confirm{color:var(--x-date-picker-confirm-color)}

package/dist/style/form.css

@@ -1 +1 @@
-.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-success .x-select--view:not(.x-select--view-disabled),.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-success-bg);border-color:var(--x-field-status-success-border)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-success-bg-hover);border-color:var(--x-field-status-success-border-hover)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-success-bg-focus);border-color:var(--x-field-status-success-border-focus);box-shadow:0 0 0 var(--x-field-status-success-shadow-size-focus) var(--x-field-status-success-shadow-color-focus)}.x-form--item-status-success .x-form--item--message-help,.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-text)}.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-icon)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled),.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-warning-bg);border-color:var(--x-field-status-warning-border)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-warning-bg-hover);border-color:var(--x-field-status-warning-border-hover)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-warning-bg-focus);border-color:var(--x-field-status-warning-border-focus);box-shadow:0 0 0 var(--x-field-status-warning-shadow-size-focus) var(--x-field-status-warning-shadow-color-focus)}.x-form--item-status-warning .x-form--item--message-help,.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-text)}.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-icon)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-error .x-select--view:not(.x-select--view-disabled),.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-error-bg);border-color:var(--x-field-status-error-border)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-error-bg-hover);border-color:var(--x-field-status-error-border-hover)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-error-bg-focus);border-color:var(--x-field-status-error-border-focus);box-shadow:0 0 0 var(--x-field-status-error-shadow-size-focus) var(--x-field-status-error-shadow-color-focus)}.x-form--item-status-error .x-form--item--message-help,.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-text)}.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-icon)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled),.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-validating-bg);border-color:var(--x-field-status-validating-border)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-validating-bg-hover);border-color:var(--x-field-status-validating-border-hover)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-validating-bg-focus);border-color:var(--x-field-status-validating-border-focus);box-shadow:0 0 0 var(--x-field-status-validating-shadow-size-focus) var(--x-field-status-validating-shadow-color-focus)}.x-form--item-status-validating .x-form--item--message-help,.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-text)}.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-icon)}.x-form{display:flex;flex-direction:column;width:100%}.x-form-layout-inline{flex-direction:row;flex-wrap:wrap}.x-form-layout-inline .x-form--item{width:auto;margin-right:36px;margin-bottom:16px}.x-form-auto-label-width .x-form--item--label-col>.x-form--item--label{white-space:nowrap}.x-form-size-mini .x-form--item--label-col{line-height:24px}.x-form-size-mini .x-form--item--label-col>.x-form--item--label{font-size:12px}.x-form-size-mini .x-form--item--content,.x-form-size-mini .x-form--item--wrapper-col{min-height:24px}.x-form-size-small .x-form--item--label-col{line-height:28px}.x-form-size-small .x-form--item--label-col>.x-form--item--label{font-size:14px}.x-form-size-small .x-form--item--content,.x-form-size-small .x-form--item--wrapper-col{min-height:28px}.x-form-size-large .x-form--item--label-col{line-height:36px}.x-form-size-large .x-form--item--label-col>.x-form--item--label{font-size:14px}.x-form-size-large .x-form--item--content,.x-form-size-large .x-form--item--wrapper-col{min-height:36px}.x-form .x-form--item{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;margin-bottom:32px}.x-form .x-form--item-layout-vertical{display:block}.x-form .x-form--item-layout-vertical>.x-form--item--label-col{justify-content:flex-start;margin-bottom:16px;padding:0;line-height:1.5715;white-space:normal}.x-form .x-form--item-layout-inline{margin-right:36px}.x-form .x-form--item-error,.x-form .x-form--item-has-help{margin-bottom:0}.x-form .x-form--item--wrapper-col-flex.x-col{flex:1}.x-form .x-form--item-extra{margin-top:8px;color:var(--x-color-text-tertiary);font-size:12px}.x-form .x-form--item--message{min-height:32px;color:var(--x-field-status-error-text);font-size:12px;line-height:32px}.x-form .x-form--item--message-help{color:var(--x-color-text-tertiary)}.x-form .x-form--item--message+.x-form--item-extra{margin-top:0;margin-bottom:8px}.x-form .x-form--item--label-col{display:flex;flex-shrink:0;justify-content:flex-end;padding-right:28px;line-height:32px;white-space:nowrap}.x-form .x-form--item--label-col-left{justify-content:flex-start}.x-form .x-form--item--label-col>.x-form--item--label{max-width:100%;color:var(--x-color-text-secondary);font-size:14px;white-space:normal}.x-form .x-form--item--label-col-flex{box-sizing:content-box}.x-form .x-form--item--wrapper-col{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;min-height:32px}.x-form .x-form--item--content{flex:1;max-width:100%;min-height:32px}.x-form .x-form--item--content-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%}.x-form .x-form--item--content-flex{display:flex;align-items:center;justify-content:flex-start}.x-form .x-slider{display:block}.x-form--item--label-required-symbol{color:var(--x-color-danger-solid);font-size:12px;line-height:1}.x-form--item--label-required-symbol svg{display:inline-block;transform:scale(0.5)}.x-form--item--label-tooltip{margin-left:8px;color:var(--x-color-text-tertiary)}.form-blink-enter-from,.form-blink-appear-from{opacity:0}.form-blink-enter-to,.form-blink-appear-to{opacity:1}.form-blink-enter-active,.form-blink-appear-active{transition:opacity .3s cubic-bezier(0, 0, 1, 1);animation:x-form-blink .5s cubic-bezier(0, 0, 1, 1)}@keyframes x-form-blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}
+.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-success .x-select--view:not(.x-select--view-disabled),.x-form--item-status-success .x-picker:not(.x-picker-disabled),.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-success-bg);border-color:var(--x-field-status-success-border)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-success .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-success-bg-hover);border-color:var(--x-field-status-success-border-hover)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-success .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-success .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-success-bg-focus);border-color:var(--x-field-status-success-border-focus);box-shadow:0 0 0 var(--x-field-status-success-shadow-size-focus) var(--x-field-status-success-shadow-color-focus)}.x-form--item-status-success .x-form--item--message-help,.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-text)}.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-icon)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled),.x-form--item-status-warning .x-picker:not(.x-picker-disabled),.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-warning-bg);border-color:var(--x-field-status-warning-border)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-warning .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-warning-bg-hover);border-color:var(--x-field-status-warning-border-hover)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-warning .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-warning .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-warning-bg-focus);border-color:var(--x-field-status-warning-border-focus);box-shadow:0 0 0 var(--x-field-status-warning-shadow-size-focus) var(--x-field-status-warning-shadow-color-focus)}.x-form--item-status-warning .x-form--item--message-help,.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-text)}.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-icon)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-error .x-select--view:not(.x-select--view-disabled),.x-form--item-status-error .x-picker:not(.x-picker-disabled),.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-error-bg);border-color:var(--x-field-status-error-border)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-error .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-error-bg-hover);border-color:var(--x-field-status-error-border-hover)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-error .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-error .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-error-bg-focus);border-color:var(--x-field-status-error-border-focus);box-shadow:0 0 0 var(--x-field-status-error-shadow-size-focus) var(--x-field-status-error-shadow-color-focus)}.x-form--item-status-error .x-form--item--message-help,.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-text)}.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-icon)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled),.x-form--item-status-validating .x-picker:not(.x-picker-disabled),.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-validating-bg);border-color:var(--x-field-status-validating-border)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-validating .x-picker:not(.x-picker-disabled):hover,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-validating-bg-hover);border-color:var(--x-field-status-validating-border-hover)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-validating .x-picker:not(.x-picker-disabled):focus-within,.x-form--item-status-validating .x-picker:not(.x-picker-disabled).x-picker-focused,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-validating-bg-focus);border-color:var(--x-field-status-validating-border-focus);box-shadow:0 0 0 var(--x-field-status-validating-shadow-size-focus) var(--x-field-status-validating-shadow-color-focus)}.x-form--item-status-validating .x-form--item--message-help,.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-text)}.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-icon)}.x-form{display:flex;flex-direction:column;width:100%}.x-form-layout-inline{flex-direction:row;flex-wrap:wrap}.x-form-auto-label-width .x-form--item--label-col>.x-form--item--label{white-space:nowrap}.x-form-size-mini .x-form--item--label-col{line-height:24px}.x-form-size-mini .x-form--item--label-col>.x-form--item--label{font-size:12px}.x-form-size-mini .x-form--item--content,.x-form-size-mini .x-form--item--wrapper-col{min-height:24px}.x-form-size-small .x-form--item--label-col{line-height:28px}.x-form-size-small .x-form--item--label-col>.x-form--item--label{font-size:14px}.x-form-size-small .x-form--item--content,.x-form-size-small .x-form--item--wrapper-col{min-height:28px}.x-form-size-large .x-form--item--label-col{line-height:36px}.x-form-size-large .x-form--item--label-col>.x-form--item--label{font-size:14px}.x-form-size-large .x-form--item--content,.x-form-size-large .x-form--item--wrapper-col{min-height:36px}.x-form .x-form--item{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;margin-bottom:32px}.x-form .x-form--item-layout-vertical{display:block}.x-form .x-form--item-layout-vertical>.x-form--item--label-col{justify-content:flex-start;margin-bottom:16px;padding:0;line-height:1.5715;white-space:normal}.x-form .x-form--item-layout-inline{flex:0 1 auto;width:auto;max-width:100%;margin-right:36px;margin-bottom:16px}.x-form .x-form--item-layout-inline>.x-form--item--label-col,.x-form .x-form--item-layout-inline>.x-form--item--wrapper-col{flex:0 1 auto;width:auto;max-width:100%}.x-form .x-form--item-layout-inline>.x-form--item--wrapper-col{width:200px}.x-form .x-form--item-has-message,.x-form .x-form--item-has-help{margin-bottom:0}.x-form .x-form--item--wrapper-col-flex.x-col{flex:1}.x-form .x-form--item-extra{margin-top:8px;color:var(--x-color-text-tertiary);font-size:12px}.x-form .x-form--item--message{min-height:32px;color:var(--x-field-status-error-text);font-size:12px;line-height:32px}.x-form .x-form--item--message-help{color:var(--x-color-text-tertiary)}.x-form .x-form--item--message+.x-form--item-extra{margin-top:0;margin-bottom:8px}.x-form .x-form--item--label-col{display:flex;flex-shrink:0;justify-content:flex-end;padding-right:28px;line-height:32px;white-space:nowrap}.x-form .x-form--item--label-col-left{justify-content:flex-start}.x-form .x-form--item--label-col>.x-form--item--label{max-width:100%;color:var(--x-color-text-secondary);font-size:14px;white-space:normal}.x-form .x-form--item--label-col-flex{box-sizing:content-box}.x-form .x-form--item--wrapper-col{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;min-height:32px}.x-form .x-form--item--content{flex:1;max-width:100%;min-height:32px}.x-form .x-form--item--content-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%}.x-form .x-form--item--content-flex{display:flex;align-items:center;justify-content:flex-start}.x-form .x-slider{display:block}.x-form--item--label-required-symbol{color:var(--x-color-danger-solid);font-size:12px;line-height:1}.x-form--item--label-required-symbol svg{display:inline-block;transform:scale(0.5)}.x-form--item--label-tooltip{margin-left:8px;color:var(--x-color-text-tertiary)}.form-blink-enter-from,.form-blink-appear-from{opacity:0}.form-blink-enter-to,.form-blink-appear-to{opacity:1}.form-blink-enter-active,.form-blink-appear-active{transition:opacity .3s cubic-bezier(0, 0, 1, 1);animation:x-form-blink .5s cubic-bezier(0, 0, 1, 1)}@keyframes x-form-blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}

package/dist/style/image.css

@@ -1 +1 @@
-.x-image{position:relative;display:inline-block;border-radius:8px}.x-image--img{max-width:100%;vertical-align:middle;border-radius:inherit}.x-image--overlay{position:absolute;top:0;left:0;width:100%;height:100%}.x-image--footer{display:flex;width:100%;max-width:100%}.x-image--footer--caption{flex:1 1 auto}.x-image--footer--caption-title{font-weight:600;font-size:18px}.x-image--footer--caption-description{font-size:14px}.x-image--footer--extra{flex:0 0 auto;padding-left:12px}.x-image--with-footer-inner .x-image--footer{position:absolute;bottom:0;left:0;align-items:center;box-sizing:border-box;padding:10px 12px;color:var(--x-image-color-footer-inner-text);background:var(--x-image-color-footer-inner-bg);border-bottom-right-radius:8px;border-bottom-left-radius:8px}.x-image--with-footer-inner .x-image--footer--caption-title{color:var(--x-image-color-title-footer-inner-text)}.x-image--with-footer-inner .x-image--footer--caption-description{color:var(--x-image-color-description-footer-inner-text)}.x-image--with-footer-outer .x-image--footer{margin-top:20px;color:var(--x-image-color-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-title{color:var(--x-image-color-title-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-description{color:var(--x-image-color-description-footer-outer-text)}.x-image--error{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;color:var(--x-image-color-error-text);background-color:var(--x-image-color-error-bg)}.x-image--error-icon{width:24px;max-width:100%;height:24px;max-height:100%}.x-image--error-icon>svg{width:100%;height:100%}.x-image--error-alt{padding:8px 16px;font-size:12px;line-height:1.5;text-align:center}.x-image--loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--x-image-color-loader-bg)}.x-image--loader-spin{position:absolute;top:50%;left:50%;color:var(--x-image-color-loader-spin-text);font-size:16px;text-align:center;transform:translate(-50%, -50%)}.x-image--loader-spin-text{color:var(--x-image-color-loader-spin-text);font-size:12px}.x-image--simple.x-image--with-footer-inner .x-image--footer{padding:12px 16px}.x-image--loading .x-image--img,.x-image--loading-error .x-image--img{visibility:hidden}.x-image-preview{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%}.x-image-preview-hide{display:none}.x-image-preview .x-image-preview--mask,.x-image-preview .x-image-preview--wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.x-image-preview--mask{background-color:var(--x-image-preview-color-mask-bg)}.x-image-preview--img-container{width:100%;height:100%;text-align:center}.x-image-preview--img-container::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.x-image-preview--img-container .x-image-preview--img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;user-select:none}.x-image-preview--img-container .x-image-preview--img.x-image-preview-img-moving{cursor:grabbing}.x-image-preview--scale-value{box-sizing:border-box;padding:10px 12px;color:var(--x-image-preview-color-scale-value-text);font-size:14px;line-height:initial;background-color:var(--x-image-preview-color-scale-value-bg);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--toolbar{position:absolute;bottom:46px;left:50%;display:flex;align-items:flex-start;padding:4px 16px;background-color:var(--x-image-preview-color-toolbar-bg);border-radius:5px;transform:translateX(-50%)}.x-image-preview .x-image-preview--toolbar-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:0;color:var(--x-image-preview-color-action-text);font-size:14px;appearance:none;background-color:var(--x-color-transparent);border:0;border-radius:2px;cursor:pointer}.x-image-preview .x-image-preview--toolbar-action:not(:last-of-type){margin-right:10px}.x-image-preview .x-image-preview--toolbar-action:hover,.x-image-preview .x-image-preview--toolbar-action:focus-visible{color:var(--x-image-preview-color-action-hover-text);background-color:var(--x-image-preview-color-action-hover-bg)}.x-image-preview .x-image-preview--toolbar-action-disabled,.x-image-preview .x-image-preview--toolbar-action-disabled:hover,.x-image-preview .x-image-preview--toolbar-action-disabled:focus-visible{color:var(--x-image-preview-color-action-disabled-text);background-color:var(--x-image-preview-color-action-disabled-bg);cursor:not-allowed}.x-image-preview .x-image-preview--toolbar-action--name{padding-right:8px;font-size:12px}.x-image-preview .x-image-preview--toolbar-action--content{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:0;line-height:1}.x-image-preview .x-image-preview--toolbar-action--content>svg{width:1em;height:1em}.x-image-preview--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:8px;color:var(--x-image-preview-color-loading-text);font-size:16px;background-color:var(--x-image-preview-color-loading-bg);border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--close-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-color-close-btn-text);font-size:18px;line-height:30px;text-align:center;appearance:none;background:var(--x-image-preview-color-close-btn-bg);border:0;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left{position:absolute;top:50%;left:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--left>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--left:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow--right{position:absolute;top:50%;right:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--right>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--right:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow-disabled,.x-image-preview--arrow-disabled:hover{color:var(--x-image-preview-arrow-color-icon-disabled);background-color:var(--x-image-preview-arrow-color-bg-disabled);cursor:not-allowed}.x-image-preview--arrow-disabled>svg{color:var(--x-image-preview-arrow-color-icon-disabled)}.image-fade-enter-from,.image-fade-leave-to{opacity:0}.image-fade-enter-to,.image-fade-leave-from{opacity:1}.image-fade-enter-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}.image-fade-leave-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}
+.x-image{position:relative;display:inline-block;border-radius:8px}.x-image--img{max-width:100%;vertical-align:middle;border-radius:inherit}.x-image--overlay{position:absolute;top:0;left:0;width:100%;height:100%}.x-image--footer{display:flex;width:100%;max-width:100%}.x-image--footer--caption{flex:1 1 auto}.x-image--footer--caption-title{font-weight:600;font-size:18px}.x-image--footer--caption-description{font-size:14px}.x-image--footer--extra{flex:0 0 auto;padding-left:12px}.x-image--with-footer-inner .x-image--footer{position:absolute;bottom:0;left:0;align-items:center;box-sizing:border-box;padding:10px 12px;color:var(--x-image-color-footer-inner-text);background:var(--x-image-color-footer-inner-bg);border-bottom-right-radius:8px;border-bottom-left-radius:8px;pointer-events:none}.x-image--with-footer-inner .x-image--footer--extra{pointer-events:auto}.x-image--with-footer-inner .x-image--footer--caption-title{color:var(--x-image-color-title-footer-inner-text)}.x-image--with-footer-inner .x-image--footer--caption-description{color:var(--x-image-color-description-footer-inner-text)}.x-image--with-footer-outer .x-image--footer{margin-top:20px;color:var(--x-image-color-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-title{color:var(--x-image-color-title-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-description{color:var(--x-image-color-description-footer-outer-text)}.x-image--error{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;color:var(--x-image-color-error-text);background-color:var(--x-image-color-error-bg)}.x-image--error-icon{width:24px;max-width:100%;height:24px;max-height:100%}.x-image--error-icon>svg{width:100%;height:100%}.x-image--error-alt{padding:8px 16px;font-size:12px;line-height:1.5;text-align:center}.x-image--loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--x-image-color-loader-bg)}.x-image--loader-spin{position:absolute;top:50%;left:50%;color:var(--x-image-color-loader-spin-text);font-size:16px;text-align:center;transform:translate(-50%, -50%)}.x-image--loader-spin-text{color:var(--x-image-color-loader-spin-text);font-size:12px}.x-image--simple.x-image--with-footer-inner .x-image--footer{padding:12px 16px}.x-image--loading .x-image--img,.x-image--loading-error .x-image--img{visibility:hidden}.x-image-preview{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%}.x-image-preview-hide{display:none}.x-image-preview .x-image-preview--mask,.x-image-preview .x-image-preview--wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.x-image-preview--mask{background-color:var(--x-image-preview-color-mask-bg)}.x-image-preview--img-container{width:100%;height:100%;text-align:center}.x-image-preview--img-container::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.x-image-preview--img-container .x-image-preview--img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;user-select:none}.x-image-preview--img-container .x-image-preview--img.x-image-preview-img-moving{cursor:grabbing}.x-image-preview--scale-value{box-sizing:border-box;padding:10px 12px;color:var(--x-image-preview-color-scale-value-text);font-size:14px;line-height:initial;background-color:var(--x-image-preview-color-scale-value-bg);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--toolbar{position:absolute;bottom:46px;left:50%;display:flex;align-items:flex-start;padding:4px 16px;background-color:var(--x-image-preview-color-toolbar-bg);border-radius:5px;transform:translateX(-50%)}.x-image-preview .x-image-preview--toolbar-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:0;color:var(--x-image-preview-color-action-text);font-size:14px;appearance:none;background-color:var(--x-color-transparent);border:0;border-radius:2px;cursor:pointer}.x-image-preview .x-image-preview--toolbar-action:not(:last-of-type){margin-right:10px}.x-image-preview .x-image-preview--toolbar-action:hover,.x-image-preview .x-image-preview--toolbar-action:focus-visible{color:var(--x-image-preview-color-action-hover-text);background-color:var(--x-image-preview-color-action-hover-bg)}.x-image-preview .x-image-preview--toolbar-action-disabled,.x-image-preview .x-image-preview--toolbar-action-disabled:hover,.x-image-preview .x-image-preview--toolbar-action-disabled:focus-visible{color:var(--x-image-preview-color-action-disabled-text);background-color:var(--x-image-preview-color-action-disabled-bg);cursor:not-allowed}.x-image-preview .x-image-preview--toolbar-action--name{padding-right:8px;font-size:12px}.x-image-preview .x-image-preview--toolbar-action--content{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:0;line-height:1}.x-image-preview .x-image-preview--toolbar-action--content>svg{width:1em;height:1em}.x-image-preview--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:8px;color:var(--x-image-preview-color-loading-text);font-size:16px;background-color:var(--x-image-preview-color-loading-bg);border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--close-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-color-close-btn-text);font-size:18px;line-height:30px;text-align:center;appearance:none;background:var(--x-image-preview-color-close-btn-bg);border:0;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left{position:absolute;top:50%;left:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--left>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--left:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow--right{position:absolute;top:50%;right:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--right>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--right:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow-disabled,.x-image-preview--arrow-disabled:hover{color:var(--x-image-preview-arrow-color-icon-disabled);background-color:var(--x-image-preview-arrow-color-bg-disabled);cursor:not-allowed}.x-image-preview--arrow-disabled>svg{color:var(--x-image-preview-arrow-color-icon-disabled)}.image-fade-enter-from,.image-fade-leave-to{opacity:0}.image-fade-enter-to,.image-fade-leave-from{opacity:1}.image-fade-enter-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}.image-fade-leave-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}

package/dist/style/time-range-selector.css

@@ -1 +1 @@
-.x-time-range-selector{--x-time-range-selector-color: var(--x-time-range-selector-color-default, var(--x-color-primary-6));--x-time-range-selector-grid-height: 64px;--x-time-range-selector-grid-border: var( --x-time-range-selector-grid-border-default, var(--x-color-border-subtle) );--x-time-range-selector-grid-radius: var(--x-border-radius-medium);--x-time-range-selector-grid-shadow: var( --x-time-range-selector-grid-shadow-default, var(--x-shadow-none) );--x-time-range-selector-track-inset-block: 16px;--x-time-range-selector-track-bg: var( --x-time-range-selector-track-bg-default, var(--x-color-fill-2) );--x-time-range-selector-track-border: var( --x-time-range-selector-track-border-default, var(--x-color-border-subtle) );--x-time-range-selector-track-radius: 0;--x-time-range-selector-track-shadow: var( --x-time-range-selector-track-shadow-default, var(--x-shadow-none) );--x-time-range-selector-grid-bg: var( --x-time-range-selector-grid-bg-default, var(--x-color-bg-white) );--x-time-range-selector-range-top: 12px;--x-time-range-selector-range-height: 40px;--x-time-range-selector-range-radius: var(--x-border-radius-medium);--x-time-range-selector-range-bg: var( --x-time-range-selector-range-bg-default, var(--x-time-range-selector-color) );--x-time-range-selector-range-border: var( --x-time-range-selector-range-border-default, var(--x-time-range-selector-color) );--x-time-range-selector-range-shadow: var( --x-time-range-selector-range-shadow-default, var(--x-shadow-none) );--x-time-range-selector-range-shadow-hover: var( --x-time-range-selector-range-shadow-hover-default, var(--x-time-range-selector-range-shadow) );--x-time-range-selector-range-shadow-dragging: var( --x-time-range-selector-range-shadow-dragging-default, var(--x-time-range-selector-range-shadow-hover) );--x-time-range-selector-disabled-inset-block: var(--x-time-range-selector-track-inset-block);--x-time-range-selector-disabled-bg: var( --x-time-range-selector-disabled-bg-default, var(--x-color-fill-3) );--x-time-range-selector-disabled-border: var( --x-time-range-selector-disabled-border-default, var(--x-color-border-subtle) );--x-time-range-selector-disabled-shadow: var( --x-time-range-selector-disabled-shadow-default, var(--x-shadow-none) );--x-time-range-selector-disabled-radius: var(--x-border-radius-small);--x-time-range-selector-block-alternate-bg: var( --x-time-range-selector-block-alternate-bg-default, var(--x-color-transparent) );--x-time-range-selector-tick-bottom: 13px;--x-time-range-selector-tick-height: 8px;--x-time-range-selector-tick-color: var( --x-time-range-selector-tick-color-default, var(--x-color-border-subtle) );--x-time-range-selector-edge-bg: var( --x-time-range-selector-edge-bg-default, var(--x-color-bg-surface) );--x-time-range-selector-edge-shadow: var( --x-time-range-selector-edge-shadow-default, var(--x-shadow-none) );--x-time-range-selector-edge-shadow-hover: var( --x-time-range-selector-edge-shadow-hover-default, var(--x-time-range-selector-edge-shadow) );--x-time-range-selector-label-color: var(--x-color-white);--x-time-range-selector-label-shadow: var( --x-time-range-selector-label-shadow-default, var(--x-shadow-none) );--x-time-range-selector-legend-color: var(--x-color-text-3);width:100%}.x-time-range-selector-scene-schedule{--x-time-range-selector-grid-height: 52px;--x-time-range-selector-grid-border: var( --x-time-range-selector-grid-border-schedule, var(--x-time-range-selector-grid-border) );--x-time-range-selector-grid-radius: 0;--x-time-range-selector-grid-shadow: none;--x-time-range-selector-track-inset-block: 18px;--x-time-range-selector-track-bg: var( --x-time-range-selector-track-bg-schedule, var(--x-time-range-selector-track-bg) );--x-time-range-selector-track-border: var( --x-time-range-selector-track-border-schedule, var(--x-time-range-selector-track-border) );--x-time-range-selector-track-radius: var(--x-border-radius-large);--x-time-range-selector-track-shadow: var( --x-time-range-selector-track-shadow-schedule, var(--x-time-range-selector-track-shadow) );--x-time-range-selector-grid-bg: var( --x-time-range-selector-grid-bg-schedule, var(--x-time-range-selector-grid-bg) );--x-time-range-selector-range-top: 10px;--x-time-range-selector-range-height: 32px;--x-time-range-selector-range-radius: var(--x-border-radius-large);--x-time-range-selector-range-bg: var( --x-time-range-selector-range-bg-schedule, var(--x-time-range-selector-range-bg-default, var(--x-time-range-selector-color)) );--x-time-range-selector-range-border: var( --x-time-range-selector-range-border-schedule, var(--x-time-range-selector-range-border-default, var(--x-time-range-selector-color)) );--x-time-range-selector-range-shadow: var( --x-time-range-selector-range-shadow-schedule, var(--x-time-range-selector-range-shadow-default, var(--x-shadow-none)) );--x-time-range-selector-range-shadow-hover: var( --x-time-range-selector-range-shadow-hover-schedule, var(--x-time-range-selector-range-shadow) );--x-time-range-selector-range-shadow-dragging: var( --x-time-range-selector-range-shadow-dragging-schedule, var(--x-time-range-selector-range-shadow-hover) );--x-time-range-selector-disabled-inset-block: var(--x-time-range-selector-track-inset-block);--x-time-range-selector-block-alternate-bg: var( --x-time-range-selector-block-alternate-bg-default, var(--x-color-transparent) );--x-time-range-selector-tick-bottom: 20px;--x-time-range-selector-tick-height: 5px;--x-time-range-selector-tick-color: var( --x-time-range-selector-tick-color-schedule, var(--x-time-range-selector-tick-color) );--x-time-range-selector-edge-bg: var( --x-time-range-selector-edge-bg-schedule, var(--x-time-range-selector-edge-bg) );--x-time-range-selector-edge-shadow: var( --x-time-range-selector-edge-shadow-schedule, var(--x-time-range-selector-edge-shadow) );--x-time-range-selector-edge-shadow-hover: var( --x-time-range-selector-edge-shadow-hover-schedule, var(--x-time-range-selector-edge-shadow-hover) );--x-time-range-selector-disabled-bg: var( --x-time-range-selector-disabled-bg-schedule, var(--x-time-range-selector-disabled-bg) );--x-time-range-selector-disabled-border: var( --x-time-range-selector-disabled-border-schedule, var(--x-time-range-selector-disabled-border) );--x-time-range-selector-disabled-shadow: var( --x-time-range-selector-disabled-shadow-schedule, var(--x-time-range-selector-disabled-shadow) );--x-time-range-selector-disabled-radius: var(--x-border-radius-large)}.x-time-range-selector-scene-monitor{--x-time-range-selector-grid-height: 44px;--x-time-range-selector-grid-border: var( --x-time-range-selector-grid-border-monitor, var(--x-time-range-selector-grid-border) );--x-time-range-selector-grid-radius: var(--x-border-radius-small);--x-time-range-selector-grid-shadow: none;--x-time-range-selector-track-inset-block: 20px;--x-time-range-selector-track-bg: var( --x-time-range-selector-track-bg-monitor, var(--x-time-range-selector-track-bg) );--x-time-range-selector-track-border: var( --x-time-range-selector-track-border-monitor, var(--x-time-range-selector-track-border) );--x-time-range-selector-track-radius: 0;--x-time-range-selector-track-shadow: none;--x-time-range-selector-grid-bg: var( --x-time-range-selector-grid-bg-monitor, var(--x-time-range-selector-grid-bg) );--x-time-range-selector-range-top: 8px;--x-time-range-selector-range-height: 28px;--x-time-range-selector-range-radius: var(--x-border-radius-small);--x-time-range-selector-range-bg: var( --x-time-range-selector-range-bg-monitor, var(--x-time-range-selector-range-bg-default, var(--x-time-range-selector-color)) );--x-time-range-selector-disabled-inset-block: 20px;--x-time-range-selector-disabled-bg: var( --x-time-range-selector-disabled-bg-monitor, var(--x-time-range-selector-disabled-bg) );--x-time-range-selector-disabled-border: var( --x-time-range-selector-disabled-border-monitor, var(--x-time-range-selector-disabled-border) );--x-time-range-selector-disabled-shadow: none;--x-time-range-selector-disabled-radius: 0;--x-time-range-selector-range-border: var( --x-time-range-selector-range-border-monitor, var(--x-time-range-selector-range-border-default, var(--x-time-range-selector-color)) );--x-time-range-selector-range-shadow: var( --x-time-range-selector-range-shadow-monitor, var(--x-time-range-selector-range-shadow-default, var(--x-shadow-none)) );--x-time-range-selector-range-shadow-hover: var( --x-time-range-selector-range-shadow-hover-monitor, var(--x-time-range-selector-range-shadow) );--x-time-range-selector-range-shadow-dragging: var( --x-time-range-selector-range-shadow-dragging-monitor, var(--x-time-range-selector-range-shadow-hover) );--x-time-range-selector-block-alternate-bg: var( --x-time-range-selector-block-alternate-bg-default, var(--x-color-transparent) );--x-time-range-selector-tick-bottom: 10px;--x-time-range-selector-tick-height: 4px;--x-time-range-selector-tick-color: var( --x-time-range-selector-tick-color-monitor, var(--x-time-range-selector-tick-color) );--x-time-range-selector-edge-bg: var( --x-time-range-selector-edge-bg-monitor, var(--x-time-range-selector-edge-bg) );--x-time-range-selector-edge-shadow: var( --x-time-range-selector-edge-shadow-monitor, var(--x-time-range-selector-edge-shadow) );--x-time-range-selector-edge-shadow-hover: var( --x-time-range-selector-edge-shadow-hover-monitor, var(--x-time-range-selector-edge-shadow-hover) );--x-time-range-selector-label-shadow: var( --x-time-range-selector-label-shadow-monitor, var(--x-time-range-selector-label-shadow) );--x-time-range-selector-legend-color: var(--x-color-text-3)}.x-time-range-selector-scene-compact{--x-time-range-selector-grid-height: 38px;--x-time-range-selector-grid-border: var(--x-color-border-subtle);--x-time-range-selector-grid-radius: var(--x-border-radius-small);--x-time-range-selector-grid-shadow: none;--x-time-range-selector-track-inset-block: 13px;--x-time-range-selector-range-top: 7px;--x-time-range-selector-range-height: 24px;--x-time-range-selector-track-bg: var( --x-time-range-selector-track-bg-compact, var(--x-time-range-selector-track-bg) );--x-time-range-selector-track-border: var( --x-time-range-selector-track-border-compact, var(--x-time-range-selector-track-border) );--x-time-range-selector-track-radius: 0;--x-time-range-selector-track-shadow: none;--x-time-range-selector-grid-bg: var( --x-time-range-selector-grid-bg-compact, var(--x-time-range-selector-grid-bg) );--x-time-range-selector-range-bg: var( --x-time-range-selector-range-bg-compact, var(--x-time-range-selector-range-bg-default, var(--x-time-range-selector-color)) );--x-time-range-selector-disabled-bg: var( --x-time-range-selector-disabled-bg-compact, var(--x-time-range-selector-disabled-bg) );--x-time-range-selector-disabled-border: var( --x-time-range-selector-disabled-border-compact, var(--x-time-range-selector-disabled-border) );--x-time-range-selector-disabled-radius: 0;--x-time-range-selector-tick-bottom: 8px;--x-time-range-selector-tick-height: 5px;--x-time-range-selector-tick-color: var( --x-time-range-selector-tick-color-compact, var(--x-time-range-selector-tick-color) )}.x-time-range-selector--grid{position:relative;display:flex;height:var(--x-time-range-selector-grid-height);overflow:hidden;isolation:isolate;background:var(--x-time-range-selector-grid-bg);border:1px solid var(--x-time-range-selector-grid-border);border-radius:var(--x-time-range-selector-grid-radius);box-shadow:var(--x-time-range-selector-grid-shadow);cursor:crosshair;user-select:none}.x-time-range-selector--grid::before{position:absolute;inset:var(--x-time-range-selector-track-inset-block) 0;z-index:0;background:var(--x-time-range-selector-track-bg);border-block:1px solid var(--x-time-range-selector-track-border);border-radius:var(--x-time-range-selector-track-radius);box-shadow:var(--x-time-range-selector-track-shadow);content:"";pointer-events:none}.x-time-range-selector--grid.x-time-range-selector-is-dragging{cursor:ew-resize}.x-time-range-selector--grid--block{position:relative;z-index:1;overflow:hidden;flex:1;min-width:0;height:100%}.x-time-range-selector--grid--block.x-time-range-selector-is-alternate{background-color:var(--x-time-range-selector-block-alternate-bg)}.x-time-range-selector--grid--block::after{position:absolute;right:0;bottom:var(--x-time-range-selector-tick-bottom);width:1px;height:var(--x-time-range-selector-tick-height);background-color:var(--x-time-range-selector-tick-color);content:""}.x-time-range-selector--grid--block:last-child::after{display:none}.x-time-range-selector--grid--block.x-time-range-selector-is-disabled{cursor:not-allowed}.x-time-range-selector--disabled-range{position:absolute;inset-block:var(--x-time-range-selector-disabled-inset-block);z-index:2;box-sizing:border-box;background:var(--x-time-range-selector-disabled-bg);border:1px solid var(--x-time-range-selector-disabled-border);border-radius:var(--x-time-range-selector-disabled-radius);box-shadow:var(--x-time-range-selector-disabled-shadow);pointer-events:none}.x-time-range-selector--disabled-range::before,.x-time-range-selector--disabled-range::after{position:absolute;top:0;bottom:0;width:1px;background:var(--x-time-range-selector-disabled-border);content:""}.x-time-range-selector--disabled-range::before{left:-1px}.x-time-range-selector--disabled-range::after{right:-1px}.x-time-range-selector--range{position:absolute;top:var(--x-time-range-selector-range-top);z-index:3;box-sizing:border-box;height:var(--x-time-range-selector-range-height);background:var(--x-time-range-selector-range-bg);border:1px solid var(--x-time-range-selector-range-border);border-radius:var(--x-time-range-selector-range-radius);box-shadow:var(--x-time-range-selector-range-shadow);cursor:grab;transition:filter var(--x-transition-duration-2) var(--x-transition-timing-function-standard),box-shadow var(--x-transition-duration-2) var(--x-transition-timing-function-standard);user-select:none}.x-time-range-selector--range:hover{filter:brightness(1.04);box-shadow:var(--x-time-range-selector-range-shadow-hover)}.x-time-range-selector--range.x-time-range-selector-is-dragging{z-index:4;filter:brightness(1.08);box-shadow:var(--x-time-range-selector-range-shadow-dragging);cursor:grabbing}.x-time-range-selector--edge{position:absolute;top:0;z-index:5;box-sizing:border-box;width:12px;height:100%;cursor:ew-resize}.x-time-range-selector--edge::after{position:absolute;top:8px;bottom:8px;left:50%;width:5px;background-color:var(--x-time-range-selector-edge-bg);border-radius:var(--x-border-radius-small);box-shadow:var(--x-time-range-selector-edge-shadow);transform:translateX(-50%);transition:background-color var(--x-transition-duration-2) var(--x-transition-timing-function-standard),box-shadow var(--x-transition-duration-2) var(--x-transition-timing-function-standard);content:""}.x-time-range-selector--edge:hover::after{background-color:var(--x-time-range-selector-edge-bg-hover, var(--x-color-bg-surface));box-shadow:var(--x-time-range-selector-edge-shadow-hover)}.x-time-range-selector-edge-left{left:-6px}.x-time-range-selector-edge-right{right:-6px}.x-time-range-selector--range-label{position:absolute;top:50%;left:50%;width:calc(100% - 16px);overflow:hidden;color:var(--x-time-range-selector-label-color);font-size:var(--x-font-size-body-1);line-height:1;text-align:center;text-overflow:ellipsis;text-shadow:var(--x-time-range-selector-label-shadow);white-space:nowrap;transform:translate(-50%, -50%);pointer-events:none}.x-time-range-selector--legend{display:flex;justify-content:space-between;margin-top:var(--x-spacing-2)}.x-time-range-selector--legend--num{width:12px;color:var(--x-time-range-selector-legend-color);font-size:var(--x-font-size-body-1);line-height:1;text-align:center}
+.x-time-range-selector{--x-time-range-selector-color: var( --x-time-range-selector-color-default, var(--x-color-primary-6) );--x-time-range-selector-grid-height: 64px;--x-time-range-selector-grid-border: var( --x-time-range-selector-grid-border-default, var(--x-color-border-subtle) );--x-time-range-selector-grid-radius: var(--x-border-radius-medium);--x-time-range-selector-grid-shadow: var( --x-time-range-selector-grid-shadow-default, var(--x-shadow-none) );--x-time-range-selector-track-inset-block: 16px;--x-time-range-selector-track-bg: var( --x-time-range-selector-track-bg-default, var(--x-color-fill-2) );--x-time-range-selector-track-border: var( --x-time-range-selector-track-border-default, var(--x-color-border-subtle) );--x-time-range-selector-track-radius: 0;--x-time-range-selector-track-shadow: var( --x-time-range-selector-track-shadow-default, var(--x-shadow-none) );--x-time-range-selector-grid-bg: var( --x-time-range-selector-grid-bg-default, var(--x-color-bg-white) );--x-time-range-selector-range-top: 12px;--x-time-range-selector-range-height: 40px;--x-time-range-selector-range-radius: var(--x-border-radius-medium);--x-time-range-selector-range-bg: var( --x-time-range-selector-range-bg-default, var(--x-time-range-selector-color) );--x-time-range-selector-range-border: var( --x-time-range-selector-range-border-default, var(--x-time-range-selector-color) );--x-time-range-selector-range-shadow: var( --x-time-range-selector-range-shadow-default, var(--x-shadow-none) );--x-time-range-selector-range-shadow-hover: var( --x-time-range-selector-range-shadow-hover-default, var(--x-time-range-selector-range-shadow) );--x-time-range-selector-range-shadow-dragging: var( --x-time-range-selector-range-shadow-dragging-default, var(--x-time-range-selector-range-shadow-hover) );--x-time-range-selector-disabled-inset-block: var(--x-time-range-selector-track-inset-block);--x-time-range-selector-disabled-bg: var( --x-time-range-selector-disabled-bg-default, var(--x-color-fill-3) );--x-time-range-selector-disabled-border: var( --x-time-range-selector-disabled-border-default, var(--x-color-border-subtle) );--x-time-range-selector-disabled-shadow: var( --x-time-range-selector-disabled-shadow-default, var(--x-shadow-none) );--x-time-range-selector-disabled-radius: var(--x-border-radius-small);--x-time-range-selector-block-alternate-bg: var( --x-time-range-selector-block-alternate-bg-default, var(--x-color-transparent) );--x-time-range-selector-tick-bottom: 13px;--x-time-range-selector-tick-height: 8px;--x-time-range-selector-tick-color: var( --x-time-range-selector-tick-color-default, var(--x-color-border-subtle) );--x-time-range-selector-edge-bg: var( --x-time-range-selector-edge-bg-default, var(--x-color-bg-surface) );--x-time-range-selector-edge-shadow: var( --x-time-range-selector-edge-shadow-default, var(--x-shadow-none) );--x-time-range-selector-edge-shadow-hover: var( --x-time-range-selector-edge-shadow-hover-default, var(--x-time-range-selector-edge-shadow) );--x-time-range-selector-label-color: var(--x-color-white);--x-time-range-selector-label-shadow: var( --x-time-range-selector-label-shadow-default, var(--x-shadow-none) );--x-time-range-selector-legend-color: var(--x-color-text-3);width:100%;container-type:inline-size}.x-time-range-selector.x-time-range-selector-is-disabled{opacity:.5}.x-time-range-selector.x-time-range-selector-is-disabled .x-time-range-selector--grid,.x-time-range-selector.x-time-range-selector-is-disabled .x-time-range-selector--range,.x-time-range-selector.x-time-range-selector-is-disabled .x-time-range-selector--edge{cursor:not-allowed}.x-time-range-selector.x-time-range-selector-is-readonly .x-time-range-selector--grid,.x-time-range-selector.x-time-range-selector-is-readonly .x-time-range-selector--range,.x-time-range-selector.x-time-range-selector-is-readonly .x-time-range-selector--edge{cursor:default}.x-time-range-selector.x-time-range-selector-is-error{--x-time-range-selector-grid-border: var(--x-color-danger-6)}.x-time-range-selector--instructions{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.x-time-range-selector--keyboard-cursor{position:absolute;inset-block:0;z-index:2;box-sizing:border-box;border:2px solid var(--x-color-primary-6);visibility:hidden;pointer-events:none}.x-time-range-selector .x-time-range-selector--grid:focus-visible .x-time-range-selector--keyboard-cursor{visibility:visible}.x-time-range-selector .x-time-range-selector--grid:focus-visible,.x-time-range-selector .x-time-range-selector--range:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-time-range-selector-scene-schedule{--x-time-range-selector-grid-height: 52px;--x-time-range-selector-grid-border: var( --x-time-range-selector-grid-border-schedule, var(--x-time-range-selector-grid-border) );--x-time-range-selector-grid-radius: 0;--x-time-range-selector-grid-shadow: none;--x-time-range-selector-track-inset-block: 18px;--x-time-range-selector-track-bg: var( --x-time-range-selector-track-bg-schedule, var(--x-time-range-selector-track-bg) );--x-time-range-selector-track-border: var( --x-time-range-selector-track-border-schedule, var(--x-time-range-selector-track-border) );--x-time-range-selector-track-radius: var(--x-border-radius-large);--x-time-range-selector-track-shadow: var( --x-time-range-selector-track-shadow-schedule, var(--x-time-range-selector-track-shadow) );--x-time-range-selector-grid-bg: var( --x-time-range-selector-grid-bg-schedule, var(--x-time-range-selector-grid-bg) );--x-time-range-selector-range-top: 10px;--x-time-range-selector-range-height: 32px;--x-time-range-selector-range-radius: var(--x-border-radius-large);--x-time-range-selector-range-bg: var( --x-time-range-selector-range-bg-schedule, var(--x-time-range-selector-range-bg-default, var(--x-time-range-selector-color)) );--x-time-range-selector-range-border: var( --x-time-range-selector-range-border-schedule, var(--x-time-range-selector-range-border-default, var(--x-time-range-selector-color)) );--x-time-range-selector-range-shadow: var( --x-time-range-selector-range-shadow-schedule, var(--x-time-range-selector-range-shadow-default, var(--x-shadow-none)) );--x-time-range-selector-range-shadow-hover: var( --x-time-range-selector-range-shadow-hover-schedule, var(--x-time-range-selector-range-shadow) );--x-time-range-selector-range-shadow-dragging: var( --x-time-range-selector-range-shadow-dragging-schedule, var(--x-time-range-selector-range-shadow-hover) );--x-time-range-selector-disabled-inset-block: var(--x-time-range-selector-track-inset-block);--x-time-range-selector-block-alternate-bg: var( --x-time-range-selector-block-alternate-bg-default, var(--x-color-transparent) );--x-time-range-selector-tick-bottom: 20px;--x-time-range-selector-tick-height: 5px;--x-time-range-selector-tick-color: var( --x-time-range-selector-tick-color-schedule, var(--x-time-range-selector-tick-color) );--x-time-range-selector-edge-bg: var( --x-time-range-selector-edge-bg-schedule, var(--x-time-range-selector-edge-bg) );--x-time-range-selector-edge-shadow: var( --x-time-range-selector-edge-shadow-schedule, var(--x-time-range-selector-edge-shadow) );--x-time-range-selector-edge-shadow-hover: var( --x-time-range-selector-edge-shadow-hover-schedule, var(--x-time-range-selector-edge-shadow-hover) );--x-time-range-selector-disabled-bg: var( --x-time-range-selector-disabled-bg-schedule, var(--x-time-range-selector-disabled-bg) );--x-time-range-selector-disabled-border: var( --x-time-range-selector-disabled-border-schedule, var(--x-time-range-selector-disabled-border) );--x-time-range-selector-disabled-shadow: var( --x-time-range-selector-disabled-shadow-schedule, var(--x-time-range-selector-disabled-shadow) );--x-time-range-selector-disabled-radius: var(--x-border-radius-large)}.x-time-range-selector-scene-monitor{--x-time-range-selector-grid-height: 44px;--x-time-range-selector-grid-border: var( --x-time-range-selector-grid-border-monitor, var(--x-time-range-selector-grid-border) );--x-time-range-selector-grid-radius: var(--x-border-radius-small);--x-time-range-selector-grid-shadow: none;--x-time-range-selector-track-inset-block: 20px;--x-time-range-selector-track-bg: var( --x-time-range-selector-track-bg-monitor, var(--x-time-range-selector-track-bg) );--x-time-range-selector-track-border: var( --x-time-range-selector-track-border-monitor, var(--x-time-range-selector-track-border) );--x-time-range-selector-track-radius: 0;--x-time-range-selector-track-shadow: none;--x-time-range-selector-grid-bg: var( --x-time-range-selector-grid-bg-monitor, var(--x-time-range-selector-grid-bg) );--x-time-range-selector-range-top: 8px;--x-time-range-selector-range-height: 28px;--x-time-range-selector-range-radius: var(--x-border-radius-small);--x-time-range-selector-range-bg: var( --x-time-range-selector-range-bg-monitor, var(--x-time-range-selector-range-bg-default, var(--x-time-range-selector-color)) );--x-time-range-selector-disabled-inset-block: 20px;--x-time-range-selector-disabled-bg: var( --x-time-range-selector-disabled-bg-monitor, var(--x-time-range-selector-disabled-bg) );--x-time-range-selector-disabled-border: var( --x-time-range-selector-disabled-border-monitor, var(--x-time-range-selector-disabled-border) );--x-time-range-selector-disabled-shadow: none;--x-time-range-selector-disabled-radius: 0;--x-time-range-selector-range-border: var( --x-time-range-selector-range-border-monitor, var(--x-time-range-selector-range-border-default, var(--x-time-range-selector-color)) );--x-time-range-selector-range-shadow: var( --x-time-range-selector-range-shadow-monitor, var(--x-time-range-selector-range-shadow-default, var(--x-shadow-none)) );--x-time-range-selector-range-shadow-hover: var( --x-time-range-selector-range-shadow-hover-monitor, var(--x-time-range-selector-range-shadow) );--x-time-range-selector-range-shadow-dragging: var( --x-time-range-selector-range-shadow-dragging-monitor, var(--x-time-range-selector-range-shadow-hover) );--x-time-range-selector-block-alternate-bg: var( --x-time-range-selector-block-alternate-bg-default, var(--x-color-transparent) );--x-time-range-selector-tick-bottom: 10px;--x-time-range-selector-tick-height: 4px;--x-time-range-selector-tick-color: var( --x-time-range-selector-tick-color-monitor, var(--x-time-range-selector-tick-color) );--x-time-range-selector-edge-bg: var( --x-time-range-selector-edge-bg-monitor, var(--x-time-range-selector-edge-bg) );--x-time-range-selector-edge-shadow: var( --x-time-range-selector-edge-shadow-monitor, var(--x-time-range-selector-edge-shadow) );--x-time-range-selector-edge-shadow-hover: var( --x-time-range-selector-edge-shadow-hover-monitor, var(--x-time-range-selector-edge-shadow-hover) );--x-time-range-selector-label-shadow: var( --x-time-range-selector-label-shadow-monitor, var(--x-time-range-selector-label-shadow) );--x-time-range-selector-legend-color: var(--x-color-text-3)}.x-time-range-selector-scene-compact{--x-time-range-selector-grid-height: 38px;--x-time-range-selector-grid-border: var(--x-color-border-subtle);--x-time-range-selector-grid-radius: var(--x-border-radius-small);--x-time-range-selector-grid-shadow: none;--x-time-range-selector-track-inset-block: 13px;--x-time-range-selector-range-top: 7px;--x-time-range-selector-range-height: 24px;--x-time-range-selector-track-bg: var( --x-time-range-selector-track-bg-compact, var(--x-time-range-selector-track-bg) );--x-time-range-selector-track-border: var( --x-time-range-selector-track-border-compact, var(--x-time-range-selector-track-border) );--x-time-range-selector-track-radius: 0;--x-time-range-selector-track-shadow: none;--x-time-range-selector-grid-bg: var( --x-time-range-selector-grid-bg-compact, var(--x-time-range-selector-grid-bg) );--x-time-range-selector-range-bg: var( --x-time-range-selector-range-bg-compact, var(--x-time-range-selector-range-bg-default, var(--x-time-range-selector-color)) );--x-time-range-selector-disabled-bg: var( --x-time-range-selector-disabled-bg-compact, var(--x-time-range-selector-disabled-bg) );--x-time-range-selector-disabled-border: var( --x-time-range-selector-disabled-border-compact, var(--x-time-range-selector-disabled-border) );--x-time-range-selector-disabled-radius: 0;--x-time-range-selector-tick-bottom: 8px;--x-time-range-selector-tick-height: 5px;--x-time-range-selector-tick-color: var( --x-time-range-selector-tick-color-compact, var(--x-time-range-selector-tick-color) )}.x-time-range-selector--grid{position:relative;display:flex;height:var(--x-time-range-selector-grid-height);overflow:hidden;isolation:isolate;background:var(--x-time-range-selector-grid-bg);border:1px solid var(--x-time-range-selector-grid-border);border-radius:var(--x-time-range-selector-grid-radius);box-shadow:var(--x-time-range-selector-grid-shadow);cursor:crosshair;user-select:none}.x-time-range-selector--grid::before{position:absolute;inset:var(--x-time-range-selector-track-inset-block) 0;z-index:0;background:var(--x-time-range-selector-track-bg);border-block:1px solid var(--x-time-range-selector-track-border);border-radius:var(--x-time-range-selector-track-radius);box-shadow:var(--x-time-range-selector-track-shadow);content:"";pointer-events:none}.x-time-range-selector--grid.x-time-range-selector-is-dragging{cursor:ew-resize}.x-time-range-selector--grid--block{position:relative;z-index:1;overflow:hidden;flex:1;min-width:0;height:100%}.x-time-range-selector--grid--block.x-time-range-selector-is-alternate{background-color:var(--x-time-range-selector-block-alternate-bg)}.x-time-range-selector--grid--block::after{position:absolute;right:0;bottom:var(--x-time-range-selector-tick-bottom);width:1px;height:var(--x-time-range-selector-tick-height);background-color:var(--x-time-range-selector-tick-color);content:""}.x-time-range-selector--grid--block:last-child::after{display:none}.x-time-range-selector--grid--block.x-time-range-selector-is-disabled{cursor:not-allowed}.x-time-range-selector--disabled-range{position:absolute;inset-block:var(--x-time-range-selector-disabled-inset-block);z-index:2;box-sizing:border-box;background:var(--x-time-range-selector-disabled-bg);border:1px solid var(--x-time-range-selector-disabled-border);border-radius:var(--x-time-range-selector-disabled-radius);box-shadow:var(--x-time-range-selector-disabled-shadow);pointer-events:none}.x-time-range-selector--disabled-range::before,.x-time-range-selector--disabled-range::after{position:absolute;top:0;bottom:0;width:1px;background:var(--x-time-range-selector-disabled-border);content:""}.x-time-range-selector--disabled-range::before{left:-1px}.x-time-range-selector--disabled-range::after{right:-1px}.x-time-range-selector--range{position:absolute;top:var(--x-time-range-selector-range-top);z-index:3;box-sizing:border-box;height:var(--x-time-range-selector-range-height);background:var(--x-time-range-selector-range-bg);border:1px solid var(--x-time-range-selector-range-border);border-radius:var(--x-time-range-selector-range-radius);box-shadow:var(--x-time-range-selector-range-shadow);cursor:grab;transition:filter var(--x-transition-duration-2) var(--x-transition-timing-function-standard),box-shadow var(--x-transition-duration-2) var(--x-transition-timing-function-standard);user-select:none}.x-time-range-selector--range:hover{filter:brightness(1.04);box-shadow:var(--x-time-range-selector-range-shadow-hover)}.x-time-range-selector--range.x-time-range-selector-is-dragging{z-index:4;filter:brightness(1.08);box-shadow:var(--x-time-range-selector-range-shadow-dragging);cursor:grabbing}.x-time-range-selector--edge{position:absolute;top:0;z-index:5;box-sizing:border-box;width:12px;height:100%;cursor:ew-resize}.x-time-range-selector--edge::after{position:absolute;top:8px;bottom:8px;left:50%;width:5px;background-color:var(--x-time-range-selector-edge-bg);border-radius:var(--x-border-radius-small);box-shadow:var(--x-time-range-selector-edge-shadow);transform:translateX(-50%);transition:background-color var(--x-transition-duration-2) var(--x-transition-timing-function-standard),box-shadow var(--x-transition-duration-2) var(--x-transition-timing-function-standard);content:""}.x-time-range-selector--edge:hover::after{background-color:var(--x-time-range-selector-edge-bg-hover, var(--x-color-bg-surface));box-shadow:var(--x-time-range-selector-edge-shadow-hover)}.x-time-range-selector-edge-left{left:-6px}.x-time-range-selector-edge-right{right:-6px}.x-time-range-selector--range-label{position:absolute;top:50%;left:50%;width:calc(100% - 16px);overflow:hidden;color:var(--x-time-range-selector-label-color);font-size:var(--x-font-size-body-1);line-height:1;text-align:center;text-overflow:ellipsis;text-shadow:var(--x-time-range-selector-label-shadow);white-space:nowrap;transform:translate(-50%, -50%);pointer-events:none}.x-time-range-selector--legend{display:flex;justify-content:space-between;margin-top:var(--x-spacing-2)}.x-time-range-selector--legend--num{width:12px;color:var(--x-time-range-selector-legend-color);font-size:var(--x-font-size-body-1);line-height:1;text-align:center}@container (max-width: 420px){.x-time-range-selector .x-time-range-selector--legend--num:not(:nth-child(6n+1)){display:none}}