:root {
    --cloth-red: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22noise%22%20x%3D%220%25%22%20y%3D%220%25%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22turbulence%22%20baseFrequency%3D%220.215%22%20numOctaves%3D%222%22%20seed%3D%221%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%223%200%200%200%20-1%20%200%203%200%200%20-1%20%200%200%203%200%20-1%20%200%200%200%201%200%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200.33%200.33%200.34%200%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22%23d71f27%22%2F%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20filter%3D%22url(%23noise)%22%20opacity%3D%221.000%22%2F%3E%3C%2Fsvg%3E");
    --cloth-white: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22noise%22%20x%3D%220%25%22%20y%3D%220%25%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22turbulence%22%20baseFrequency%3D%220.215%22%20numOctaves%3D%222%22%20seed%3D%221%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%223%200%200%200%20-1%20%200%203%200%200%20-1%20%200%200%203%200%20-1%20%200%200%200%201%200%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.20392156862745098%20%200%200%200%200%200.20392156862745098%20%200%200%200%200%200.20392156862745098%20%200.33%200.33%200.34%200%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20filter%3D%22url(%23noise)%22%20opacity%3D%220.370%22%2F%3E%3C%2Fsvg%3E");
    --cloth-orange: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22noise%22%20x%3D%220%25%22%20y%3D%220%25%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22turbulence%22%20baseFrequency%3D%220.215%22%20numOctaves%3D%222%22%20seed%3D%221%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%223%200%200%200%20-1%20%200%203%200%200%20-1%20%200%200%203%200%20-1%20%200%200%200%201%200%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200.33%200.33%200.34%200%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22%23f2602d%22%2F%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20filter%3D%22url(%23noise)%22%20opacity%3D%221.000%22%2F%3E%3C%2Fsvg%3E");
    --cloth-yellow: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22noise%22%20x%3D%220%25%22%20y%3D%220%25%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22turbulence%22%20baseFrequency%3D%220.215%22%20numOctaves%3D%222%22%20seed%3D%221%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%223%200%200%200%20-1%20%200%203%200%200%20-1%20%200%200%203%200%20-1%20%200%200%200%201%200%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200.33%200.33%200.34%200%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22%23ff9933%22%2F%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20filter%3D%22url(%23noise)%22%20opacity%3D%221.000%22%2F%3E%3C%2Fsvg%3E");
    --cloth-brown: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22noise%22%20x%3D%220%25%22%20y%3D%220%25%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22turbulence%22%20baseFrequency%3D%220.215%22%20numOctaves%3D%222%22%20seed%3D%221%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%223%200%200%200%20-1%20%200%203%200%200%20-1%20%200%200%203%200%20-1%20%200%200%200%201%200%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200.33%200.33%200.34%200%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22%236c3f18%22%2F%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20filter%3D%22url(%23noise)%22%20opacity%3D%221.000%22%2F%3E%3C%2Fsvg%3E");
    --cloth-blue: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22noise%22%20x%3D%220%25%22%20y%3D%220%25%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22turbulence%22%20baseFrequency%3D%220.215%22%20numOctaves%3D%222%22%20seed%3D%221%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%223%200%200%200%20-1%20%200%203%200%200%20-1%20%200%200%203%200%20-1%20%200%200%200%201%200%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200.33%200.33%200.34%200%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22%2335687d%22%2F%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20filter%3D%22url(%23noise)%22%20opacity%3D%221.000%22%2F%3E%3C%2Fsvg%3E");
    --cloth-light-blue: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22noise%22%20x%3D%220%25%22%20y%3D%220%25%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22turbulence%22%20baseFrequency%3D%220.215%22%20numOctaves%3D%222%22%20seed%3D%221%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%223%200%200%200%20-1%20%200%203%200%200%20-1%20%200%200%203%200%20-1%20%200%200%200%201%200%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200.33%200.33%200.34%200%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20fill%3D%22%234f999c%22%2F%3E%3Crect%20width%3D%221024%22%20height%3D%221024%22%20filter%3D%22url(%23noise)%22%20opacity%3D%221.000%22%2F%3E%3C%2Fsvg%3E");

    --cutout-1: polygon(47% 0%, 73% 2%, 100% 0%, 99% 18%, 98% 40%, 99% 53%, 98% 69%, 99% 80%, 98% 92%, 100% 100%, 80% 99%, 65% 100%, 51% 99%, 28% 97%, 0% 100%, 1% 78%, 0% 52%, 2% 30%, 0% 0%, 27% 1%);
}