.noui-target, .noui-target * { -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-user-select:none; -ms-touch-action:none; touch-action:none; -ms-user-select:none; -moz-user-select:none; user-select:none; -webkit-box-sizing:border-box; box-sizing:border-box; } .noui-target { position:relative; } .noui-base, .noui-connects { width:100%; height:100%; position:relative; z-index:1; }  .noui-connects { overflow:hidden; z-index:0; } .noui-connect, .noui-origin { will-change:transform; position:absolute; z-index:1; top:0; right:0; height:100%; width:100%; -ms-transform-origin:0 0; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform-style:flat; transform-style:flat; }  .noui-txt-dir-rtl.noui-horizontal .noui-origin { left:0; right:auto; }  .noui-vertical .noui-origin { top:-100%; width:0; } .noui-horizontal .noui-origin { height:0; } .noui-handle { -webkit-backface-visibility:hidden; backface-visibility:hidden; position:absolute; } .noui-touch-area { height:100%; width:100%; } .noui-state-tap .noui-connect, .noui-state-tap .noui-origin { -webkit-transition:transform 0.3s; -webkit-transition:-webkit-transform 0.3s; transition:-webkit-transform 0.3s; transition:transform 0.3s; transition:transform 0.3s, -webkit-transform 0.3s; } .noui-state-drag * { cursor:inherit !important; }  .noui-horizontal { height:18px; } .noui-horizontal .noui-handle { width:34px; height:28px; right:-17px; top:-6px; } .noui-vertical { width:18px; } .noui-vertical .noui-handle { width:28px; height:34px; right:-6px; bottom:-17px; } .noui-txt-dir-rtl.noui-horizontal .noui-handle { left:-17px; right:auto; }  .noui-target { background:#fafafa; border-radius:4px; border:1px solid #d3d3d3; -webkit-box-shadow:inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; box-shadow:inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; } .noui-connects { border-radius:3px; } .noui-connect { background:#3fb8af; }  .noui-draggable { cursor:ew-resize; } .noui-vertical .noui-draggable { cursor:ns-resize; } .noui-handle { border:1px solid #d9d9d9; border-radius:3px; background:#fff; cursor:default; -webkit-box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; } .noui-active { -webkit-box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; }  .noui-handle::before, .noui-handle::after { content:""; display:block; position:absolute; height:14px; width:1px; background:#e8e7e6; left:14px; top:6px; } .noui-handle::after { left:17px; } .noui-vertical .noui-handle::before, .noui-vertical .noui-handle::after { width:14px; height:1px; left:6px; top:14px; } .noui-vertical .noui-handle::after { top:17px; }  [disabled] .noui-connect { background:#b8b8b8; } [disabled].noui-target, [disabled].noui-handle, [disabled] .noui-handle { cursor:not-allowed; }  .noui-pips, .noui-pips * { -webkit-box-sizing:border-box; box-sizing:border-box; } .noui-pips { position:absolute; color:#999; }  .noui-value { position:absolute; white-space:nowrap; text-align:center; } .noui-value-sub { color:#ccc; font-size:10px; }  .noui-marker { position:absolute; background:#ccc; } .noui-marker-sub { background:#aaa; } .noui-marker-large { background:#aaa; }  .noui-pips-horizontal { padding:10px 0; height:80px; top:100%; left:0; width:100%; } .noui-value-horizontal { -webkit-transform:translate(-50%, 50%); transform:translate(-50%, 50%); } .noui-rtl .noui-value-horizontal { -webkit-transform:translate(50%, 50%); transform:translate(50%, 50%); } .noui-marker-horizontal.noui-marker { margin-left:-1px; width:2px; height:5px; } .noui-marker-horizontal.noui-marker-sub { height:10px; } .noui-marker-horizontal.noui-marker-large { height:15px; }  .noui-pips-vertical { padding:0 10px; height:100%; top:0; left:100%; } .noui-value-vertical { -webkit-transform:translate(0, -50%); transform:translate(0, -50%); padding-left:25px; } .noui-rtl .noui-value-vertical { -webkit-transform:translate(0, 50%); transform:translate(0, 50%); } .noui-marker-vertical.noui-marker { width:5px; height:2px; margin-top:-1px; } .noui-marker-vertical.noui-marker-sub { width:10px; } .noui-marker-vertical.noui-marker-large { width:15px; } .noui-tooltip { display:block; position:absolute; border:1px solid #d9d9d9; border-radius:3px; background:#fff; color:#000; padding:5px; text-align:center; white-space:nowrap; } .noui-horizontal .noui-tooltip { -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); left:50%; bottom:120%; } .noui-vertical .noui-tooltip { -webkit-transform:translate(0, -50%); transform:translate(0, -50%); top:50%; right:120%; } .noui-horizontal .noui-origin > .noui-tooltip { -webkit-transform:translate(50%, 0); transform:translate(50%, 0); left:auto; bottom:10px; } .noui-vertical .noui-origin > .noui-tooltip { -webkit-transform:translate(0, -18px); transform:translate(0, -18px); top:auto; right:28px; }  .tm-range-picker.noui-target { background:var(--slider-background); border-radius:4px; border:0; -webkit-box-shadow:none; box-shadow:none; } .tm-range-picker .noui-connects { border-radius:3px; } .tm-range-picker .noui-connect { background:var(--slider-active-background); }  .tm-range-picker, .tm-range-picker .noui-handle { -webkit-box-shadow:none; box-shadow:none; } .tm-range-picker .noui-tooltip { background:#3fb8af; color:#fff; border:2px solid #fff; padding:0.4em; text-align:center; white-space:nowrap; border-radius:3px; font-size:1em; } .tm-range-picker .noui-active .noui-tooltip { display:block; }  .tm-range-picker .noui-handle::before, .tm-range-picker .noui-handle::after { display:none; } .noui-marker { background:var(--marker-color); opacity:0.8; } .noui-marker-sub { opacity:0.5; background:var(--marker-color); } .noui-marker-large { opacity:1; background:var(--marker-color); }   .tm-range-picker .noui-handle .noui-touch-area::before { content:""; position:absolute; top:calc(-0.5 * var(--size) + 0.5 * 1em); left:calc(-0.5 * var(--size) + 0.5 * 1em); right:calc(-0.5 * var(--size) + 0.5 * 1em); bottom:calc(-0.5 * var(--size) + 0.5 * 1em); width:var(--size); height:var(--size); border-radius:100%; background:var(--handle-background); z-index:-1; opacity:0.2; will-change:transform; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all 0.1s ease-out, border-color 0.2s ease-out; transition:all 0.1s ease-out, border-color 0.2s ease-out; display:block; --size:calc(var(--handle-size) * 1.8); }  .tm-range-picker .noui-handle:hover .noui-touch-area::before { border:0; -webkit-transform:scale(0.9); transform:scale(0.9); } .tm-range-picker .noui-active.noui-handle:hover .noui-touch-area::before { border:0; -webkit-transform:scale(1); transform:scale(1); }   .tm-range-picker .noui-value { position:absolute; white-space:nowrap; text-align:center; font-size:0.8em; margin-top:0.8em; } .tm-range-picker .noui-value-sub { color:inherit; font-size:10px; margin-top:0.6em; opacity:0.5; } .tm-range-picker .noui-marker-horizontal.noui-marker { margin-left:-1px; width:1px; }   .tm-range-picker { --handle-size:14px; --slider-height:3px; --handle-radius:calc(var(--handle-size) / 2); --handle-background:#3fb8af; --slider-active-background:#3fb8af; --slider-background:#cdcdcd; --marker-color:#aaa; height:var(--slider-height); } .tm-range-picker .noui-handle { -webkit-backface-visibility:hidden; backface-visibility:hidden; border:0; background:var(--handle-background); cursor:pointer; -webkit-box-shadow:none; box-shadow:none; outline:none !important;  height:var(--handle-size); width:var(--handle-size); top:calc((var(--handle-size) - var(--slider-height)) / -2); right:calc(var(--handle-size) / -2);   border-radius:var(--handle-radius); }