:root {
    --develogi-green: #304342;
    --develogi-green-transparent: rgba(48, 67, 66, 0.2);
    --develogi-teal: #65CFB9;
    --dark-blue: #123456;
    --text-primary: #123456;
    --text-gray: #828282;
    --background-light: #f5f6f7;
    --background-light-hover: #0000001e;
    --border-gray: #00000020;
}

h1 {
    font-size: 28px;
    font-weight: 700;
}

h2 {
    font-size: 24px;
    font-weight: 600;
}

h3 {
    font-size: 20px;
    font-weight: 600;
}

h4 {
    font-size: 16px;
    font-weight: 600;
}

.divider {
    margin: 8px auto 10px auto;
    width: 50px;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 3px;
    background: #4A9E86;
    outline: none;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 40px;
    height: 20px;
    border-radius: 6px;
    background: #123456;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 40px;
    height: 20px;
    border-radius: 6px;
    background: #123456;
    cursor: pointer;
}