/* **************************************************************** */
.input-range-0001-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
}

.input-range-0001-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
}

.input-range-0001 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0001::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0001::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0001::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0002-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
}

.input-range-0002-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
}

.input-range-0002 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0002::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0002::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0002::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0003-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
}

.input-range-0003-count {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(173, 238, 217, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
}

.input-range-0003-count::before{
    content: "";
    position: absolute;
    background: var(--input-range-count-box-bg-color, rgba(173, 238, 217, 1));
    width: var(--input-range-arrow-width, 10px);
    height: var(--input-range-arrow-height, 10px);
    top: var(--input-range-arrow-vertical, 10px);
    right: var(--input-range-arrow-horizontal, -7px);
    border-radius: 3px;
    border: none;
    border-right: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    border-top: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    transform: rotate(45deg);
    z-index: 3;
}

.input-range-0003 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0003::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0003::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0003::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 5px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0004-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.input-range-0004-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.input-range-0004 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0004::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Firefox */
.input-range-0004::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.input-range-0004::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0005-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
}

.input-range-0005-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border-bottom: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2), 5px 5px 15px rgba(0, 0, 0, 0.9), inset -5px -5px 15px rgba(64, 75, 78, 0.2), inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.input-range-0005 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border-bottom: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0005::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border-bottom: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Firefox */
.input-range-0005::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border-bottom: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0005::-webkit-slider-thumb:hover {
    border-bottom: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-1006-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    margin: 10px;
    box-sizing: border-box;
}

.input-range-1006-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: var(--input-range-count-box-position-top-bottom, -25px);
    left: 0;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    pointer-events: none;
    transform: rotate(45deg);    
}

.input-range-1006-count span {
    transform: rotate(-45deg);
}

.input-range-1006 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

.input-range-1006::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

.input-range-1006::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-1006::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0007-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    margin: 10px;
}

.input-range-0007-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: var(--input-range-count-box-position-top-bottom, -25px);
    left: 0;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    pointer-events: none;
    transform: rotate(45deg);    
}

.input-range-0007-count span {
    transform: rotate(-45deg);
}

.input-range-0007 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;
    cursor: pointer;
}

.input-range-0007::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%)); 
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px;   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

.input-range-0007::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));  
    box-shadow: rgba(255, 255, 255, 0.15) 0 1px 1px, inset rgba(0, 0, 0, 0.5) 0 0 0 1px; 
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0007::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0008-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-image: var(--input-range-box-bg-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-bg-range-box-shadow, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(192, 31, 158, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(254, 137, 214, 1) inset);
}

.input-range-0008-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-image: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(192, 31, 158, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(254, 137, 214, 1) inset);
}

.input-range-0008 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: var(--input-range-box-shadow, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0008::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));    
    box-shadow: var(--input-range-slider-thumb-normal-shadow, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0008::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));   
    box-shadow: var(--input-range-slider-thumb-normal-shadow, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0008::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background-image: var(--input-range-slider-thumb-hover-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%)); 
    box-shadow: var(--input-range-slider-thumb-hover-shadow, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);  
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0009-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-image: var(--input-range-box-bg-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-range-box-shadow-color, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);
}

.input-range-0009-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-image: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow-color, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);
}

.input-range-0009 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    box-shadow: var(--input-range-slider-shadow, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);
    cursor: pointer;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0009::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));    
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0009::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));   
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0009::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background-image: var(--input-range-slider-thumb-hover-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%)); 
    box-shadow: var(--input-range-slider-thumb-shadow-hover-color, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);  
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0010-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-image: var(--input-range-box-bg-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2), 5px 5px 15px rgba(0, 0, 0, 0.9), inset -5px -5px 15px rgba(64, 75, 78, 0.2), inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.input-range-0010-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-color: transparent;
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
}

.input-range-0010 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0010::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0010::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0010::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background-image: var(--input-range-slider-thumb-hover-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%)); 
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0011-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background: var(--input-range-box-bg-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-bg-range-box-shadow, 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset);
}

.input-range-0011-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow, 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset);
}

