/* GENERATED by tools/build_ui.py - do not edit by hand. */

/* border-image-slice values come from the sprites' own alpha bounds. */



.ts-paper-regular {
  border-image-source: url('/assets/ui/paper-regular.png');
  border-image-slice: 44 52 45 52 fill;
  border-image-width: calc(44 * var(--ui-scale)) calc(52 * var(--ui-scale)) calc(45 * var(--ui-scale)) calc(52 * var(--ui-scale));
  border-image-repeat: repeat;
  border-style: solid;
  border-width: calc(44 * var(--ui-scale)) calc(52 * var(--ui-scale)) calc(45 * var(--ui-scale)) calc(52 * var(--ui-scale));
}

.ts-paper-special {
  border-image-source: url('/assets/ui/paper-special.png');
  border-image-slice: 44 55 43 55 fill;
  border-image-width: calc(44 * var(--ui-scale)) calc(55 * var(--ui-scale)) calc(43 * var(--ui-scale)) calc(55 * var(--ui-scale));
  border-image-repeat: repeat;
  border-style: solid;
  border-width: calc(44 * var(--ui-scale)) calc(55 * var(--ui-scale)) calc(43 * var(--ui-scale)) calc(55 * var(--ui-scale));
}

.ts-btn-blue {
  border-image-source: url('/assets/ui/btn-blue.png');
  border-image-slice: 47 45 47 45 fill;
  border-image-width: calc(47 * var(--ui-scale)) calc(45 * var(--ui-scale)) calc(47 * var(--ui-scale)) calc(45 * var(--ui-scale));
  border-image-repeat: repeat;
  border-style: solid;
  border-width: calc(47 * var(--ui-scale)) calc(45 * var(--ui-scale)) calc(47 * var(--ui-scale)) calc(45 * var(--ui-scale));
}

.ts-btn-blue-pressed {
  border-image-source: url('/assets/ui/btn-blue-pressed.png');
  border-image-slice: 36 50 49 50 fill;
  border-image-width: calc(36 * var(--ui-scale)) calc(50 * var(--ui-scale)) calc(49 * var(--ui-scale)) calc(50 * var(--ui-scale));
  border-image-repeat: repeat;
  border-style: solid;
  border-width: calc(36 * var(--ui-scale)) calc(50 * var(--ui-scale)) calc(49 * var(--ui-scale)) calc(50 * var(--ui-scale));
}

.ts-btn-red {
  border-image-source: url('/assets/ui/btn-red.png');
  border-image-slice: 47 45 47 45 fill;
  border-image-width: calc(47 * var(--ui-scale)) calc(45 * var(--ui-scale)) calc(47 * var(--ui-scale)) calc(45 * var(--ui-scale));
  border-image-repeat: repeat;
  border-style: solid;
  border-width: calc(47 * var(--ui-scale)) calc(45 * var(--ui-scale)) calc(47 * var(--ui-scale)) calc(45 * var(--ui-scale));
}

.ts-btn-red-pressed {
  border-image-source: url('/assets/ui/btn-red-pressed.png');
  border-image-slice: 36 50 49 50 fill;
  border-image-width: calc(36 * var(--ui-scale)) calc(50 * var(--ui-scale)) calc(49 * var(--ui-scale)) calc(50 * var(--ui-scale));
  border-image-repeat: repeat;
  border-style: solid;
  border-width: calc(36 * var(--ui-scale)) calc(50 * var(--ui-scale)) calc(49 * var(--ui-scale)) calc(50 * var(--ui-scale));
}

.ts-banner {
  border-image-source: url('/assets/ui/banner.png');
  border-image-slice: 68 84 111 100 fill;
  border-image-width: calc(68 * var(--ui-scale)) calc(84 * var(--ui-scale)) calc(111 * var(--ui-scale)) calc(100 * var(--ui-scale));
  border-image-repeat: repeat;
  border-style: solid;
  border-width: calc(68 * var(--ui-scale)) calc(84 * var(--ui-scale)) calc(111 * var(--ui-scale)) calc(100 * var(--ui-scale));
}

.ts-wood-table {
  border-image-source: url('/assets/ui/wood-table.png');
  border-image-slice: 85 84 103 84 fill;
  border-image-width: calc(85 * var(--ui-scale)) calc(84 * var(--ui-scale)) calc(103 * var(--ui-scale)) calc(84 * var(--ui-scale));
  border-image-repeat: repeat;
  border-style: solid;
  border-width: calc(85 * var(--ui-scale)) calc(84 * var(--ui-scale)) calc(103 * var(--ui-scale)) calc(84 * var(--ui-scale));
}

.ts-bar-base {
  border-image-source: url('/assets/ui/bar-base.png');
  border-image-slice: 0 24 0 24 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(24 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(24 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(24 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(24 * var(--ui-scale));
}

.ts-bar-base-small {
  border-image-source: url('/assets/ui/bar-base-small.png');
  border-image-slice: 0 15 0 15 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(15 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(15 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(15 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(15 * var(--ui-scale));
}

.ts-ribbon-big-teal {
  border-image-source: url('/assets/ui/ribbon-big-teal.png');
  border-image-slice: 0 97 0 98 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
}

.ts-ribbon-big-red {
  border-image-source: url('/assets/ui/ribbon-big-red.png');
  border-image-slice: 0 97 0 98 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
}

.ts-ribbon-big-yellow {
  border-image-source: url('/assets/ui/ribbon-big-yellow.png');
  border-image-slice: 0 97 0 98 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
}

.ts-ribbon-big-purple {
  border-image-source: url('/assets/ui/ribbon-big-purple.png');
  border-image-slice: 0 97 0 98 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
}

.ts-ribbon-big-gray {
  border-image-source: url('/assets/ui/ribbon-big-gray.png');
  border-image-slice: 0 97 0 98 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(97 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(98 * var(--ui-scale));
}

.ts-ribbon-small-teal {
  border-image-source: url('/assets/ui/ribbon-small-teal.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}

.ts-ribbon-small-teal-alt {
  border-image-source: url('/assets/ui/ribbon-small-teal-alt.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}

.ts-ribbon-small-red {
  border-image-source: url('/assets/ui/ribbon-small-red.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}

.ts-ribbon-small-red-alt {
  border-image-source: url('/assets/ui/ribbon-small-red-alt.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}

.ts-ribbon-small-yellow {
  border-image-source: url('/assets/ui/ribbon-small-yellow.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}

.ts-ribbon-small-yellow-alt {
  border-image-source: url('/assets/ui/ribbon-small-yellow-alt.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}

.ts-ribbon-small-purple {
  border-image-source: url('/assets/ui/ribbon-small-purple.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}

.ts-ribbon-small-purple-alt {
  border-image-source: url('/assets/ui/ribbon-small-purple-alt.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}

.ts-ribbon-small-gray {
  border-image-source: url('/assets/ui/ribbon-small-gray.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}

.ts-ribbon-small-gray-alt {
  border-image-source: url('/assets/ui/ribbon-small-gray-alt.png');
  border-image-slice: 0 62 0 62 fill;
  border-image-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
  border-image-repeat: stretch;
  border-style: solid;
  border-width: calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale)) calc(0 * var(--ui-scale)) calc(62 * var(--ui-scale));
}