.ccb-modern-range-field{padding:10px 3px 40px;position:relative}.ccb-modern-range-field .slider-origin{width:96%;right:8px}.ccb-modern-range-field .slider-min-max{display:flex;width:100%;justify-content:space-between;align-items:center;position:absolute;top:33px}.ccb-modern-range-field .slider-min-max-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.ccb-modern-range-field .slider-min-max-item.first .tick{background:var(--ccb-accent-color)}.ccb-modern-range-field .slider-min-max-item.done .tick{background-color:var(--ccb-accent-color)}.ccb-modern-range-field .slider-min-max .tick{height:8px;width:8px;border-radius:50%;background:color-mix(in srgb,var(--ccb-container-color),black 10%);margin:0 auto 4px}.ccb-modern-range-field .slider-min-max .label{color:var(--ccb-fields-description-color);font-size:12px;font-weight:500;line-height:100%;padding-top:8px;pointer-events:none}.ccb-modern-range-field.jump .slider-handle{pointer-events:none}.ccb-modern-range-field.jump .slider-min-max-item .label,.ccb-modern-range-field.jump .custom-marks .label{cursor:pointer;pointer-events:auto}.ccb-modern-range-field .slider-handle{z-index:1}.ccb-modern-range-field .slider-handle.slider-active{border:1px solid var(--ccb-fields-border-color)}.ccb-modern-range-field .slider-base{height:20px;width:100%}.ccb-modern-range-field .slider-tooltip{margin-bottom:16px!important}.ccb-modern-range-field .slider-handle{background-color:#fff!important;height:31px!important;width:28px!important;border-radius:4px;box-shadow:0 5px 30px #0000001a;transform:translate(7px)}.ccb-modern-range-field .slider-connect{background:linear-gradient(90deg,rgba(238,241,247,0) 0%,var(--ccb-accent-color) 100%)!important}.ccb-modern-range-field .custom-marks{position:absolute;right:8px;top:30px;width:96%}.ccb-modern-range-field .mark{position:absolute;transform:translate(-50%);text-align:center}.ccb-modern-range-field .mark .label{color:var(--ccb-fields-description-color);font-size:12px;font-weight:500;line-height:100%;padding-top:10px;pointer-events:none}.ccb-modern-range-field .custom-ticks{width:98%;height:0;pointer-events:none;display:flex;justify-content:space-between;top:10px;position:absolute;padding:0 10px;box-sizing:border-box}.ccb-modern-range-field .tick{width:1px;height:20px;background:#0000000a;transform:translate(-50%)}