.input-range-0011 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: var(--input-range-box-shadow, 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0011::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));    
    box-shadow: var(--input-range-slider-thumb-normal-shadow, 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0011::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));   
    box-shadow: var(--input-range-slider-thumb-normal-shadow, 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0011::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%)); 
    box-shadow: var(--input-range-slider-thumb-hover-shadow, 4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset);  
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0012-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    margin: 10px;
}

.input-range-0012-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: var(--input-range-count-box-position-top-bottom, -25px);
    left: 0;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    user-select: none;
    pointer-events: none;
    cursor: pointer;
}

.input-range-0012 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

.input-range-0012::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

.input-range-0012::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0012::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0013-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    margin: 10px;
}

.input-range-0013-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-weight: bold; */
    top: var(--input-range-count-box-position-top-bottom, -25px);
    left: 0;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    user-select: none;
    pointer-events: none;
    cursor: pointer;
    transform: rotate(45deg);    
}

.input-range-0013-count span {
    transform: rotate(-45deg);
}


.input-range-0013 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

.input-range-0013::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

.input-range-0013::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0013::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0014-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-range-box-shadow-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transform: var(--input-range-box-rotation-scale-normal, scale(1) rotate(0deg));
}

.input-range-0014-main:hover {
    transform: var(--input-range-box-rotation-scale-hover, scale(1.05) rotate(1deg));
}

.input-range-0014-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

.input-range-0014 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: var(--input-range-slider-shadow-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0014::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

/* Thumb: for Firefox */
.input-range-0014::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

.input-range-0014::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    box-shadow: var(--input-range-slider-thumb-shadow-hover-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0015-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-range-box-shadow-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transform: var(--input-range-box-rotation-normal, rotate(3deg));
}

.input-range-0015-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

.input-range-0015 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: var(--input-range-slider-shadow-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0015::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

/* Thumb: for Firefox */
.input-range-0015::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

.input-range-0015::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    box-shadow: var(--input-range-slider-thumb-shadow-hover-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0016-under {
    position: relative;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background: var(--input-range-box-under-bg-color, rgba(33, 33, 33, 1));
    border-radius: var(--input-range-box-under-radius, 5px 5px 5px 5px);
    border: var(--input-range-box-under-border, 3px double rgba(0, 0, 0, 1));
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    margin: 5px;
}

.input-range-0016-main {
    position: absolute;
    top: 3px;
    left: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-main-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-main-radius, 5px);
    border: var(--input-range-box-main-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0016-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0016 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0016::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Firefox */
.input-range-0016::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0016::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0017-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-main-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-main-radius, 5px);
    border: var(--input-range-box-main-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0017-under {
    position: absolute;
    bottom: 1px;
    left: 1px;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background: transparent;
    border-radius: var(--input-range-box-under-radius, 5px 5px 5px 5px);
    border: var(--input-range-box-under-border, 3px double rgba(0, 0, 0, 1));
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    z-index: 2;
    pointer-events: none;
    user-select: none;
}

.input-range-0017-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0017 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0017::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Firefox */
.input-range-0017::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0017::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0018-under {
    position: relative;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background: transparent;
    border-radius: var(--input-range-box-main-radius, 5px);
    border: none;
    box-shadow: var(--input-range-box-shadow-color, rgba(203, 220, 241, 1) 4px 4px 0 0,rgba(1, 1, 1, 1) 4px 4px 0 1px);
    box-sizing: border-box;
    margin: 5px;
}

.input-range-0018-main {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-main-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-main-radius, 5px);
    border: var(--input-range-box-main-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
}

.input-range-0018-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0018 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0018::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Firefox */
.input-range-0018::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0018::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0019-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-range-box-shadow-color, inset 0 -4px 2px rgba(173, 207, 255, 1));
}

.input-range-0019-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow-color, inset 0 -4px 2px rgba(173, 207, 255, 1));
}

.input-range-0019 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: var(--input-range-slider-shadow-color, inset 0 -4px 2px rgba(173, 207, 255, 1));
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0019::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, inset 0 -4px 2px rgba(173, 207, 255, 1));
}

