/* Sunshine Coffee — paper. Every large surface gets a faint tooth to it. */
:root{
  --texture-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); /* @kind other */
  --grain-opacity:.06; /* @kind other */
  --grain-opacity-ink:.12; /* @kind other */
  --texture-paper:var(--texture-grain); /* @kind other */
}
.sc-grain{position:relative}
.sc-grain::after{content:"";position:absolute;inset:0;background-image:var(--texture-grain);background-size:140px 140px;opacity:var(--grain-opacity);pointer-events:none;mix-blend-mode:multiply;border-radius:inherit}
.sc-grain-ink::after{opacity:var(--grain-opacity-ink);mix-blend-mode:soft-light}