/* Schematic material previews. These patterns are not photographs or manufacturer samples. */
[class*=fg-texture-]{background-blend-mode:multiply;isolation:isolate}
.fg-texture-wood{background-image:repeating-linear-gradient(94deg,transparent 0 5px,#0002 6px,transparent 8px 19px,#fff3 20px 22px)}
.fg-texture-plaster{background-image:radial-gradient(ellipse at 20% 30%,#fff6,transparent 48%),radial-gradient(ellipse at 80% 70%,#0001,transparent 65%)}
.fg-texture-concrete{background-image:radial-gradient(circle,#0002 .7px,transparent 1px),linear-gradient(120deg,#fff2,#0001);background-size:9px 11px,100% 100%}
.fg-texture-brick{background-image:linear-gradient(0deg,transparent 90%,#fff6 90%),linear-gradient(90deg,transparent 94%,#fff6 94%);background-size:70px 25px}
.fg-texture-marble{background-image:repeating-linear-gradient(136deg,transparent 0 33px,#8884 34px,transparent 36px 49px,#fff5 50px,transparent 52px 100px)}
.fg-texture-stone{background-image:repeating-linear-gradient(2deg,transparent 0 13px,#0001 14px 17px,transparent 19px 38px),linear-gradient(120deg,#fff3,transparent)}
.fg-texture-terrazzo{background-image:radial-gradient(ellipse at 12% 22%,#5559 0 2px,transparent 3px),radial-gradient(ellipse at 70% 65%,#fff9 0 3px,transparent 4px),radial-gradient(ellipse at 45% 40%,#7777 0 2px,transparent 3px);background-size:23px 29px,31px 39px,17px 27px}
.fg-texture-tile{background-image:linear-gradient(0deg,transparent 96%,#fff6 96%),linear-gradient(90deg,transparent 96%,#fff6 96%);background-size:45px 45px}
.fg-texture-mosaic{background-image:linear-gradient(0deg,transparent 90%,#fff8 90%),linear-gradient(90deg,transparent 90%,#fff8 90%);background-size:14px 14px}
.fg-texture-metal{background-image:repeating-linear-gradient(0deg,#fff2 0 1px,transparent 1px 3px),linear-gradient(110deg,#fff6,transparent 45%,#0002)}
.fg-texture-glass{background-image:linear-gradient(125deg,#fff8,transparent 40% 60%,#fff6)}
.fg-texture-fluted{background-image:repeating-linear-gradient(90deg,#fff6 0,transparent 4px,#0002 9px,#fff6 12px)}
.fg-texture-linen{background-image:repeating-linear-gradient(0deg,#0001 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#fff5 0 1px,transparent 1px 4px)}
.fg-texture-felt{background-image:radial-gradient(circle,#fff3 .6px,transparent 1px);background-size:3px 3px}
.fg-texture-cork{background-image:radial-gradient(ellipse,#0002 0 2px,transparent 3px),radial-gradient(ellipse,#fff3 0 2px,transparent 3px);background-size:13px 17px,19px 11px}
