:root{--su-grain-opacity: 0.16}[data-theme='dark']:not([data-su-theme='light']),[data-su-theme='dark']{--su-grain-opacity: 0.1}@media (prefers-color-scheme: dark){:root:not([data-theme='light']):not([data-su-theme='light']){--su-grain-opacity: 0.1}}.su-grain{--su-grain-blend: normal;--su-grain-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='suGrain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.57' numOctaves='3' seed='0'/%3E%3CfeColorMatrix type='matrix' values='0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='6' intercept='-2.5'/%3E%3CfeFuncG type='linear' slope='6' intercept='-2.5'/%3E%3CfeFuncB type='linear' slope='6' intercept='-2.5'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23suGrain)'/%3E%3C/svg%3E");position: relative;isolation: isolate}.su-grain::after{content: '';position: absolute;inset: 0;pointer-events: none;border-radius: inherit;opacity: var(--su-grain-opacity);mix-blend-mode: var(--su-grain-blend);background-image: var(--su-grain-image);background-size: 100% 100%;background-repeat: no-repeat}@media (forced-colors: active){.su-grain::after{display: none}}