:root{
  --ease-ui:cubic-bezier(.2,.8,.2,1);       /* hovers, presses, fades, anything closing. Takes (.2,.7,.2,1) and (.2,.75,.2,1) */
  --ease-arrive:cubic-bezier(.22,1,.36,1);  /* anything arriving or opening. Takes (.3,.7,.2,1) */
  --ease-move:cubic-bezier(.65,0,.35,1);    /* something moving on screen, or a value changing in place. Takes (.6,0,.2,1) (.4,0,.2,1) (.5,0,.2,1) (.45,0,.25,1) */
  --ease-pop:cubic-bezier(.3,1.5,.5,1);     /* small marks only, a dot, a check, the lime square. Takes (.3,1.4,.5,1) and (.3,1.6,.5,1) */
  --ease-fall:cubic-bezier(.5,0,.85,.45);   /* the 1 thing that falls, the cost blocks dropping in (stack.js). Kept as it is */

  --t-swap:120ms;     /* content changing in place, the next ad on an arrow */
  --t-hide:140ms;     /* a big surface getting out of the way before it's rearranged, the wall */
  --t-close:160ms;    /* something closing, the large view */
  --t-quick:200ms;    /* backdrops, plain fades, text swapping, a tile arriving */
  --t-show:240ms;     /* a surface opening or coming back, the ad in the large view, the wall after a pick */
  --t-arrive:320ms;   /* items arriving 1 by 1, ANDi's rows and reasons */
  --t-glide:400ms;    /* something moving from 1 place to another, ANDi's parts between creators and its rows re-sorting */
  --t-fill:700ms;     /* a bar filling from 0, ANDi's parts */
  --t-type:1100ms;    /* a line typed into a box, fast and steady. ANDi's brief, 121 characters */

  --stagger:75ms;     /* between items in a row of them */
  --stagger-live:190ms; /* between results landing 1 by 1 while the list re-sorts, ANDi's rows. Long enough to see each move */
  --beat:160ms;       /* between something landing and the next thing starting */
  --t-wait:250ms;     /* the longest the wall waits for its pictures before it comes back anyway */
  --rise:6px;         /* the 1 distance anything arrives from */
}

.hws .hw-tabs [role="tab"]{position:relative;overflow:hidden}
.hw-tm{position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;opacity:0;transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.hws .hw-tabs [role="tab"][aria-selected="true"] .hw-tm{opacity:1}
.hws.hw-kb .hw-card.cur{animation:none}

.field[data-v="wall"] .grid.pick .wc{transition-delay:0s,1s,1s,0s}
.field[data-v="wall"] .grid.mv .wc,.field[data-v="wall"] .grid.mv .wc .wb{transition:none}
