/* 
 * Nonstandard CSS
 * 
 * This file contains nonstandard CSS properties that are not part of the official CSS specification.
 * These properties are used to enhance the appearance and behavior of the website in specific browsers.
 * 
 * Note: Nonstandard CSS properties may not be supported in all browsers and may be deprecated in the future.
 */

/* Webkit-specific properties */

/* 主题切换 */
.theme-picker-popup-div {
    -webkit-backdrop-filter: blur(30px);
}

/* 页面主题色 */
.color-picker-popup-div {
    -webkit-backdrop-filter: blur(30px);
}

.color-picker-slider::-webkit-slider-runnable-track {
    height: 5px;
    border-radius: var(--global-el-border-radius, 10px);
    border: 1px solid var(--border-color);
}

.color-picker-slider::-webkit-slider-thumb {
    appearance: none;
    position: relative;
    height: 20px;
    width: 10px;
    margin-top: -7px;
    background-color: var(--theme-color, #ea6f5a);
    border-radius: 3px;
    cursor: pointer;
    transition: transform var(--global-transition-duration, 500ms);
    border: 1px solid var(--border-color);
}

.color-picker-slider::-webkit-slider-thumb:hover {
    transform: scale(1.1);
}

.read-progress::before {
    -webkit-mask: radial-gradient(farthest-side,
            #0000 calc(100% - var(--thickness)),
            #000 calc(100% - var(--thickness)));
}