/*
 * FILE: css/image-position.css
 * PURPOSE: Shared object-position utility classes for cover images across Admin and Discover.
 * RESPONSIBILITY: Provide one positioning implementation for all image placements.
 */

.image-position-x-0 { --image-position-x: 0%; }
.image-position-x-1 { --image-position-x: 1%; }
.image-position-x-2 { --image-position-x: 2%; }
.image-position-x-3 { --image-position-x: 3%; }
.image-position-x-4 { --image-position-x: 4%; }
.image-position-x-5 { --image-position-x: 5%; }
.image-position-x-6 { --image-position-x: 6%; }
.image-position-x-7 { --image-position-x: 7%; }
.image-position-x-8 { --image-position-x: 8%; }
.image-position-x-9 { --image-position-x: 9%; }
.image-position-x-10 { --image-position-x: 10%; }
.image-position-x-11 { --image-position-x: 11%; }
.image-position-x-12 { --image-position-x: 12%; }
.image-position-x-13 { --image-position-x: 13%; }
.image-position-x-14 { --image-position-x: 14%; }
.image-position-x-15 { --image-position-x: 15%; }
.image-position-x-16 { --image-position-x: 16%; }
.image-position-x-17 { --image-position-x: 17%; }
.image-position-x-18 { --image-position-x: 18%; }
.image-position-x-19 { --image-position-x: 19%; }
.image-position-x-20 { --image-position-x: 20%; }
.image-position-x-21 { --image-position-x: 21%; }
.image-position-x-22 { --image-position-x: 22%; }
.image-position-x-23 { --image-position-x: 23%; }
.image-position-x-24 { --image-position-x: 24%; }
.image-position-x-25 { --image-position-x: 25%; }
.image-position-x-26 { --image-position-x: 26%; }
.image-position-x-27 { --image-position-x: 27%; }
.image-position-x-28 { --image-position-x: 28%; }
.image-position-x-29 { --image-position-x: 29%; }
.image-position-x-30 { --image-position-x: 30%; }
.image-position-x-31 { --image-position-x: 31%; }
.image-position-x-32 { --image-position-x: 32%; }
.image-position-x-33 { --image-position-x: 33%; }
.image-position-x-34 { --image-position-x: 34%; }
.image-position-x-35 { --image-position-x: 35%; }
.image-position-x-36 { --image-position-x: 36%; }
.image-position-x-37 { --image-position-x: 37%; }
.image-position-x-38 { --image-position-x: 38%; }
.image-position-x-39 { --image-position-x: 39%; }
.image-position-x-40 { --image-position-x: 40%; }
.image-position-x-41 { --image-position-x: 41%; }
.image-position-x-42 { --image-position-x: 42%; }
.image-position-x-43 { --image-position-x: 43%; }
.image-position-x-44 { --image-position-x: 44%; }
.image-position-x-45 { --image-position-x: 45%; }
.image-position-x-46 { --image-position-x: 46%; }
.image-position-x-47 { --image-position-x: 47%; }
.image-position-x-48 { --image-position-x: 48%; }
.image-position-x-49 { --image-position-x: 49%; }
.image-position-x-50 { --image-position-x: 50%; }
.image-position-x-51 { --image-position-x: 51%; }
.image-position-x-52 { --image-position-x: 52%; }
.image-position-x-53 { --image-position-x: 53%; }
.image-position-x-54 { --image-position-x: 54%; }
.image-position-x-55 { --image-position-x: 55%; }
.image-position-x-56 { --image-position-x: 56%; }
.image-position-x-57 { --image-position-x: 57%; }
.image-position-x-58 { --image-position-x: 58%; }
.image-position-x-59 { --image-position-x: 59%; }
.image-position-x-60 { --image-position-x: 60%; }
.image-position-x-61 { --image-position-x: 61%; }
.image-position-x-62 { --image-position-x: 62%; }
.image-position-x-63 { --image-position-x: 63%; }
.image-position-x-64 { --image-position-x: 64%; }
.image-position-x-65 { --image-position-x: 65%; }
.image-position-x-66 { --image-position-x: 66%; }
.image-position-x-67 { --image-position-x: 67%; }
.image-position-x-68 { --image-position-x: 68%; }
.image-position-x-69 { --image-position-x: 69%; }
.image-position-x-70 { --image-position-x: 70%; }
.image-position-x-71 { --image-position-x: 71%; }
.image-position-x-72 { --image-position-x: 72%; }
.image-position-x-73 { --image-position-x: 73%; }
.image-position-x-74 { --image-position-x: 74%; }
.image-position-x-75 { --image-position-x: 75%; }
.image-position-x-76 { --image-position-x: 76%; }
.image-position-x-77 { --image-position-x: 77%; }
.image-position-x-78 { --image-position-x: 78%; }
.image-position-x-79 { --image-position-x: 79%; }
.image-position-x-80 { --image-position-x: 80%; }
.image-position-x-81 { --image-position-x: 81%; }
.image-position-x-82 { --image-position-x: 82%; }
.image-position-x-83 { --image-position-x: 83%; }
.image-position-x-84 { --image-position-x: 84%; }
.image-position-x-85 { --image-position-x: 85%; }
.image-position-x-86 { --image-position-x: 86%; }
.image-position-x-87 { --image-position-x: 87%; }
.image-position-x-88 { --image-position-x: 88%; }
.image-position-x-89 { --image-position-x: 89%; }
.image-position-x-90 { --image-position-x: 90%; }
.image-position-x-91 { --image-position-x: 91%; }
.image-position-x-92 { --image-position-x: 92%; }
.image-position-x-93 { --image-position-x: 93%; }
.image-position-x-94 { --image-position-x: 94%; }
.image-position-x-95 { --image-position-x: 95%; }
.image-position-x-96 { --image-position-x: 96%; }
.image-position-x-97 { --image-position-x: 97%; }
.image-position-x-98 { --image-position-x: 98%; }
.image-position-x-99 { --image-position-x: 99%; }
.image-position-x-100 { --image-position-x: 100%; }
.image-position-y-0 { --image-position-y: 0%; }
.image-position-y-1 { --image-position-y: 1%; }
.image-position-y-2 { --image-position-y: 2%; }
.image-position-y-3 { --image-position-y: 3%; }
.image-position-y-4 { --image-position-y: 4%; }
.image-position-y-5 { --image-position-y: 5%; }
.image-position-y-6 { --image-position-y: 6%; }
.image-position-y-7 { --image-position-y: 7%; }
.image-position-y-8 { --image-position-y: 8%; }
.image-position-y-9 { --image-position-y: 9%; }
.image-position-y-10 { --image-position-y: 10%; }
.image-position-y-11 { --image-position-y: 11%; }
.image-position-y-12 { --image-position-y: 12%; }
.image-position-y-13 { --image-position-y: 13%; }
.image-position-y-14 { --image-position-y: 14%; }
.image-position-y-15 { --image-position-y: 15%; }
.image-position-y-16 { --image-position-y: 16%; }
.image-position-y-17 { --image-position-y: 17%; }
.image-position-y-18 { --image-position-y: 18%; }
.image-position-y-19 { --image-position-y: 19%; }
.image-position-y-20 { --image-position-y: 20%; }
.image-position-y-21 { --image-position-y: 21%; }
.image-position-y-22 { --image-position-y: 22%; }
.image-position-y-23 { --image-position-y: 23%; }
.image-position-y-24 { --image-position-y: 24%; }
.image-position-y-25 { --image-position-y: 25%; }
.image-position-y-26 { --image-position-y: 26%; }
.image-position-y-27 { --image-position-y: 27%; }
.image-position-y-28 { --image-position-y: 28%; }
.image-position-y-29 { --image-position-y: 29%; }
.image-position-y-30 { --image-position-y: 30%; }
.image-position-y-31 { --image-position-y: 31%; }
.image-position-y-32 { --image-position-y: 32%; }
.image-position-y-33 { --image-position-y: 33%; }
.image-position-y-34 { --image-position-y: 34%; }
.image-position-y-35 { --image-position-y: 35%; }
.image-position-y-36 { --image-position-y: 36%; }
.image-position-y-37 { --image-position-y: 37%; }
.image-position-y-38 { --image-position-y: 38%; }
.image-position-y-39 { --image-position-y: 39%; }
.image-position-y-40 { --image-position-y: 40%; }
.image-position-y-41 { --image-position-y: 41%; }
.image-position-y-42 { --image-position-y: 42%; }
.image-position-y-43 { --image-position-y: 43%; }
.image-position-y-44 { --image-position-y: 44%; }
.image-position-y-45 { --image-position-y: 45%; }
.image-position-y-46 { --image-position-y: 46%; }
.image-position-y-47 { --image-position-y: 47%; }
.image-position-y-48 { --image-position-y: 48%; }
.image-position-y-49 { --image-position-y: 49%; }
.image-position-y-50 { --image-position-y: 50%; }
.image-position-y-51 { --image-position-y: 51%; }
.image-position-y-52 { --image-position-y: 52%; }
.image-position-y-53 { --image-position-y: 53%; }
.image-position-y-54 { --image-position-y: 54%; }
.image-position-y-55 { --image-position-y: 55%; }
.image-position-y-56 { --image-position-y: 56%; }
.image-position-y-57 { --image-position-y: 57%; }
.image-position-y-58 { --image-position-y: 58%; }
.image-position-y-59 { --image-position-y: 59%; }
.image-position-y-60 { --image-position-y: 60%; }
.image-position-y-61 { --image-position-y: 61%; }
.image-position-y-62 { --image-position-y: 62%; }
.image-position-y-63 { --image-position-y: 63%; }
.image-position-y-64 { --image-position-y: 64%; }
.image-position-y-65 { --image-position-y: 65%; }
.image-position-y-66 { --image-position-y: 66%; }
.image-position-y-67 { --image-position-y: 67%; }
.image-position-y-68 { --image-position-y: 68%; }
.image-position-y-69 { --image-position-y: 69%; }
.image-position-y-70 { --image-position-y: 70%; }
.image-position-y-71 { --image-position-y: 71%; }
.image-position-y-72 { --image-position-y: 72%; }
.image-position-y-73 { --image-position-y: 73%; }
.image-position-y-74 { --image-position-y: 74%; }
.image-position-y-75 { --image-position-y: 75%; }
.image-position-y-76 { --image-position-y: 76%; }
.image-position-y-77 { --image-position-y: 77%; }
.image-position-y-78 { --image-position-y: 78%; }
.image-position-y-79 { --image-position-y: 79%; }
.image-position-y-80 { --image-position-y: 80%; }
.image-position-y-81 { --image-position-y: 81%; }
.image-position-y-82 { --image-position-y: 82%; }
.image-position-y-83 { --image-position-y: 83%; }
.image-position-y-84 { --image-position-y: 84%; }
.image-position-y-85 { --image-position-y: 85%; }
.image-position-y-86 { --image-position-y: 86%; }
.image-position-y-87 { --image-position-y: 87%; }
.image-position-y-88 { --image-position-y: 88%; }
.image-position-y-89 { --image-position-y: 89%; }
.image-position-y-90 { --image-position-y: 90%; }
.image-position-y-91 { --image-position-y: 91%; }
.image-position-y-92 { --image-position-y: 92%; }
.image-position-y-93 { --image-position-y: 93%; }
.image-position-y-94 { --image-position-y: 94%; }
.image-position-y-95 { --image-position-y: 95%; }
.image-position-y-96 { --image-position-y: 96%; }
.image-position-y-97 { --image-position-y: 97%; }
.image-position-y-98 { --image-position-y: 98%; }
.image-position-y-99 { --image-position-y: 99%; }
.image-position-y-100 { --image-position-y: 100%; }

