:root {
  --in-recessed: #1e2130;
  --in-control: #2a2e3f;
  --in-control-hover: #333853;
  --in-control-pressed: #3d4363;
  --in-control-disabled: #242632;
  --in-edge: #6f7891;
  --in-edge-hover: #b9c0d4;
  --in-pressable: #a3a4f7;
  --in-pressable-inner: #6d6fd6;
  --in-ink: #f0f2f8;
  --in-ink-muted: #b9c0d4;
  --in-ink-disabled: #767c92;
  --in-plate-ink: #2b2b45;
  --in-affirm: #7ce0ae;
  --in-affirm-fill: #28402f;
  --in-alarm: #ff9db3;
  --in-alarm-fill: #3a2229;
  --in-confirm: #2f8f6b;
  --in-confirm-hover: #49bd91;
  --in-locked: #e8a33d;
  --in-slot-filled: #2b3042;
  --in-health: #ef8a86;
  --in-stamina: #6f95d8;
  --in-armor: #c9c9c9;
  --in-armor-solid: #8d8d8d;
  --in-ability: #c9a0d6;
  --in-action: #2bd44a;
  --in-wheel-face: #3a2b33;
  --in-wheel-ink: #c0392b;
  --in-wheel-spoke: #361d16;
  --in-current: #f5d547;
  --in-wheel-wedge: #503f35;
  --in-wheel-wedge-current: #725e39;
  --in-wheel-cups: #2f557c;
  --in-wheel-wands: #7c352f;
  --in-wheel-swords: #4f555c;
  --in-wheel-pentacles: #2f7c3c;
  --in-banner: #14110f;
  --value-ink: #ffb120;
  --sheet-w: 512;
  --sheet-h: 514;
  --cost-size: 16;
  --cost-pitch: 15;
  --cost-inset: 2;
  --effect-size: 16;
  --effect-gap: 2;
  --box-pad: 3;
  --box-foot: 5;
  --box-sides: 6;
  --box-min: 46;
  --box-name: 12;
  --box-tags: 8;
  --box-gap: 2;
  --box-tag-gap: 4;
  --box-over: 8;
  --box-under-costs: 1;
  --glass-size: 16;
  --glass-out: 8;
  --glow-from: 0.12;
  --glow-to: 0.2;
  --glow-ms: 2500ms;
  --rune-w: 64;
  --rune-h: 56;
  --rune-gap: 3;
  --slot-border-w: 18;
  --slot-ground-w: 16;
  --slot-border-slice: 2 2 2 2;
  --slot-ground-slice: 4 5 6 5;
}
[data-rarity='basic'] {
  --rarity: #8f4d57;
  --rarity-fill: #52333f;
  --rarity-ink: #8f4d57;
  --slot-border-alpha: 0.25;
  --slot-border: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAEVJREFUOE9jZGBgYOj3Df8PoskFhZtXMjLCDAFxyDEIph9sELmGwCwGmTFqEP5oGA0jwsl0NIwGIoxAdpJbAsCLEWoVbACW32sz2ou6xAAAAABJRU5ErkJggg==");
  --slot-ground: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAJ1JREFUOI3tkzEKwjAUhj9Dl2YPiBG8gEMu4Dl6I4/jJToLHXqBQhsC3ZtRhxCIUsUYR7/xwf+H98i3OTfNDaBeAEAZzfGwZ41+GJm7CQAvw6yK4da6MLGOC9fVgpTTbouXIB7CGbTWUS8glNHZ4RTxat9PUEYjip6HfwEg+mEsK4hf8+uCkvDcTT+4gZdBjFyiTBUENdOSd34863wHLhcrEVht8pEAAAAASUVORK5CYII=");
}
[data-rarity='common'] {
  --rarity: #4fa4b8;
  --rarity-fill: #504050;
  --rarity-ink: #4fa4b8;
  --slot-border-alpha: 0.25;
  --slot-border: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAEVJREFUOE9jZGBgYPBfsuM/iCYXbIzxYGSEGQLikGMQTD/YIHINgVkMMmPUIPzRMBpGhJPpaBgNRBiB7CS3BIAXI9Qq2AAzrHKz4aPZtQAAAABJRU5ErkJggg==");
  --slot-ground: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAI5JREFUOE9jtLKP+8/AwMAgpKkOohiYbYwZnF04wGx0sHfPD4a/R86Chd9dvwmmGUEGgDSz3DiNVRMuwT8apmBDGH0yWv+TqhlmKMgQRv8lO/4zzplBku0oBkx6ceD/vogJZBnwPyWDgXHUACqEASXRCI4FShISxQaAUyIlLgAbQHFmQs/OsCyNK22jZ2cA5dZqmZ/bYCsAAAAASUVORK5CYII=");
}
[data-rarity='rare'] {
  --rarity: #63ab3f;
  --rarity-fill: #4c4543;
  --rarity-ink: #63ab3f;
  --slot-border-alpha: 0.5;
  --slot-border: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAEVJREFUOE9jZGBgYEhebf8fRJML5oYeZGSEGQLikGMQTD/YIHINgVkMMmPUIPzRMBpGhJPpaBgNRBiB7CS3BIAXI9Qq2ACgK2zTP82YaQAAAABJRU5ErkJggg==");
  --slot-ground: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAJBJREFUOE9j1HA2+c/AwMDALiIPohh41P4waOh9ALPRwY1LAgxfbrGAhX++eQimGUEGgDTLvsOuCatJDAwMj4UEwIYw6ocH/ydVM8xQkCGM1rX+/wVPfMFlEV5xsAHJq+3/v5wF8Rep4L0Fz6gBVAkDSqIRHAuUJCSKDQAnJEpcADaA4syEnp1hWRpXskbPzgAArl0Z2ndjPwAAAABJRU5ErkJggg==");
}
[data-rarity='epic'] {
  --rarity: #cc2f7b;
  --rarity-fill: #70324e;
  --rarity-ink: #cc2f7b;
  --slot-border-alpha: 0.75;
  --slot-border: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAEVJREFUOE9jZGBgYDijX/0fRJMLTC62MjLCDAFxyDEIph9sELmGwCwGmTFqEP5oGA0jwsl0NIwGIoxAdpJbAsCLEWoVbAACbG9jR6p6UgAAAABJRU5ErkJggg==");
  --slot-ground: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAI5JREFUOE9jzFRJ+c/AwMBgzMYDohgMWLkZjJX/gNno4OxdFoYLv7+Chc/++gKmGUEGgDRf4biHVRMuQZ0fSmBDGOdoFfwnVTPMUJAhjGf0q/8vYb5Mku0oBvwPKv9f+OA6WQbE/NVlYBw1gAphQEk0gmOBkoREsQHglEiJC8AGUJyZ0LMzLEvjStvo2RkAl5ppTXTB9/sAAAAASUVORK5CYII=");
}
[data-rarity='legendary'] {
  --rarity: #f0b541;
  --rarity-fill: #79533f;
  --rarity-ink: #f0b541;
  --slot-border-alpha: 1;
  --slot-border: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAEVJREFUOE9jZGBgYPiw1fE/iCYXCHjvZ2SEGQLikGMQTD/YIHINgVkMMmPUIPzRMBpGhJPpaBgNRBiB7CS3BIAXI9Qq2ABwy3ZjXe//cwAAAABJRU5ErkJggg==");
  --slot-ground: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAI1JREFUOE9jTLcS/c/AwMCQYS0GohgUHcQY+C2dwGx08PH4Pob7B16BhWcchdCMIANAmlfdE8GqCZdgmNIbsCGM50u1/5OqGWYoyBDGD1sd/3fO+0eS7SgG/H/X/L8qdQ9ZBpQnMTEwjhpAhTCgJBrBsUBJQqLYAHBKpMQFYAMozkzo2RmWpXGlbfTsDAApYWbFjP0YYwAAAABJRU5ErkJggg==");
}
[data-rarity='divine'] {
  --rarity: #ffffff;
  --rarity-fill: #735b5e;
  --rarity-ink: #ffffff;
  --slot-border-alpha: 1;
  --slot-border: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAENJREFUOE9jZGBgYPj///9/EE0uYAQBmCEgNjkGwfWDGOQaArMYbMaoQXjjYTSMCCfT0TAaiDAC2UluCQAvRqhVsAEAw1iH00Ygp9YAAAAASUVORK5CYII=");
  --slot-ground: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAI5JREFUOE9jDA8L+8/AwMDgZmsIohisHMwY5HS0wWx08OjKVYZjB06BhXcdPg+mGUEGgDRfO3EdqyZcgloWmmBDGOdObv9PqmaYoSBDGK9f3vt/TsdCkmxHMeDr/xf/62LKyDIgpSKegXHUACqEASXRCI4FShISxQaAUyIlLgAbQHFmQs/OsCyNK22jZ2cAM2NtIYn/I14AAAAASUVORK5CYII=");
}
[data-rarity='demonic'] {
  --rarity: #000000;
  --rarity-fill: #4d1f23;
  --rarity-ink: #b9c0d4;
  --slot-border-alpha: 1;
  --slot-border: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAD9JREFUOE9jZICA/1CaXIqREckQEJscAHYEzCByDYFZ/H/UIIJxMBpGBIOIYTSMBiKMYCUBYbsxVcCLEaoUbABmViIDkUmj0QAAAABJRU5ErkJggg==");
  --slot-ground: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAI5JREFUOE9jNGNm+s/AwMCgLCUJohjkuTgZeFhZwGx08OX3H4aH376Dhe8+ew6mGUEGgDR/YeLAqgmXIM+/H2BDGCNlpf+TqhlmKMgQxgp1lf9Xf4B9QTIAG9Cio/H/5OffJGsGadDmYBw1gCphQEk0gmOBkoREsQHghESJC8AGUJyZ0LMzLEvjStvo2RkA7UVYSf2OPqUAAAAASUVORK5CYII=");
}