/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ .ant-slider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; height: 12px; margin: 10px 6px 10px; padding: 4px 0; cursor: pointer; touch-action: none; } .ant-slider-vertical { width: 12px; height: 100%; margin: 6px 10px; padding: 0 4px; } .ant-slider-vertical .ant-slider-rail { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-track { width: 4px; } .ant-slider-vertical .ant-slider-handle { margin-top: -6px; margin-left: -5px; } .ant-slider-vertical .ant-slider-mark { top: 0; left: 12px; width: 18px; height: 100%; } .ant-slider-vertical .ant-slider-mark-text { left: 4px; white-space: nowrap; } .ant-slider-vertical .ant-slider-step { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-dot { top: auto; margin-left: -2px; } .ant-slider-tooltip .ant-tooltip-inner { min-width: unset; } .ant-slider-rtl.ant-slider-vertical .ant-slider-handle { margin-right: -5px; margin-left: 0; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark { right: 12px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text { right: 4px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-dot { right: 2px; left: auto; } .ant-slider-with-marks { margin-bottom: 28px; } .ant-slider-rail { position: absolute; width: 100%; height: 4px; background-color: #f5f5f5; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-track { position: absolute; height: 4px; background-color: #91d5ff; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-handle { position: absolute; width: 14px; height: 14px; margin-top: -5px; background-color: #fff; border: solid 2px #91d5ff; border-radius: 50%; box-shadow: 0; cursor: pointer; transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } .ant-slider-handle-dragging { z-index: 1; } .ant-slider-handle:focus { border-color: #46a6ff; outline: none; box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12); } .ant-slider-handle.ant-tooltip-open { border-color: #1890ff; } .ant-slider-handle::after { position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; content: ''; } .ant-slider:hover .ant-slider-rail { background-color: #e1e1e1; } .ant-slider:hover .ant-slider-track { background-color: #69c0ff; } .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) { border-color: #69c0ff; } .ant-slider-mark { position: absolute; top: 14px; left: 0; width: 100%; font-size: 14px; } .ant-slider-mark-text { position: absolute; display: inline-block; color: rgba(0, 0, 0, 0.45); text-align: center; word-break: keep-all; cursor: pointer; user-select: none; } .ant-slider-mark-text-active { color: rgba(0, 0, 0, 0.85); } .ant-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; pointer-events: none; } .ant-slider-dot { position: absolute; top: -2px; width: 8px; height: 8px; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 50%; cursor: pointer; } .ant-slider-dot-active { border-color: #8cc8ff; } .ant-slider-disabled { cursor: not-allowed; } .ant-slider-disabled .ant-slider-rail { background-color: #f5f5f5 !important; } .ant-slider-disabled .ant-slider-track { background-color: rgba(0, 0, 0, 0.25) !important; } .ant-slider-disabled .ant-slider-handle, .ant-slider-disabled .ant-slider-dot { background-color: #fff; border-color: rgba(0, 0, 0, 0.25) !important; box-shadow: none; cursor: not-allowed; } .ant-slider-disabled .ant-slider-mark-text, .ant-slider-disabled .ant-slider-dot { cursor: not-allowed !important; } .ant-slider-rtl { direction: rtl; } .ant-slider-rtl .ant-slider-mark { right: 0; left: auto; } .ant-slider { display: block; } .ant-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; --antd-arrow-background-color: rgba(0, 0, 0, 0.75); position: absolute; z-index: 1070; display: block; width: max-content; max-width: 250px; visibility: visible; } .ant-tooltip-content { position: relative; } .ant-tooltip-hidden { display: none; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: calc(12px / 2) 8px; color: #fff; text-align: start; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tooltip-arrow { position: absolute; z-index: 1; display: block; width: 16px; height: 16px; overflow: hidden; pointer-events: none; } .ant-tooltip-arrow::before { position: absolute; bottom: 0; width: 16px; height: calc(16px / 2); background: var(--antd-arrow-background-color); content: ''; clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%); clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z'); inset-inline-start: 0; } .ant-tooltip-arrow::after { position: absolute; bottom: 0; z-index: 0; width: 8.97056275px; height: 8.97056275px; margin: auto; background: transparent; border-radius: 0 0 2px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); transform: translateY(50%) rotate(-135deg); content: ''; inset-inline: 0; } .ant-tooltip-arrow::before { background: var(--antd-arrow-background-color); } .ant-tooltip-placement-top > .ant-tooltip-arrow, .ant-tooltip-placement-topLeft > .ant-tooltip-arrow, .ant-tooltip-placement-topRight > .ant-tooltip-arrow { bottom: 0px; transform: translateY(100%) rotate(180deg); } .ant-tooltip-placement-top > .ant-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); } .ant-tooltip-placement-topLeft > .ant-tooltip-arrow { left: 16px; } .ant-tooltip-placement-topRight > .ant-tooltip-arrow { right: 16px; } .ant-tooltip-placement-bottom > .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow { top: 0px; transform: translateY(-100%); } .ant-tooltip-placement-bottom > .ant-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); } .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow { left: 16px; } .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow { right: 16px; } .ant-tooltip-placement-left > .ant-tooltip-arrow, .ant-tooltip-placement-leftTop > .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow { right: 0px; transform: translateX(100%) rotate(90deg); } .ant-tooltip-placement-left > .ant-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); } .ant-tooltip-placement-leftTop > .ant-tooltip-arrow { top: 16px; } .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow { bottom: 16px; } .ant-tooltip-placement-right > .ant-tooltip-arrow, .ant-tooltip-placement-rightTop > .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow { left: 0px; transform: translateX(-100%) rotate(-90deg); } .ant-tooltip-placement-right > .ant-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); } .ant-tooltip-placement-rightTop > .ant-tooltip-arrow { top: 16px; } .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow { bottom: 16px; } .ant-tooltip-pink .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-pink .ant-tooltip-arrow { --antd-arrow-background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-arrow { --antd-arrow-background-color: #eb2f96; } .ant-tooltip-red .ant-tooltip-inner { background-color: #f5222d; } .ant-tooltip-red .ant-tooltip-arrow { --antd-arrow-background-color: #f5222d; } .ant-tooltip-volcano .ant-tooltip-inner { background-color: #fa541c; } .ant-tooltip-volcano .ant-tooltip-arrow { --antd-arrow-background-color: #fa541c; } .ant-tooltip-orange .ant-tooltip-inner { background-color: #fa8c16; } .ant-tooltip-orange .ant-tooltip-arrow { --antd-arrow-background-color: #fa8c16; } .ant-tooltip-yellow .ant-tooltip-inner { background-color: #fadb14; } .ant-tooltip-yellow .ant-tooltip-arrow { --antd-arrow-background-color: #fadb14; } .ant-tooltip-gold .ant-tooltip-inner { background-color: #faad14; } .ant-tooltip-gold .ant-tooltip-arrow { --antd-arrow-background-color: #faad14; } .ant-tooltip-cyan .ant-tooltip-inner { background-color: #13c2c2; } .ant-tooltip-cyan .ant-tooltip-arrow { --antd-arrow-background-color: #13c2c2; } .ant-tooltip-lime .ant-tooltip-inner { background-color: #a0d911; } .ant-tooltip-lime .ant-tooltip-arrow { --antd-arrow-background-color: #a0d911; } .ant-tooltip-green .ant-tooltip-inner { background-color: #52c41a; } .ant-tooltip-green .ant-tooltip-arrow { --antd-arrow-background-color: #52c41a; } .ant-tooltip-blue .ant-tooltip-inner { background-color: #1890ff; } .ant-tooltip-blue .ant-tooltip-arrow { --antd-arrow-background-color: #1890ff; } .ant-tooltip-geekblue .ant-tooltip-inner { background-color: #2f54eb; } .ant-tooltip-geekblue .ant-tooltip-arrow { --antd-arrow-background-color: #2f54eb; } .ant-tooltip-purple .ant-tooltip-inner { background-color: #722ed1; } .ant-tooltip-purple .ant-tooltip-arrow { --antd-arrow-background-color: #722ed1; } .ant-tooltip-rtl { direction: rtl; } .ant-tooltip { position: relative; }