.dither-field{--dither-tile:16px;--dither-tile-1:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M0 0h1v1H0zM4 0h1v1H4zM0 4h1v1H0zM4 4h1v1H4z%27/%3E%3C/svg%3E");--dither-tile-2:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M2 2h1v1H2zM6 2h1v1H6zM2 6h1v1H2zM6 6h1v1H6z%27/%3E%3C/svg%3E");--dither-tile-3:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M2 0h1v1H2zM6 0h1v1H6zM2 4h1v1H2zM6 4h1v1H6z%27/%3E%3C/svg%3E");--dither-tile-4:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M0 2h1v1H0zM4 2h1v1H4zM0 6h1v1H0zM4 6h1v1H4z%27/%3E%3C/svg%3E");--dither-tile-5:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M1 1h1v1H1zM5 1h1v1H5zM1 5h1v1H1zM5 5h1v1H5z%27/%3E%3C/svg%3E");--dither-tile-6:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M3 3h1v1H3zM7 3h1v1H7zM3 7h1v1H3zM7 7h1v1H7z%27/%3E%3C/svg%3E");--dither-tile-7:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M3 1h1v1H3zM7 1h1v1H7zM3 5h1v1H3zM7 5h1v1H7z%27/%3E%3C/svg%3E");--dither-tile-8:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M1 3h1v1H1zM5 3h1v1H5zM1 7h1v1H1zM5 7h1v1H5z%27/%3E%3C/svg%3E");--dither-tile-9:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M1 0h1v1H1zM5 0h1v1H5zM1 4h1v1H1zM5 4h1v1H5z%27/%3E%3C/svg%3E");--dither-tile-10:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M3 2h1v1H3zM7 2h1v1H7zM3 6h1v1H3zM7 6h1v1H7z%27/%3E%3C/svg%3E");--dither-tile-11:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M3 0h1v1H3zM7 0h1v1H7zM3 4h1v1H3zM7 4h1v1H7z%27/%3E%3C/svg%3E");--dither-tile-12:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M1 2h1v1H1zM5 2h1v1H5zM1 6h1v1H1zM5 6h1v1H5z%27/%3E%3C/svg%3E");z-index:-1;inset:calc(-1 * var(--dither-bleed-top,0px)) calc(-1 * var(--dither-bleed-x,0px)) calc(-1 * var(--dither-bleed-bottom,0px));contain:layout paint;pointer-events:none;position:absolute}@media (resolution>=1.25x){.dither-field{--dither-tile:12.8px}}@media (resolution>=1.5x){.dither-field{--dither-tile:calc(32px / 3)}}@media (resolution>=2x){.dither-field{--dither-tile:8px}}@media (resolution>=3x){.dither-field{--dither-tile:calc(16px / 3)}}.dither-field-canvas{opacity:0;image-rendering:pixelated;transition:opacity .2s ease-out;position:absolute;top:0;left:0}.dither-ready .dither-field-canvas{opacity:1;transition:opacity .48s cubic-bezier(.23,1,.32,1)}.dither-field-fallback{top:calc(var(--dither-bleed-top,0px) - var(--dither-gap,0px));right:var(--dither-bleed-x,0px);left:var(--dither-bleed-x,0px);height:var(--dither-gap,0px);opacity:var(--dither-idle,1);transition:opacity .42s ease-out;position:absolute}.dither-lit .dither-field-fallback{opacity:1}.dither-ready .dither-field-fallback{opacity:0;transition:opacity .36s cubic-bezier(.4,0,.6,1) .12s}.dither-field-layer{-webkit-mask-size:var(--dither-tile) var(--dither-tile);-webkit-mask-size:var(--dither-tile) var(--dither-tile);mask-size:var(--dither-tile) var(--dither-tile);position:absolute;inset:0;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:repeat;mask-repeat:repeat}.dither-field-layer[data-ink=deep]{background:radial-gradient(56% 120% at 50% 100%, var(--dither-ink-deep) var(--dither-ring), transparent var(--dither-ring))}.dither-field-layer[data-ink=bright]{background:radial-gradient(56% 180% at 50% 100%, var(--dither-ink-bright) var(--dither-ring), transparent var(--dither-ring))}.dither-field-layer[data-level="1"]{-webkit-mask-image:var(--dither-tile-1);-webkit-mask-image:var(--dither-tile-1);mask-image:var(--dither-tile-1)}.dither-field-layer[data-level="2"]{-webkit-mask-image:var(--dither-tile-2);-webkit-mask-image:var(--dither-tile-2);mask-image:var(--dither-tile-2)}.dither-field-layer[data-level="3"]{-webkit-mask-image:var(--dither-tile-3);-webkit-mask-image:var(--dither-tile-3);mask-image:var(--dither-tile-3)}.dither-field-layer[data-level="4"]{-webkit-mask-image:var(--dither-tile-4);-webkit-mask-image:var(--dither-tile-4);mask-image:var(--dither-tile-4)}.dither-field-layer[data-level="5"]{-webkit-mask-image:var(--dither-tile-5);-webkit-mask-image:var(--dither-tile-5);mask-image:var(--dither-tile-5)}.dither-field-layer[data-level="6"]{-webkit-mask-image:var(--dither-tile-6);-webkit-mask-image:var(--dither-tile-6);mask-image:var(--dither-tile-6)}.dither-field-layer[data-level="7"]{-webkit-mask-image:var(--dither-tile-7);-webkit-mask-image:var(--dither-tile-7);mask-image:var(--dither-tile-7)}.dither-field-layer[data-level="8"]{-webkit-mask-image:var(--dither-tile-8);-webkit-mask-image:var(--dither-tile-8);mask-image:var(--dither-tile-8)}.dither-field-layer[data-level="9"]{-webkit-mask-image:var(--dither-tile-9);-webkit-mask-image:var(--dither-tile-9);mask-image:var(--dither-tile-9)}.dither-field-layer[data-level="10"]{-webkit-mask-image:var(--dither-tile-10);-webkit-mask-image:var(--dither-tile-10);mask-image:var(--dither-tile-10)}.dither-field-layer[data-level="11"]{-webkit-mask-image:var(--dither-tile-11);-webkit-mask-image:var(--dither-tile-11);mask-image:var(--dither-tile-11)}.dither-field-layer[data-level="12"]{-webkit-mask-image:var(--dither-tile-12);-webkit-mask-image:var(--dither-tile-12);mask-image:var(--dither-tile-12)}@media (prefers-reduced-motion:reduce){.dither-field-canvas,.dither-field-fallback{transition:none}}@media print,(forced-colors:active){.dither-field{display:none}}.dither-image{contain:layout paint;pointer-events:none;position:absolute;inset:0}.dither-image-canvas{opacity:0;image-rendering:pixelated;transition:opacity .2s ease-out;position:absolute;top:0;left:0}.dither-image.dither-ready .dither-image-canvas{opacity:1;transition:opacity .48s cubic-bezier(.23,1,.32,1)}@media (prefers-reduced-motion:reduce){.dither-image-canvas{transition:none}}@media print,(forced-colors:active){.dither-image{display:none}}