/* Thumb: for Firefox */
.input-range-0019::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, inset 0 -4px 2px rgba(173, 207, 255, 1));
}

.input-range-0019::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    box-shadow: var(--input-range-slider-thumb-shadow-hover-color, inset 0 -4px 2px rgba(173, 207, 255, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0020-under {
    position: absolute;
    bottom: -10px;
    left: -5px;
    width: var(--input-range-box-under-width, 270px);
    height: 5px;
    background: var(--input-range-box-under-bg-color, rgba(33, 33, 33, 1));
    border-radius: var(--input-range-box-under-radius, 5px 5px 5px 5px);
    border: none;
    box-sizing: border-box;
}

.input-range-0020-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-main-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-main-radius, 5px);
    border: none;
    gap: var(--input-range-box-gap, 10px);
    margin: 5px;
}

.input-range-0020-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
}

.input-range-0020 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0020::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0020::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0020::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0021-under {
    position: absolute;
    bottom: -10px;
    left: -5px;
    width: var(--input-range-box-under-width, 270px);
    height: 5px;
    background: var(--input-range-box-under-bg-color, rgba(33, 33, 33, 1));
    border-radius: var(--input-range-box-under-radius, 5px 5px 5px 5px);
    border: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
}

.input-range-0021-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-main-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-main-radius, 5px);
    border: none;
    gap: var(--input-range-box-gap, 10px);
    margin: 5px;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0021-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0021 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0021::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

/* Thumb: for Firefox */
.input-range-0021::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-range-0021::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0022-main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
}

.input-range-0022-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
}

.input-range-0022-in-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-in-box-width, 250px);
    height: var(--input-range-box-in-box-height, 30px);
    background-color: var(--input-range-box-in-box-bg-color, rgba(51, 51, 51, 1));
    border-radius: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    gap: var(--input-range-box-gap, 10px);
}

.input-range-0022-top {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: var(--input-range-box-lines-color, rgba(106, 113, 129, 1));
}

.input-range-0022-bottom {
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: var(--input-range-box-lines-color, rgba(106, 113, 129, 1));
}

.input-range-0022-left {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 3px;
    height: 100%;
    border-radius: 3px;
    background: var(--input-range-box-lines-color, rgba(106, 113, 129, 1));
}

.input-range-0022-right {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 3px;
    height: 100%;
    border-radius: 3px;
    background: var(--input-range-box-lines-color, rgba(106, 113, 129, 1));
}

.input-range-0022 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0022::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0022::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0022::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0023-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background: var(--input-range-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-range-box-shadow-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(400px) rotateX(15deg);
}

.input-range-0023-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(50px) rotateX(15deg);
}

.input-range-0023 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: var(--input-range-slider-shadow-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(200px) rotateX(15deg);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0023::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(30px) rotateX(15deg);
}

/* Thumb: for Firefox */
.input-range-0023::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(30px) rotateX(15deg);
}

.input-range-0023::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: var(--input-range-slider-thumb-shadow-hover-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(30px) rotateX(15deg);
}
/* **************************************************************** */
.input-range-0024-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

.input-range-0024-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-color: var(--input-range-count-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

.input-range-0024 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    cursor: pointer;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0024::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-color: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));    
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

/* Thumb: for Firefox */
.input-range-0024::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-color: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));   
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

.input-range-0024::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background-color: var(--input-range-slider-thumb-hover-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}
/* **************************************************************** */
.input-range-0025-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

.input-range-0025-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-color: var(--input-range-count-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

.input-range-0025 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    cursor: pointer;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0025::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-color: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));    
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

/* Thumb: for Firefox */
.input-range-0025::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-color: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));   
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}

.input-range-0025::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background-color: var(--input-range-slider-thumb-hover-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}
/* **************************************************************** */
.input-range-0026-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-range-box-shadow-color, 0 0 4px 1px rgba(21, 179, 146, 1), 0 0 16px 1px rgba(21, 179, 146, 1), inset 0 0 2px 1px rgba(21, 179, 146, 1));
}

