/* GENERATED by tools/pixellab/emit-kit-css.mjs — do not edit by hand.
 * 48 pieces from PixelLab generate-ui-v2 (Pro). Rebuild after regenerating art:
 *   node tools/pixellab/pack-ui-kit.mjs && node tools/pixellab/emit-kit-css.mjs
 */
:root{--k:1}

/* ---- per-piece tokens: --img-<id> / --sl-<id> / --bw-<id> / --size-<id> ---- */
:root{
  --img-actionbar-strip:url(/assets/ui/emberbound/actionbar-strip.png);
  --sl-actionbar-strip:11 67 11 67;
  --bw-actionbar-strip:calc(11px*var(--k)) calc(67px*var(--k)) calc(11px*var(--k)) calc(67px*var(--k));
  --size-actionbar-strip:416px 52px;
  --img-arrow-buttons:url(/assets/ui/emberbound/arrow-buttons.png);
  --sl-arrow-buttons:0 0 0 0;
  --bw-arrow-buttons:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-arrow-buttons:256px 64px;
  --img-bag-grid:url(/assets/ui/emberbound/bag-grid.png);
  --sl-bag-grid:25 25 25 25;
  --bw-bag-grid:calc(25px*var(--k)) calc(25px*var(--k)) calc(25px*var(--k)) calc(25px*var(--k));
  --size-bag-grid:497px 368px;
  --img-bar-fill-blue:url(/assets/ui/emberbound/bar-fill-blue.png);
  --sl-bar-fill-blue:0 4 0 4;
  --bw-bar-fill-blue:calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k));
  --size-bar-fill-blue:96px 24px;
  --img-bar-fill-gold:url(/assets/ui/emberbound/bar-fill-gold.png);
  --sl-bar-fill-gold:0 4 0 4;
  --bw-bar-fill-gold:calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k));
  --size-bar-fill-gold:96px 24px;
  --img-bar-fill-green:url(/assets/ui/emberbound/bar-fill-green.png);
  --sl-bar-fill-green:0 4 0 4;
  --bw-bar-fill-green:calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k));
  --size-bar-fill-green:90px 24px;
  --img-bar-fill-red:url(/assets/ui/emberbound/bar-fill-red.png);
  --sl-bar-fill-red:0 4 0 4;
  --bw-bar-fill-red:calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k));
  --size-bar-fill-red:95px 24px;
  --img-bar-frame-long:url(/assets/ui/emberbound/bar-frame-long.png);
  --sl-bar-frame-long:26 52 26 52;
  --bw-bar-frame-long:calc(26px*var(--k)) calc(52px*var(--k)) calc(26px*var(--k)) calc(52px*var(--k));
  --size-bar-frame-long:384px 96px;
  --img-bar-frame-short:url(/assets/ui/emberbound/bar-frame-short.png);
  --sl-bar-frame-short:5 19 5 19;
  --bw-bar-frame-short:calc(5px*var(--k)) calc(19px*var(--k)) calc(5px*var(--k)) calc(19px*var(--k));
  --size-bar-frame-short:170px 16px;
  --img-bar-frame-slim:url(/assets/ui/emberbound/bar-frame-slim.png);
  --sl-bar-frame-slim:4 21 4 21;
  --bw-bar-frame-slim:calc(4px*var(--k)) calc(21px*var(--k)) calc(4px*var(--k)) calc(21px*var(--k));
  --size-bar-frame-slim:218px 12px;
  --img-book-spread:url(/assets/ui/emberbound/book-spread.png);
  --sl-book-spread:26 42 26 42;
  --bw-book-spread:calc(26px*var(--k)) calc(42px*var(--k)) calc(26px*var(--k)) calc(42px*var(--k));
  --size-book-spread:575px 252px;
  --img-buff-frame:url(/assets/ui/emberbound/buff-frame.png);
  --sl-buff-frame:7 7 7 7;
  --bw-buff-frame:calc(7px*var(--k)) calc(7px*var(--k)) calc(7px*var(--k)) calc(7px*var(--k));
  --size-buff-frame:40px 44px;
  --img-button-dark:url(/assets/ui/emberbound/button-dark.png);
  --sl-button-dark:11 24 11 24;
  --bw-button-dark:calc(11px*var(--k)) calc(24px*var(--k)) calc(11px*var(--k)) calc(24px*var(--k));
  --size-button-dark:186px 44px;
  --img-button-gem-blue:url(/assets/ui/emberbound/button-gem-blue.png);
  --sl-button-gem-blue:11 26 11 26;
  --bw-button-gem-blue:calc(11px*var(--k)) calc(26px*var(--k)) calc(11px*var(--k)) calc(26px*var(--k));
  --size-button-gem-blue:198px 45px;
  --img-button-gem-green:url(/assets/ui/emberbound/button-gem-green.png);
  --sl-button-gem-green:11 25 11 25;
  --bw-button-gem-green:calc(11px*var(--k)) calc(25px*var(--k)) calc(11px*var(--k)) calc(25px*var(--k));
  --size-button-gem-green:191px 44px;
  --img-button-gem-red:url(/assets/ui/emberbound/button-gem-red.png);
  --sl-button-gem-red:7 24 7 24;
  --bw-button-gem-red:calc(7px*var(--k)) calc(24px*var(--k)) calc(7px*var(--k)) calc(24px*var(--k));
  --size-button-gem-red:188px 28px;
  --img-button-red:url(/assets/ui/emberbound/button-red.png);
  --sl-button-red:11 25 11 25;
  --bw-button-red:calc(11px*var(--k)) calc(25px*var(--k)) calc(11px*var(--k)) calc(25px*var(--k));
  --size-button-red:192px 42px;
  --img-button-red-hot:url(/assets/ui/emberbound/button-red-hot.png);
  --sl-button-red-hot:11 25 11 25;
  --bw-button-red-hot:calc(11px*var(--k)) calc(25px*var(--k)) calc(11px*var(--k)) calc(25px*var(--k));
  --size-button-red-hot:192px 44px;
  --img-button-round:url(/assets/ui/emberbound/button-round.png);
  --sl-button-round:0 0 0 0;
  --bw-button-round:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-button-round:96px 96px;
  --img-button-skull:url(/assets/ui/emberbound/button-skull.png);
  --sl-button-skull:24 29 13 29;
  --bw-button-skull:calc(24px*var(--k)) calc(29px*var(--k)) calc(13px*var(--k)) calc(29px*var(--k));
  --size-button-skull:218px 67px;
  --img-castbar-frame:url(/assets/ui/emberbound/castbar-frame.png);
  --sl-castbar-frame:25 55 25 55;
  --bw-castbar-frame:calc(25px*var(--k)) calc(55px*var(--k)) calc(25px*var(--k)) calc(55px*var(--k));
  --size-castbar-frame:378px 94px;
  --img-checkbox-off:url(/assets/ui/emberbound/checkbox-off.png);
  --sl-checkbox-off:0 0 0 0;
  --bw-checkbox-off:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-checkbox-off:24px 24px;
  --img-checkbox-on:url(/assets/ui/emberbound/checkbox-on.png);
  --sl-checkbox-on:0 0 0 0;
  --bw-checkbox-on:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-checkbox-on:24px 24px;
  --img-corner-flourish:url(/assets/ui/emberbound/corner-flourish.png);
  --sl-corner-flourish:0 0 0 0;
  --bw-corner-flourish:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-corner-flourish:128px 128px;
  --img-divider-h:url(/assets/ui/emberbound/divider-h.png);
  --sl-divider-h:0 86 0 86;
  --bw-divider-h:calc(0px*var(--k)) calc(86px*var(--k)) calc(0px*var(--k)) calc(86px*var(--k));
  --size-divider-h:376px 44px;
  --img-field-tex:url(/assets/ui/emberbound/field-tex.png);
  --sl-field-tex:0 0 0 0;
  --bw-field-tex:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-field-tex:64px 64px;
  --img-minimap-frame:url(/assets/ui/emberbound/minimap-frame.png);
  --sl-minimap-frame:0 0 0 0;
  --bw-minimap-frame:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-minimap-frame:192px 192px;
  --img-orb-blue:url(/assets/ui/emberbound/orb-blue.png);
  --sl-orb-blue:0 0 0 0;
  --bw-orb-blue:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-orb-blue:104px 104px;
  --img-orb-red:url(/assets/ui/emberbound/orb-red.png);
  --sl-orb-red:0 0 0 0;
  --bw-orb-red:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-orb-red:104px 104px;
  --img-orb-socket:url(/assets/ui/emberbound/orb-socket.png);
  --sl-orb-socket:0 0 0 0;
  --bw-orb-socket:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-orb-socket:104px 104px;
  --img-panel-frame:url(/assets/ui/emberbound/panel-frame.png);
  --sl-panel-frame:20 23 20 23;
  --bw-panel-frame:calc(20px*var(--k)) calc(23px*var(--k)) calc(20px*var(--k)) calc(23px*var(--k));
  --size-panel-frame:286px 173px;
  --img-panel-tex:url(/assets/ui/emberbound/panel-tex.png);
  --sl-panel-tex:0 0 0 0;
  --bw-panel-tex:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-panel-tex:64px 64px;
  --img-portrait-ring:url(/assets/ui/emberbound/portrait-ring.png);
  --sl-portrait-ring:0 0 0 0;
  --bw-portrait-ring:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-portrait-ring:112px 112px;
  --img-portrait-ring-small:url(/assets/ui/emberbound/portrait-ring-small.png);
  --sl-portrait-ring-small:0 0 0 0;
  --bw-portrait-ring-small:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-portrait-ring-small:72px 72px;
  --img-portrait-square:url(/assets/ui/emberbound/portrait-square.png);
  --sl-portrait-square:20 19 20 19;
  --bw-portrait-square:calc(20px*var(--k)) calc(19px*var(--k)) calc(20px*var(--k)) calc(19px*var(--k));
  --size-portrait-square:140px 174px;
  --img-radio-off:url(/assets/ui/emberbound/radio-off.png);
  --sl-radio-off:0 0 0 0;
  --bw-radio-off:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-radio-off:24px 24px;
  --img-radio-on:url(/assets/ui/emberbound/radio-on.png);
  --sl-radio-on:0 0 0 0;
  --bw-radio-on:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-radio-on:24px 24px;
  --img-scroll-thumb:url(/assets/ui/emberbound/scroll-thumb.png);
  --sl-scroll-thumb:19 0 19 0;
  --bw-scroll-thumb:calc(19px*var(--k)) calc(0px*var(--k)) calc(19px*var(--k)) calc(0px*var(--k));
  --size-scroll-thumb:28px 154px;
  --img-slider-handle:url(/assets/ui/emberbound/slider-handle.png);
  --sl-slider-handle:0 0 0 0;
  --bw-slider-handle:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-slider-handle:24px 24px;
  --img-slider-track:url(/assets/ui/emberbound/slider-track.png);
  --sl-slider-track:8 16 8 16;
  --bw-slider-track:calc(8px*var(--k)) calc(16px*var(--k)) calc(8px*var(--k)) calc(16px*var(--k));
  --size-slider-track:186px 25px;
  --img-slot-empty:url(/assets/ui/emberbound/slot-empty.png);
  --sl-slot-empty:8 9 8 9;
  --bw-slot-empty:calc(8px*var(--k)) calc(9px*var(--k)) calc(8px*var(--k)) calc(9px*var(--k));
  --size-slot-empty:44px 43px;
  --img-slot-hex:url(/assets/ui/emberbound/slot-hex.png);
  --sl-slot-hex:0 0 0 0;
  --bw-slot-hex:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-slot-hex:60px 68px;
  --img-slot-hover:url(/assets/ui/emberbound/slot-hover.png);
  --sl-slot-hover:10 10 10 10;
  --bw-slot-hover:calc(10px*var(--k)) calc(10px*var(--k)) calc(10px*var(--k)) calc(10px*var(--k));
  --size-slot-hover:53px 53px;
  --img-tab-plate:url(/assets/ui/emberbound/tab-plate.png);
  --sl-tab-plate:10 13 10 13;
  --bw-tab-plate:calc(10px*var(--k)) calc(13px*var(--k)) calc(10px*var(--k)) calc(13px*var(--k));
  --size-tab-plate:120px 36px;
  --img-target-marker:url(/assets/ui/emberbound/target-marker.png);
  --sl-target-marker:0 0 0 0;
  --bw-target-marker:calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k)) calc(0px*var(--k));
  --size-target-marker:192px 128px;
  --img-titlebar-plate:url(/assets/ui/emberbound/titlebar-plate.png);
  --sl-titlebar-plate:17 64 17 64;
  --bw-titlebar-plate:calc(17px*var(--k)) calc(64px*var(--k)) calc(17px*var(--k)) calc(64px*var(--k));
  --size-titlebar-plate:448px 66px;
  --img-tooltip-frame:url(/assets/ui/emberbound/tooltip-frame.png);
  --sl-tooltip-frame:11 15 11 15;
  --bw-tooltip-frame:calc(11px*var(--k)) calc(15px*var(--k)) calc(11px*var(--k)) calc(15px*var(--k));
  --size-tooltip-frame:158px 90px;
  --img-window-frame:url(/assets/ui/emberbound/window-frame.png);
  --sl-window-frame:48 48 48 48;
  --bw-window-frame:calc(48px*var(--k)) calc(48px*var(--k)) calc(48px*var(--k)) calc(48px*var(--k));
  --size-window-frame:508px 382px;
}

