/* Made by `npm run crop-css` from src/lib/pick-crop.ts. Don't edit by hand. */
/* Debi's picks: how a card crops its photo (admin → Debi's picks). A card with the default crop
   doesn't use this file at all. The fade moves from the photo to its spot, so a zoomed photo
   keeps the same soft edge; it's the same mask as .pick__mat img in site.css. */
.pick__mat--crop {
  border-radius: 18px;
  -webkit-mask-image: radial-gradient(ellipse 72% 70% at 50% 50%, #000 62%, transparent 100%);
  mask-image: radial-gradient(ellipse 72% 70% at 50% 50%, #000 62%, transparent 100%);
}
.pick__mat--crop img {
  -webkit-mask-image: none;
  mask-image: none;
  border-radius: 0;
  object-position: var(--crop-x, 50%) var(--crop-y, 50%);
  transform: scale(var(--crop-zoom, 1));
  transform-origin: var(--crop-x, 50%) var(--crop-y, 50%);
}
/* The whole photo, at its own shape, centred in the spot with the card's Cream around it. The
   fade goes back onto the photo, so its own edges soften (a fade on the spot would leave the
   hard edges of a narrow photo's white background showing). Same result as object-fit: contain. */
.pick__mat--whole {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  -webkit-mask-image: none;
  mask-image: none;
}
.pick__mat--whole img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: none;
  border-radius: 18px;
  -webkit-mask-image: radial-gradient(ellipse 72% 70% at 50% 50%, #000 62%, transparent 100%);
  mask-image: radial-gradient(ellipse 72% 70% at 50% 50%, #000 62%, transparent 100%);
}
.crop-x-0 { --crop-x: 0%; }
.crop-x-1 { --crop-x: 1%; }
.crop-x-2 { --crop-x: 2%; }
.crop-x-3 { --crop-x: 3%; }
.crop-x-4 { --crop-x: 4%; }
.crop-x-5 { --crop-x: 5%; }
.crop-x-6 { --crop-x: 6%; }
.crop-x-7 { --crop-x: 7%; }
.crop-x-8 { --crop-x: 8%; }
.crop-x-9 { --crop-x: 9%; }
.crop-x-10 { --crop-x: 10%; }
.crop-x-11 { --crop-x: 11%; }
.crop-x-12 { --crop-x: 12%; }
.crop-x-13 { --crop-x: 13%; }
.crop-x-14 { --crop-x: 14%; }
.crop-x-15 { --crop-x: 15%; }
.crop-x-16 { --crop-x: 16%; }
.crop-x-17 { --crop-x: 17%; }
.crop-x-18 { --crop-x: 18%; }
.crop-x-19 { --crop-x: 19%; }
.crop-x-20 { --crop-x: 20%; }
.crop-x-21 { --crop-x: 21%; }
.crop-x-22 { --crop-x: 22%; }
.crop-x-23 { --crop-x: 23%; }
.crop-x-24 { --crop-x: 24%; }
.crop-x-25 { --crop-x: 25%; }
.crop-x-26 { --crop-x: 26%; }
.crop-x-27 { --crop-x: 27%; }
.crop-x-28 { --crop-x: 28%; }
.crop-x-29 { --crop-x: 29%; }
.crop-x-30 { --crop-x: 30%; }
.crop-x-31 { --crop-x: 31%; }
.crop-x-32 { --crop-x: 32%; }
.crop-x-33 { --crop-x: 33%; }
.crop-x-34 { --crop-x: 34%; }
.crop-x-35 { --crop-x: 35%; }
.crop-x-36 { --crop-x: 36%; }
.crop-x-37 { --crop-x: 37%; }
.crop-x-38 { --crop-x: 38%; }
.crop-x-39 { --crop-x: 39%; }
.crop-x-40 { --crop-x: 40%; }
.crop-x-41 { --crop-x: 41%; }
.crop-x-42 { --crop-x: 42%; }
.crop-x-43 { --crop-x: 43%; }
.crop-x-44 { --crop-x: 44%; }
.crop-x-45 { --crop-x: 45%; }
.crop-x-46 { --crop-x: 46%; }
.crop-x-47 { --crop-x: 47%; }
.crop-x-48 { --crop-x: 48%; }
.crop-x-49 { --crop-x: 49%; }
.crop-x-50 { --crop-x: 50%; }
.crop-x-51 { --crop-x: 51%; }
.crop-x-52 { --crop-x: 52%; }
.crop-x-53 { --crop-x: 53%; }
.crop-x-54 { --crop-x: 54%; }
.crop-x-55 { --crop-x: 55%; }
.crop-x-56 { --crop-x: 56%; }
.crop-x-57 { --crop-x: 57%; }
.crop-x-58 { --crop-x: 58%; }
.crop-x-59 { --crop-x: 59%; }
.crop-x-60 { --crop-x: 60%; }
.crop-x-61 { --crop-x: 61%; }
.crop-x-62 { --crop-x: 62%; }
.crop-x-63 { --crop-x: 63%; }
.crop-x-64 { --crop-x: 64%; }
.crop-x-65 { --crop-x: 65%; }
.crop-x-66 { --crop-x: 66%; }
.crop-x-67 { --crop-x: 67%; }
.crop-x-68 { --crop-x: 68%; }
.crop-x-69 { --crop-x: 69%; }
.crop-x-70 { --crop-x: 70%; }
.crop-x-71 { --crop-x: 71%; }
.crop-x-72 { --crop-x: 72%; }
.crop-x-73 { --crop-x: 73%; }
.crop-x-74 { --crop-x: 74%; }
.crop-x-75 { --crop-x: 75%; }
.crop-x-76 { --crop-x: 76%; }
.crop-x-77 { --crop-x: 77%; }
.crop-x-78 { --crop-x: 78%; }
.crop-x-79 { --crop-x: 79%; }
.crop-x-80 { --crop-x: 80%; }
.crop-x-81 { --crop-x: 81%; }
.crop-x-82 { --crop-x: 82%; }
.crop-x-83 { --crop-x: 83%; }
.crop-x-84 { --crop-x: 84%; }
.crop-x-85 { --crop-x: 85%; }
.crop-x-86 { --crop-x: 86%; }
.crop-x-87 { --crop-x: 87%; }
.crop-x-88 { --crop-x: 88%; }
.crop-x-89 { --crop-x: 89%; }
.crop-x-90 { --crop-x: 90%; }
.crop-x-91 { --crop-x: 91%; }
.crop-x-92 { --crop-x: 92%; }
.crop-x-93 { --crop-x: 93%; }
.crop-x-94 { --crop-x: 94%; }
.crop-x-95 { --crop-x: 95%; }
.crop-x-96 { --crop-x: 96%; }
.crop-x-97 { --crop-x: 97%; }
.crop-x-98 { --crop-x: 98%; }
.crop-x-99 { --crop-x: 99%; }
.crop-x-100 { --crop-x: 100%; }
.crop-y-0 { --crop-y: 0%; }
.crop-y-1 { --crop-y: 1%; }
.crop-y-2 { --crop-y: 2%; }
.crop-y-3 { --crop-y: 3%; }
.crop-y-4 { --crop-y: 4%; }
.crop-y-5 { --crop-y: 5%; }
.crop-y-6 { --crop-y: 6%; }
.crop-y-7 { --crop-y: 7%; }
.crop-y-8 { --crop-y: 8%; }
.crop-y-9 { --crop-y: 9%; }
.crop-y-10 { --crop-y: 10%; }
.crop-y-11 { --crop-y: 11%; }
.crop-y-12 { --crop-y: 12%; }
.crop-y-13 { --crop-y: 13%; }
.crop-y-14 { --crop-y: 14%; }
.crop-y-15 { --crop-y: 15%; }
.crop-y-16 { --crop-y: 16%; }
.crop-y-17 { --crop-y: 17%; }
.crop-y-18 { --crop-y: 18%; }
.crop-y-19 { --crop-y: 19%; }
.crop-y-20 { --crop-y: 20%; }
.crop-y-21 { --crop-y: 21%; }
.crop-y-22 { --crop-y: 22%; }
.crop-y-23 { --crop-y: 23%; }
.crop-y-24 { --crop-y: 24%; }
.crop-y-25 { --crop-y: 25%; }
.crop-y-26 { --crop-y: 26%; }
.crop-y-27 { --crop-y: 27%; }
.crop-y-28 { --crop-y: 28%; }
.crop-y-29 { --crop-y: 29%; }
.crop-y-30 { --crop-y: 30%; }
.crop-y-31 { --crop-y: 31%; }
.crop-y-32 { --crop-y: 32%; }
.crop-y-33 { --crop-y: 33%; }
.crop-y-34 { --crop-y: 34%; }
.crop-y-35 { --crop-y: 35%; }
.crop-y-36 { --crop-y: 36%; }
.crop-y-37 { --crop-y: 37%; }
.crop-y-38 { --crop-y: 38%; }
.crop-y-39 { --crop-y: 39%; }
.crop-y-40 { --crop-y: 40%; }
.crop-y-41 { --crop-y: 41%; }
.crop-y-42 { --crop-y: 42%; }
.crop-y-43 { --crop-y: 43%; }
.crop-y-44 { --crop-y: 44%; }
.crop-y-45 { --crop-y: 45%; }
.crop-y-46 { --crop-y: 46%; }
.crop-y-47 { --crop-y: 47%; }
.crop-y-48 { --crop-y: 48%; }
.crop-y-49 { --crop-y: 49%; }
.crop-y-50 { --crop-y: 50%; }
.crop-y-51 { --crop-y: 51%; }
.crop-y-52 { --crop-y: 52%; }
.crop-y-53 { --crop-y: 53%; }
.crop-y-54 { --crop-y: 54%; }
.crop-y-55 { --crop-y: 55%; }
.crop-y-56 { --crop-y: 56%; }
.crop-y-57 { --crop-y: 57%; }
.crop-y-58 { --crop-y: 58%; }
.crop-y-59 { --crop-y: 59%; }
.crop-y-60 { --crop-y: 60%; }
.crop-y-61 { --crop-y: 61%; }
.crop-y-62 { --crop-y: 62%; }
.crop-y-63 { --crop-y: 63%; }
.crop-y-64 { --crop-y: 64%; }
.crop-y-65 { --crop-y: 65%; }
.crop-y-66 { --crop-y: 66%; }
.crop-y-67 { --crop-y: 67%; }
.crop-y-68 { --crop-y: 68%; }
.crop-y-69 { --crop-y: 69%; }
.crop-y-70 { --crop-y: 70%; }
.crop-y-71 { --crop-y: 71%; }
.crop-y-72 { --crop-y: 72%; }
.crop-y-73 { --crop-y: 73%; }
.crop-y-74 { --crop-y: 74%; }
.crop-y-75 { --crop-y: 75%; }
.crop-y-76 { --crop-y: 76%; }
.crop-y-77 { --crop-y: 77%; }
.crop-y-78 { --crop-y: 78%; }
.crop-y-79 { --crop-y: 79%; }
.crop-y-80 { --crop-y: 80%; }
.crop-y-81 { --crop-y: 81%; }
.crop-y-82 { --crop-y: 82%; }
.crop-y-83 { --crop-y: 83%; }
.crop-y-84 { --crop-y: 84%; }
.crop-y-85 { --crop-y: 85%; }
.crop-y-86 { --crop-y: 86%; }
.crop-y-87 { --crop-y: 87%; }
.crop-y-88 { --crop-y: 88%; }
.crop-y-89 { --crop-y: 89%; }
.crop-y-90 { --crop-y: 90%; }
.crop-y-91 { --crop-y: 91%; }
.crop-y-92 { --crop-y: 92%; }
.crop-y-93 { --crop-y: 93%; }
.crop-y-94 { --crop-y: 94%; }
.crop-y-95 { --crop-y: 95%; }
.crop-y-96 { --crop-y: 96%; }
.crop-y-97 { --crop-y: 97%; }
.crop-y-98 { --crop-y: 98%; }
.crop-y-99 { --crop-y: 99%; }
.crop-y-100 { --crop-y: 100%; }
.crop-z-100 { --crop-zoom: 1; }
.crop-z-105 { --crop-zoom: 1.05; }
.crop-z-110 { --crop-zoom: 1.1; }
.crop-z-115 { --crop-zoom: 1.15; }
.crop-z-120 { --crop-zoom: 1.2; }
.crop-z-125 { --crop-zoom: 1.25; }
.crop-z-130 { --crop-zoom: 1.3; }
.crop-z-135 { --crop-zoom: 1.35; }
.crop-z-140 { --crop-zoom: 1.4; }
.crop-z-145 { --crop-zoom: 1.45; }
.crop-z-150 { --crop-zoom: 1.5; }
.crop-z-155 { --crop-zoom: 1.55; }
.crop-z-160 { --crop-zoom: 1.6; }
.crop-z-165 { --crop-zoom: 1.65; }
.crop-z-170 { --crop-zoom: 1.7; }
.crop-z-175 { --crop-zoom: 1.75; }
.crop-z-180 { --crop-zoom: 1.8; }
.crop-z-185 { --crop-zoom: 1.85; }
.crop-z-190 { --crop-zoom: 1.9; }
.crop-z-195 { --crop-zoom: 1.95; }
.crop-z-200 { --crop-zoom: 2; }
.crop-z-205 { --crop-zoom: 2.05; }
.crop-z-210 { --crop-zoom: 2.1; }
.crop-z-215 { --crop-zoom: 2.15; }
.crop-z-220 { --crop-zoom: 2.2; }
.crop-z-225 { --crop-zoom: 2.25; }
.crop-z-230 { --crop-zoom: 2.3; }
.crop-z-235 { --crop-zoom: 2.35; }
.crop-z-240 { --crop-zoom: 2.4; }
.crop-z-245 { --crop-zoom: 2.45; }
.crop-z-250 { --crop-zoom: 2.5; }
.crop-z-255 { --crop-zoom: 2.55; }
.crop-z-260 { --crop-zoom: 2.6; }
.crop-z-265 { --crop-zoom: 2.65; }
.crop-z-270 { --crop-zoom: 2.7; }
.crop-z-275 { --crop-zoom: 2.75; }
.crop-z-280 { --crop-zoom: 2.8; }
.crop-z-285 { --crop-zoom: 2.85; }
.crop-z-290 { --crop-zoom: 2.9; }
.crop-z-295 { --crop-zoom: 2.95; }
.crop-z-300 { --crop-zoom: 3; }