/* 
 * 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 */

* {
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-thumb {
    background: var(--theme-color, #c7a2ec);
    border-radius: 4px
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-bg-color)
}

body {
    -webkit-font-smoothing: antialiased;
}

.sidebar::-webkit-scrollbar {
    width: 4px
}

.sidebar::-webkit-scrollbar-thumb {
    background: var(--theme-color, #c7a2ec);
    border-radius: 4px
}

.sidebar::-webkit-scrollbar-track {
    background: var(--scrollbar-bg-color)
}

.markdown-section output:after,
.markdown-section pre>code {
    -webkit-font-smoothing: initial
}

.markdown-section summary::-webkit-details-marker {
    display: none;
}

.markdown-section summary::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 4 L16 10 L5 16 Z' fill='black' stroke='black' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

code .token {
    -webkit-font-smoothing: initial;
}

/* Mozilla-specific properties */

body {
    -moz-osx-font-smoothing: grayscale;
}

.markdown-section output:after,
.markdown-section pre>code {
    -moz-osx-font-smoothing: initial;
}

code .token {
    -moz-osx-font-smoothing: initial;
}