/* ---- 9-slice frames (use with class="k-<id>") ---- */
.k-actionbar-strip{border-style:solid;image-rendering:pixelated;border-width:calc(11px*var(--k)) calc(67px*var(--k)) calc(11px*var(--k)) calc(67px*var(--k));border-image:url(/assets/ui/emberbound/actionbar-strip.png) 11 67 11 67 / calc(11px*var(--k)) calc(67px*var(--k)) calc(11px*var(--k)) calc(67px*var(--k)) stretch}
.k-actionbar-strip.fill{border-image-slice:11 67 11 67 fill}
.k-bag-grid{border-style:solid;image-rendering:pixelated;border-width:calc(25px*var(--k)) calc(25px*var(--k)) calc(25px*var(--k)) calc(25px*var(--k));border-image:url(/assets/ui/emberbound/bag-grid.png) 25 25 25 25 / calc(25px*var(--k)) calc(25px*var(--k)) calc(25px*var(--k)) calc(25px*var(--k)) stretch}
.k-bag-grid.fill{border-image-slice:25 25 25 25 fill}
.k-bar-fill-blue{border-style:solid;image-rendering:pixelated;border-width:calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k));border-image:url(/assets/ui/emberbound/bar-fill-blue.png) 0 4 0 4 / calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k)) stretch}
.k-bar-fill-blue.fill{border-image-slice:0 4 0 4 fill}
.k-bar-fill-gold{border-style:solid;image-rendering:pixelated;border-width:calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k));border-image:url(/assets/ui/emberbound/bar-fill-gold.png) 0 4 0 4 / calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k)) stretch}
.k-bar-fill-gold.fill{border-image-slice:0 4 0 4 fill}
.k-bar-fill-green{border-style:solid;image-rendering:pixelated;border-width:calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k));border-image:url(/assets/ui/emberbound/bar-fill-green.png) 0 4 0 4 / calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k)) stretch}
.k-bar-fill-green.fill{border-image-slice:0 4 0 4 fill}
.k-bar-fill-red{border-style:solid;image-rendering:pixelated;border-width:calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k));border-image:url(/assets/ui/emberbound/bar-fill-red.png) 0 4 0 4 / calc(0px*var(--k)) calc(4px*var(--k)) calc(0px*var(--k)) calc(4px*var(--k)) stretch}
.k-bar-fill-red.fill{border-image-slice:0 4 0 4 fill}
.k-bar-frame-long{border-style:solid;image-rendering:pixelated;border-width:calc(26px*var(--k)) calc(52px*var(--k)) calc(26px*var(--k)) calc(52px*var(--k));border-image:url(/assets/ui/emberbound/bar-frame-long.png) 26 52 26 52 / calc(26px*var(--k)) calc(52px*var(--k)) calc(26px*var(--k)) calc(52px*var(--k)) stretch}
.k-bar-frame-long.fill{border-image-slice:26 52 26 52 fill}
.k-bar-frame-short{border-style:solid;image-rendering:pixelated;border-width:calc(5px*var(--k)) calc(19px*var(--k)) calc(5px*var(--k)) calc(19px*var(--k));border-image:url(/assets/ui/emberbound/bar-frame-short.png) 5 19 5 19 / calc(5px*var(--k)) calc(19px*var(--k)) calc(5px*var(--k)) calc(19px*var(--k)) stretch}
.k-bar-frame-short.fill{border-image-slice:5 19 5 19 fill}
.k-bar-frame-slim{border-style:solid;image-rendering:pixelated;border-width:calc(4px*var(--k)) calc(21px*var(--k)) calc(4px*var(--k)) calc(21px*var(--k));border-image:url(/assets/ui/emberbound/bar-frame-slim.png) 4 21 4 21 / calc(4px*var(--k)) calc(21px*var(--k)) calc(4px*var(--k)) calc(21px*var(--k)) stretch}
.k-bar-frame-slim.fill{border-image-slice:4 21 4 21 fill}
.k-book-spread{border-style:solid;image-rendering:pixelated;border-width:calc(26px*var(--k)) calc(42px*var(--k)) calc(26px*var(--k)) calc(42px*var(--k));border-image:url(/assets/ui/emberbound/book-spread.png) 26 42 26 42 / calc(26px*var(--k)) calc(42px*var(--k)) calc(26px*var(--k)) calc(42px*var(--k)) stretch}
.k-book-spread.fill{border-image-slice:26 42 26 42 fill}
.k-buff-frame{border-style:solid;image-rendering:pixelated;border-width:calc(7px*var(--k)) calc(7px*var(--k)) calc(7px*var(--k)) calc(7px*var(--k));border-image:url(/assets/ui/emberbound/buff-frame.png) 7 7 7 7 / calc(7px*var(--k)) calc(7px*var(--k)) calc(7px*var(--k)) calc(7px*var(--k)) stretch}
.k-buff-frame.fill{border-image-slice:7 7 7 7 fill}
.k-button-dark{border-style:solid;image-rendering:pixelated;border-width:calc(11px*var(--k)) calc(24px*var(--k)) calc(11px*var(--k)) calc(24px*var(--k));border-image:url(/assets/ui/emberbound/button-dark.png) 11 24 11 24 / calc(11px*var(--k)) calc(24px*var(--k)) calc(11px*var(--k)) calc(24px*var(--k)) stretch}
.k-button-dark.fill{border-image-slice:11 24 11 24 fill}
.k-button-gem-blue{border-style:solid;image-rendering:pixelated;border-width:calc(11px*var(--k)) calc(26px*var(--k)) calc(11px*var(--k)) calc(26px*var(--k));border-image:url(/assets/ui/emberbound/button-gem-blue.png) 11 26 11 26 / calc(11px*var(--k)) calc(26px*var(--k)) calc(11px*var(--k)) calc(26px*var(--k)) stretch}
.k-button-gem-blue.fill{border-image-slice:11 26 11 26 fill}
.k-button-gem-green{border-style:solid;image-rendering:pixelated;border-width:calc(11px*var(--k)) calc(25px*var(--k)) calc(11px*var(--k)) calc(25px*var(--k));border-image:url(/assets/ui/emberbound/button-gem-green.png) 11 25 11 25 / calc(11px*var(--k)) calc(25px*var(--k)) calc(11px*var(--k)) calc(25px*var(--k)) stretch}
.k-button-gem-green.fill{border-image-slice:11 25 11 25 fill}
.k-button-gem-red{border-style:solid;image-rendering:pixelated;border-width:calc(7px*var(--k)) calc(24px*var(--k)) calc(7px*var(--k)) calc(24px*var(--k));border-image:url(/assets/ui/emberbound/button-gem-red.png) 7 24 7 24 / calc(7px*var(--k)) calc(24px*var(--k)) calc(7px*var(--k)) calc(24px*var(--k)) stretch}
.k-button-gem-red.fill{border-image-slice:7 24 7 24 fill}
.k-button-red{border-style:solid;image-rendering:pixelated;border-width:calc(11px*var(--k)) calc(25px*var(--k)) calc(11px*var(--k)) calc(25px*var(--k));border-image:url(/assets/ui/emberbound/button-red.png) 11 25 11 25 / calc(11px*var(--k)) calc(25px*var(--k)) calc(11px*var(--k)) calc(25px*var(--k)) stretch}
.k-button-red.fill{border-image-slice:11 25 11 25 fill}
.k-button-red-hot{border-style:solid;image-rendering:pixelated;border-width:calc(11px*var(--k)) calc(25px*var(--k)) calc(11px*var(--k)) calc(25px*var(--k));border-image:url(/assets/ui/emberbound/button-red-hot.png) 11 25 11 25 / calc(11px*var(--k)) calc(25px*var(--k)) calc(11px*var(--k)) calc(25px*var(--k)) stretch}
.k-button-red-hot.fill{border-image-slice:11 25 11 25 fill}
.k-button-skull{border-style:solid;image-rendering:pixelated;border-width:calc(24px*var(--k)) calc(29px*var(--k)) calc(13px*var(--k)) calc(29px*var(--k));border-image:url(/assets/ui/emberbound/button-skull.png) 24 29 13 29 / calc(24px*var(--k)) calc(29px*var(--k)) calc(13px*var(--k)) calc(29px*var(--k)) stretch}
.k-button-skull.fill{border-image-slice:24 29 13 29 fill}
.k-castbar-frame{border-style:solid;image-rendering:pixelated;border-width:calc(25px*var(--k)) calc(55px*var(--k)) calc(25px*var(--k)) calc(55px*var(--k));border-image:url(/assets/ui/emberbound/castbar-frame.png) 25 55 25 55 / calc(25px*var(--k)) calc(55px*var(--k)) calc(25px*var(--k)) calc(55px*var(--k)) stretch}
.k-castbar-frame.fill{border-image-slice:25 55 25 55 fill}
.k-divider-h{border-style:solid;image-rendering:pixelated;border-width:calc(0px*var(--k)) calc(86px*var(--k)) calc(0px*var(--k)) calc(86px*var(--k));border-image:url(/assets/ui/emberbound/divider-h.png) 0 86 0 86 / calc(0px*var(--k)) calc(86px*var(--k)) calc(0px*var(--k)) calc(86px*var(--k)) stretch}
.k-divider-h.fill{border-image-slice:0 86 0 86 fill}
.k-panel-frame{border-style:solid;image-rendering:pixelated;border-width:calc(20px*var(--k)) calc(23px*var(--k)) calc(20px*var(--k)) calc(23px*var(--k));border-image:url(/assets/ui/emberbound/panel-frame.png) 20 23 20 23 / calc(20px*var(--k)) calc(23px*var(--k)) calc(20px*var(--k)) calc(23px*var(--k)) stretch}
.k-panel-frame.fill{border-image-slice:20 23 20 23 fill}
.k-portrait-square{border-style:solid;image-rendering:pixelated;border-width:calc(20px*var(--k)) calc(19px*var(--k)) calc(20px*var(--k)) calc(19px*var(--k));border-image:url(/assets/ui/emberbound/portrait-square.png) 20 19 20 19 / calc(20px*var(--k)) calc(19px*var(--k)) calc(20px*var(--k)) calc(19px*var(--k)) stretch}
.k-portrait-square.fill{border-image-slice:20 19 20 19 fill}
.k-scroll-thumb{border-style:solid;image-rendering:pixelated;border-width:calc(19px*var(--k)) calc(0px*var(--k)) calc(19px*var(--k)) calc(0px*var(--k));border-image:url(/assets/ui/emberbound/scroll-thumb.png) 19 0 19 0 / calc(19px*var(--k)) calc(0px*var(--k)) calc(19px*var(--k)) calc(0px*var(--k)) stretch}
.k-scroll-thumb.fill{border-image-slice:19 0 19 0 fill}
.k-slider-track{border-style:solid;image-rendering:pixelated;border-width:calc(8px*var(--k)) calc(16px*var(--k)) calc(8px*var(--k)) calc(16px*var(--k));border-image:url(/assets/ui/emberbound/slider-track.png) 8 16 8 16 / calc(8px*var(--k)) calc(16px*var(--k)) calc(8px*var(--k)) calc(16px*var(--k)) stretch}
.k-slider-track.fill{border-image-slice:8 16 8 16 fill}
.k-slot-empty{border-style:solid;image-rendering:pixelated;border-width:calc(8px*var(--k)) calc(9px*var(--k)) calc(8px*var(--k)) calc(9px*var(--k));border-image:url(/assets/ui/emberbound/slot-empty.png) 8 9 8 9 / calc(8px*var(--k)) calc(9px*var(--k)) calc(8px*var(--k)) calc(9px*var(--k)) stretch}
.k-slot-empty.fill{border-image-slice:8 9 8 9 fill}
.k-slot-hover{border-style:solid;image-rendering:pixelated;border-width:calc(10px*var(--k)) calc(10px*var(--k)) calc(10px*var(--k)) calc(10px*var(--k));border-image:url(/assets/ui/emberbound/slot-hover.png) 10 10 10 10 / calc(10px*var(--k)) calc(10px*var(--k)) calc(10px*var(--k)) calc(10px*var(--k)) stretch}
.k-slot-hover.fill{border-image-slice:10 10 10 10 fill}
.k-tab-plate{border-style:solid;image-rendering:pixelated;border-width:calc(10px*var(--k)) calc(13px*var(--k)) calc(10px*var(--k)) calc(13px*var(--k));border-image:url(/assets/ui/emberbound/tab-plate.png) 10 13 10 13 / calc(10px*var(--k)) calc(13px*var(--k)) calc(10px*var(--k)) calc(13px*var(--k)) stretch}
.k-tab-plate.fill{border-image-slice:10 13 10 13 fill}
.k-titlebar-plate{border-style:solid;image-rendering:pixelated;border-width:calc(17px*var(--k)) calc(64px*var(--k)) calc(17px*var(--k)) calc(64px*var(--k));border-image:url(/assets/ui/emberbound/titlebar-plate.png) 17 64 17 64 / calc(17px*var(--k)) calc(64px*var(--k)) calc(17px*var(--k)) calc(64px*var(--k)) stretch}
.k-titlebar-plate.fill{border-image-slice:17 64 17 64 fill}
.k-tooltip-frame{border-style:solid;image-rendering:pixelated;border-width:calc(11px*var(--k)) calc(15px*var(--k)) calc(11px*var(--k)) calc(15px*var(--k));border-image:url(/assets/ui/emberbound/tooltip-frame.png) 11 15 11 15 / calc(11px*var(--k)) calc(15px*var(--k)) calc(11px*var(--k)) calc(15px*var(--k)) stretch}
.k-tooltip-frame.fill{border-image-slice:11 15 11 15 fill}
.k-window-frame{border-style:solid;image-rendering:pixelated;border-width:calc(48px*var(--k)) calc(48px*var(--k)) calc(48px*var(--k)) calc(48px*var(--k));border-image:url(/assets/ui/emberbound/window-frame.png) 48 48 48 48 / calc(48px*var(--k)) calc(48px*var(--k)) calc(48px*var(--k)) calc(48px*var(--k)) stretch}
.k-window-frame.fill{border-image-slice:48 48 48 48 fill}

