/* 
 * 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: var(--global-backdrop-filter);
}

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

.color-picker-slider::-webkit-slider-runnable-track {
    height: 0.375rem;
    border-radius: var(--global-el-border-radius);
    border: var(--global-border) var(--border-color);
}

.color-picker-slider::-webkit-slider-thumb {
    appearance: none;
    position: relative;
    height: 1.25rem;
    width: 0.75rem;
    margin-top: -0.4375rem;
    background-color: var(--theme-color);
    border-radius: var(--global-scrollbar-border-radius);
    cursor: pointer;
    transition: transform var(--global-transition-duration);
    border: var(--global-border) var(--border-color);
}

.color-picker-slider::-webkit-slider-thumb:hover {
    transform: scale(var(--global-transform-ratio-small));
}

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