body {
    font-family: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

input,
button {
    transition: all 0.2s ease;
}

.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
    vertical-align: middle;
}

[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 9999px;
    background: #0f172a;
    cursor: pointer;
}

[type='range']::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 9999px;
    background: #0f172a;
    cursor: pointer;
}