.input-range-0026-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-color: var(--input-range-count-box-bg-color, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow-color, 0 0 4px 1px rgba(21, 179, 146, 1), 0 0 16px 1px rgba(21, 179, 146, 1), inset 0 0 2px 1px rgba(21, 179, 146, 1));
}

.input-range-0026 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: var(--input-range-slider-shadow-color, 0 0 4px 1px rgba(21, 179, 146, 1), 0 0 16px 1px rgba(21, 179, 146, 1), inset 0 0 2px 1px rgba(21, 179, 146, 1));
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0026::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background-color: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, 0 0 4px 1px rgba(21, 179, 146, 1), 0 0 16px 1px rgba(21, 179, 146, 1), inset 0 0 2px 1px rgba(21, 179, 146, 1));
}

/* Thumb: for Firefox */
.input-range-0026::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background-color: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, 0 0 4px 1px rgba(21, 179, 146, 1), 0 0 16px 1px rgba(21, 179, 146, 1), inset 0 0 2px 1px rgba(21, 179, 146, 1));
}

.input-range-0026::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background-color: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    box-shadow: var(--input-range-slider-thumb-shadow-hover-color, 0 0 4px 1px rgba(21, 179, 146, 1), 0 0 16px 1px rgba(21, 179, 146, 1), inset 0 0 2px 1px rgba(21, 179, 146, 1));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0027-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-range-0027-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-color: var(--input-range-count-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-range-0027 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0027::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-color: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

/* Thumb: for Firefox */
.input-range-0027::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-color: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-range-0027::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background-color: var(--input-range-slider-thumb-hover-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
/* **************************************************************** */
.input-range-0028-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-image: var(--input-range-box-bg-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-range-0028-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-image: var(--input-range-count-box-bg-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-range-0028 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0028::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

/* Thumb: for Firefox */
.input-range-0028::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-range-0028::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background-image: var(--input-range-slider-thumb-hover-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
/* **************************************************************** */
.input-range-0029-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-image: var(--input-range-box-bg-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2), 5px 5px 15px rgba(0, 0, 0, 0.9), inset -5px -5px 15px rgba(64, 75, 78, 0.2), inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.input-range-0029-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-image: var(--input-range-count-box-bg-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2), 5px 5px 15px rgba(0, 0, 0, 0.9), inset -5px -5px 15px rgba(64, 75, 78, 0.2), inset 5px 5px 15px rgba(0, 0, 0, 0.9);
}

.input-range-0029 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0029::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

/* Thumb: for Firefox */
.input-range-0029::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
}

.input-range-0029::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background-image: var(--input-range-slider-thumb-hover-color, linear-gradient(-180deg, rgba(254, 137, 214, 1) 0%, rgba(192, 31, 158, 1) 100%)); 
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0030-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-color: var(--input-range-box-bg-color-normal, rgba(17, 17, 17, 1));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border-normal, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-range-box-shadow-color-normal, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transform: var(--input-range-box-rotation-scale-normal, scale(1) rotate(0deg));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

.input-range-0030-main:hover {
    background-color: var(--input-range-box-bg-color-hover, rgba(17, 17, 17, 1));
    border: var(--input-range-box-border-hover, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-box-shadow-color-hover, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transform: var(--input-range-box-rotation-scale-hover, scale(1.05) rotate(1deg));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

.input-range-0030-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color-normal, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-color: var(--input-range-count-box-bg-color-normal, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border-normal, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow-color-normal, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transform: var(--input-range-count-box-rotation-scale-normal, scale(1) rotate(0deg));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    user-select: none;
    pointer-events: none;
    cursor: pointer;
}

.input-range-0030-main:hover .input-range-0030-count {
    color: var(--input-range-count-box-text-color-hover, rgba(241, 241, 241, 1));
    background-color: var(--input-range-count-box-bg-color-hover, rgba(7, 120, 139, 1));
    border: var(--input-range-count-box-border-hover, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow-color-hover, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transform: var(--input-range-count-box-rotation-scale-hover, scale(1.05) rotate(1deg));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}

.input-range-0030 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border-normal, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: var(--input-range-slider-shadow-color-normal, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

.input-range-0030-main:hover .input-range-0030 {
    border: var(--input-range-slider-border-hover, 1px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-slider-shadow-color-hover, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0030::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

/* Thumb: for Firefox */
.input-range-0030::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-normal-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, rgba(6, 182, 212, 1));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
}

.input-range-0030-main:hover .input-range-0030::-webkit-slider-thumb {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    border-radius: var(--input-range-slider-thumb-hover-radius, 25px);
    background: var(--input-range-slider-thumb-hover-color, rgba(7, 120, 139, 1));
    box-shadow: var(--input-range-slider-thumb-shadow-hover-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
}
/* **************************************************************** */
.input-range-0031-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background-image: var(--input-range-box-bg-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-range-0031-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background-image: var(--input-range-count-box-bg-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-range-0031 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0031::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

/* Thumb: for Firefox */
.input-range-0031::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background-image: var(--input-range-slider-thumb-normal-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.input-range-0031::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background-image: var(--input-range-slider-thumb-hover-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
/* **************************************************************** */
.input-range-0032-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-box-width, 260px);
    height: var(--input-range-box-height, 50px);
    background: var(--input-range-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    padding: var(--input-range-box-padding, 5px);
    border-radius: var(--input-range-box-radius, 5px);
    border: var(--input-range-box-border, 2px solid rgba(51, 51, 51, 1));
    gap: var(--input-range-box-gap, 10px);
    box-shadow: var(--input-range-box-shadow-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(400px) rotateX(15deg);
}

.input-range-0032-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--input-range-count-box-width, 50px);
    height: var(--input-range-count-box-height, 30px);
    color: var(--input-range-count-box-text-color, rgba(241, 241, 241, 1));
    font-size: var(--input-range-count-box-font-size, 16px);
    border-radius: var(--input-range-count-box-radius, 5px);
    background: var(--input-range-count-box-bg-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    border: var(--input-range-count-box-border, 2px solid rgba(51, 51, 51, 1));
    box-shadow: var(--input-range-count-box-shadow-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(50px) rotateX(15deg);
}

.input-range-0032 {
    appearance: none;
    width: var(--input-range-slider-width, 100%);
    height: var(--input-range-slider-height, 12px);
    border: var(--input-range-slider-border, 1px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-radius, 25px);
    background: var(--input-range-slider-bg-color, linear-gradient(90deg, rgba(55, 116, 148, 1) 30%, rgba(221, 221, 221, 1) 30%));
    cursor: pointer;
    box-shadow: var(--input-range-slider-shadow-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(200px) rotateX(15deg);
}

/* Thumb: for Chrome, Safari, Edge */
.input-range-0032::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));    
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(30px) rotateX(15deg);
}

/* Thumb: for Firefox */
.input-range-0032::-moz-range-thumb {
    appearance: none;
    width: var(--input-range-slider-thumb-width, 24px);
    height: var(--input-range-slider-thumb-height, 24px);
    border: var(--input-range-slider-thumb-border-normal, 2px solid rgba(51, 51, 51, 1));
    border-radius: var(--input-range-slider-thumb-radius, 25px);
    background: var(--input-range-slider-thumb-normal-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));   
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out); 
    box-shadow: var(--input-range-slider-thumb-shadow-normal-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(30px) rotateX(15deg);
}

.input-range-0032::-webkit-slider-thumb:hover {
    border: var(--input-range-slider-thumb-border-hover, 2px solid rgba(6, 182, 212, 1));
    background: var(--input-range-slider-thumb-hover-color, linear-gradient(to bottom, rgba(167, 209, 41, 1) 0%, rgba(97, 111, 57, 1) 100%));
    transition: var(--input-range-slider-thumb-transition-time, 0.01s ease-in-out);
    box-shadow: var(--input-range-slider-thumb-shadow-hover-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
    transform: perspective(30px) rotateX(15deg);
}
/* **************************************************************** */

/* **************************************************************** */
/* **************************************************************** */