/* Zoom levels used by the CMS image-position editor and public previews. */
.image-position-scale-100 { --image-position-scale: 1.0; }
.image-position-scale-110 { --image-position-scale: 1.1; }
.image-position-scale-120 { --image-position-scale: 1.2; }
.image-position-scale-130 { --image-position-scale: 1.3; }
.image-position-scale-140 { --image-position-scale: 1.4; }
.image-position-scale-150 { --image-position-scale: 1.5; }
.image-position-scale-160 { --image-position-scale: 1.6; }
.image-position-scale-170 { --image-position-scale: 1.7; }
.image-position-scale-180 { --image-position-scale: 1.8; }
.image-position-scale-190 { --image-position-scale: 1.9; }
.image-position-scale-200 { --image-position-scale: 2.0; }
.image-position-scale-210 { --image-position-scale: 2.1; }
.image-position-scale-220 { --image-position-scale: 2.2; }
.image-position-scale-230 { --image-position-scale: 2.3; }
.image-position-scale-240 { --image-position-scale: 2.4; }
.image-position-scale-250 { --image-position-scale: 2.5; }
.image-position-object {
  object-position: var(--image-position-x, 50%) var(--image-position-y, 50%);
  transform: scale(var(--image-position-scale, 1));
  transform-origin: center center;
}