UI Normalization

1/* @generated-source wix-headless-replatform */
2/* Identity-neutral layout and motion primitives. Source tokens always win. */
3
4[data-rp-layout="horizontal-card-rail"] [data-rp-track],
5[data-rp-layout="card-grid"] {
6  align-items: stretch;
7}
8
9[data-rp-equal-height="true"] [data-rp-item] {
10  height: var(--rp-item-block-size);
11  min-height: var(--rp-item-block-size);
12  max-height: var(--rp-item-block-size);
13}
14
15[data-rp-item] [data-rp-media] {
16  min-width: 0;
17  overflow: hidden;
18}
19
20[data-rp-item] [data-rp-media] > :is(img, video, iframe) {
21  display: block;
22  width: 100%;
23  height: 100%;
24  object-fit: cover;
25}
26
27[data-rp-item] [data-rp-body] {
28  display: flex;
29  min-width: 0;
30  min-height: 0;
31  flex: 1 1 auto;
32  flex-direction: column;
33}
34
35[data-rp-item] [data-rp-action] {
36  margin-block-start: auto;
37}
38
39[data-rp-motion="micro"] {
40  transition-duration: var(--rp-micro-duration, 180ms);
41  transition-timing-function: var(--rp-motion-easing, cubic-bezier(0.2, 0, 0, 1));
42}
43
44[data-rp-motion="state"] {
45  transition-duration: var(--rp-state-duration, 360ms);
46  transition-timing-function: var(--rp-motion-easing, cubic-bezier(0.2, 0, 0, 1));
47}
48
49[data-rp-layout] :focus-visible {
50  outline: 2px solid currentColor;
51  outline-offset: 3px;
52}
53
54@media (prefers-reduced-motion: reduce) {
55  [data-rp-motion],
56  [data-rp-layout] *,
57  [data-rp-layout] *::before,
58  [data-rp-layout] *::after {
59    scroll-behavior: auto !important;
60    transition-duration: 0.01ms !important;
61    animation-duration: 0.01ms !important;
62    animation-iteration-count: 1 !important;
63  }
64}