/* ---- whole sprites (use with class="ki-<id>") ---- */
.ki-arrow-buttons{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/arrow-buttons.png)}
.ki-arrow-buttons.nat{width:256px;height:64px}
.ki-button-round{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/button-round.png)}
.ki-button-round.nat{width:96px;height:96px}
.ki-checkbox-off{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/checkbox-off.png)}
.ki-checkbox-off.nat{width:24px;height:24px}
.ki-checkbox-on{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/checkbox-on.png)}
.ki-checkbox-on.nat{width:24px;height:24px}
.ki-corner-flourish{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/corner-flourish.png)}
.ki-corner-flourish.nat{width:128px;height:128px}
.ki-field-tex{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/field-tex.png)}
.ki-field-tex.nat{width:64px;height:64px}
.ki-minimap-frame{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/minimap-frame.png)}
.ki-minimap-frame.nat{width:192px;height:192px}
.ki-orb-blue{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/orb-blue.png)}
.ki-orb-blue.nat{width:104px;height:104px}
.ki-orb-red{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/orb-red.png)}
.ki-orb-red.nat{width:104px;height:104px}
.ki-orb-socket{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/orb-socket.png)}
.ki-orb-socket.nat{width:104px;height:104px}
.ki-panel-tex{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/panel-tex.png)}
.ki-panel-tex.nat{width:64px;height:64px}
.ki-portrait-ring{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/portrait-ring.png)}
.ki-portrait-ring.nat{width:112px;height:112px}
.ki-portrait-ring-small{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/portrait-ring-small.png)}
.ki-portrait-ring-small.nat{width:72px;height:72px}
.ki-radio-off{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/radio-off.png)}
.ki-radio-off.nat{width:24px;height:24px}
.ki-radio-on{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/radio-on.png)}
.ki-radio-on.nat{width:24px;height:24px}
.ki-slider-handle{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/slider-handle.png)}
.ki-slider-handle.nat{width:24px;height:24px}
.ki-slot-hex{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/slot-hex.png)}
.ki-slot-hex.nat{width:60px;height:68px}
.ki-target-marker{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;background-image:url(/assets/ui/emberbound/target-marker.png)}
.ki-target-marker.nat{width:192px;height:128px}