/* The Look Studio - the handles on the pieces.
 *
 * Written by app/make_ui_schema.py. Do not edit by hand.
 *
 * Every rule here ends in a fallback that is exactly what the piece
 * does today, so with no preset loaded these lines change nothing.
 * 'translate' and 'scale' are the separate transform properties: they
 * add to a piece's own 'transform' instead of overwriting it.
 */

/* Top-left sigil - Star map, top left corner */
#ctl-sig, .ctl-sig {
  translate: var(--ui-dx-sigil, 0) var(--ui-dy-sigil, 0);
  scale: var(--ui-scale-sigil, 1);
}
#ctl-sig, .ctl-sig, #ctl-sig::before {
  clip-path: var(--ui-shape-sigil, polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%));
}

/* Your avatar - Star map, top right corner */
.prof-av {
  translate: var(--ui-dx-avatar, 0) var(--ui-dy-avatar, 0);
  scale: var(--ui-scale-avatar, 1);
}
.prof-av {
  clip-path: var(--ui-shape-avatar, polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%));
}

/* The big profile face - Profile panel and the standing pages */
.prof-me .big, .site-face .shot {
  translate: var(--ui-dx-face, 0) var(--ui-dy-face, 0);
  scale: var(--ui-scale-face, 1);
}
.prof-me .big, .site-face .shot {
  clip-path: var(--ui-shape-face, polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%));
}

/* A tab button - Every page, along the top */
.prof-tab {
  translate: var(--ui-dx-tab, 0) var(--ui-dy-tab, 0);
  scale: var(--ui-scale-tab, 1);
}
.prof-tab {
  clip-path: var(--ui-shape-tab, none);
}

/* The dock - Star map, along the foot */
.dock {
  translate: var(--ui-dx-dock, 0) var(--ui-dy-dock, 0);
  scale: var(--ui-scale-dock, 1);
}

/* A slider knob - The sliders under the star map */
.hold-hex, .dknob {
  translate: var(--ui-dx-knob, 0) var(--ui-dy-knob, 0);
  scale: var(--ui-scale-knob, 1);
}

/* The search field - Top bar and the library */
#q {
  translate: var(--ui-dx-search, 0) var(--ui-dy-search, 0);
  scale: var(--ui-scale-search, 1);
}
#q {
  clip-path: var(--ui-shape-search, none);
}

/* The action row - Cards and world pages */
.acts, .wacts {
  translate: var(--ui-dx-acts, 0) var(--ui-dy-acts, 0);
  scale: var(--ui-scale-acts, 1);
}

/* The rail - Atlas and Library, down the left */
aside.rail {
  translate: var(--ui-dx-rail, 0) var(--ui-dy-rail, 0);
  scale: var(--ui-scale-rail, 1);
}

/* A rail card - Atlas and Library, in the rail */
.rail-card {
  translate: var(--ui-dx-railcard, 0) var(--ui-dy-railcard, 0);
  scale: var(--ui-scale-railcard, 1);
}

/* The sort and tool bar - Atlas and Library, above the worlds */
div.sub {
  translate: var(--ui-dx-toolbar, 0) var(--ui-dy-toolbar, 0);
  scale: var(--ui-scale-toolbar, 1);
}

/* A world's hero - The top of a world page */
.whero {
  translate: var(--ui-dx-hero, 0) var(--ui-dy-hero, 0);
  scale: var(--ui-scale-hero, 1);
}

/* A panel on a world page - Down a world page */
.wcard {
  translate: var(--ui-dx-wcard, 0) var(--ui-dy-wcard, 0);
  scale: var(--ui-scale-wcard, 1);
}