The Butler Bot - Rank Card Colors

index.pug

doctype html
html
  title The Butler Bot - Rank Card Colors
  link(rel="stylesheet",href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700")
body
  svg#rank-card(xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink', width='360', height='72')
    style.
      .st5{fill:#464646}
    path#rank-card-bg(d='M0 0h360v72H0z')
    path#rank-card-name(d='M87.7 8.024a.255.255 0 0 1 .063.171v8.789c0 .573-.054 1.089-.161 1.548s-.29.85-.547 1.172-.594.568-1.011.737-.931.254-1.543.254a4.296 4.296 0 0 1-1.108-.156c-.159-.045-.298-.094-.415-.146s-.195-.099-.234-.142-.072-.086-.098-.132-.049-.106-.068-.181-.033-.167-.039-.278-.01-.25-.01-.42c0-.221.005-.409.015-.562s.026-.273.049-.361.055-.15.098-.186.096-.054.161-.054c.059 0 .127.021.205.063s.166.086.264.132.211.089.342.132.283.063.459.063.331-.024.464-.073.244-.133.332-.254.155-.282.2-.483.068-.462.068-.781V8.195c0-.065.021-.122.063-.171s.111-.089.205-.122.226-.057.396-.073.377-.024.625-.024.453.008.615.024.294.041.396.073.172.074.214.122zm11.187 5.64c.182.599.273 1.286.273 2.061 0 .742-.098 1.419-.293 2.031s-.492 1.139-.889 1.582-.895.785-1.494 1.025-1.299.361-2.1.361c-.775 0-1.449-.107-2.021-.322s-1.048-.527-1.426-.938-.658-.915-.84-1.514-.273-1.283-.273-2.051c0-.742.099-1.421.298-2.036s.497-1.143.894-1.582.894-.78 1.489-1.021 1.294-.36 2.095-.36c.781 0 1.458.106 2.031.317s1.046.522 1.421.933.653.915.835 1.514zm-2.256 2.158c0-.43-.034-.825-.103-1.187s-.184-.675-.347-.942-.379-.475-.649-.625-.61-.225-1.021-.225c-.365 0-.684.067-.957.2s-.498.329-.674.586-.308.566-.396.928-.132.773-.132 1.235c0 .43.036.825.107 1.187s.187.675.347.942.376.474.649.62.612.22 1.016.22c.371 0 .693-.067.967-.2s.498-.327.674-.581.306-.562.391-.923.128-.772.128-1.235zm12.285-2.353c.156.521.234 1.087.234 1.699v.391c0 .299-.067.521-.2.664s-.317.215-.552.215h-5.303c0 .371.044.708.132 1.011s.228.56.42.771.439.373.742.483.666.166 1.089.166c.43 0 .807-.031 1.133-.093s.607-.13.845-.205.435-.143.591-.205.283-.093.381-.093c.059 0 .107.011.146.034s.072.063.098.122.044.142.054.249.015.243.015.405c0 .143-.003.265-.01.366s-.016.187-.029.259-.033.132-.059.181-.06.096-.103.142-.158.107-.347.186-.43.155-.723.229-.628.14-1.006.195-.781.083-1.211.083c-.775 0-1.454-.098-2.036-.293s-1.069-.492-1.46-.889-.682-.898-.874-1.504-.288-1.315-.288-2.129c0-.775.101-1.473.303-2.095s.495-1.149.879-1.582.851-.763 1.401-.991 1.17-.342 1.86-.342c.729 0 1.353.107 1.87.322s.942.513 1.274.894.578.833.734 1.354zm-2.148 1.386c.02-.69-.119-1.232-.415-1.626s-.753-.591-1.372-.591c-.313 0-.584.059-.815.176s-.423.275-.576.474-.27.433-.352.703-.128.558-.142.864h3.672zm15.712-.444c-.254-.277-.543-.514-.869-.713s-.658-.376-.996-.532-.67-.304-.996-.444-.617-.29-.874-.449-.462-.342-.615-.547-.229-.448-.229-.728c0-.189.034-.368.103-.537s.172-.314.313-.435.314-.215.522-.283.453-.103.732-.103c.358 0 .687.044.986.132s.563.186.791.293.42.207.576.298.27.137.342.137.128-.02.171-.059.075-.101.098-.186.039-.192.049-.322.015-.29.015-.479c0-.169-.003-.311-.01-.425s-.018-.208-.034-.283-.036-.135-.059-.181-.067-.101-.132-.166-.199-.146-.4-.244-.433-.186-.693-.264-.541-.14-.84-.186-.599-.068-.898-.068c-.58 0-1.128.075-1.646.225s-.967.376-1.348.679-.684.684-.908 1.143-.337.991-.337 1.597c0 .527.078.98.234 1.357s.36.705.61.981.536.514.854.713.648.376.986.532.667.304.986.444.604.29.854.449.454.342.61.547.234.451.234.737c0 .248-.045.472-.137.674s-.223.371-.396.508-.382.243-.63.317-.527.112-.84.112c-.475 0-.894-.054-1.255-.161s-.672-.226-.933-.356-.474-.249-.64-.356-.294-.161-.386-.161c-.065 0-.122.018-.171.054s-.088.096-.117.181-.05.195-.063.332-.02.306-.02.508c0 .299.018.529.054.688s.096.282.181.366.223.182.415.293.431.216.718.317.617.187.991.259.78.107 1.216.107c.645 0 1.25-.084 1.816-.254s1.061-.421 1.484-.757.758-.753 1.006-1.255.371-1.084.371-1.748c0-.508-.078-.949-.234-1.323s-.358-.698-.612-.975zm9.185 3.506c-.023-.088-.054-.148-.093-.181s-.088-.049-.146-.049c-.084 0-.189.05-.313.151s-.277.213-.459.337-.396.236-.64.337-.536.151-.874.151c-.332 0-.624-.06-.874-.181s-.459-.301-.625-.542-.292-.541-.376-.898-.127-.771-.127-1.24c0-.951.169-1.671.508-2.163s.827-.737 1.465-.737c.326 0 .605.045.84.137s.436.192.605.303.316.211.439.303.241.137.352.137c.104 0 .189-.077.254-.229s.098-.418.098-.796c0-.163-.005-.301-.015-.415s-.023-.21-.039-.288-.039-.142-.068-.19-.08-.109-.151-.181-.194-.156-.366-.254-.368-.186-.586-.264-.453-.14-.703-.186-.506-.068-.767-.068c-.638 0-1.224.101-1.758.303s-.996.511-1.387.928-.695.942-.913 1.577-.327 1.388-.327 2.261c0 .755.089 1.426.269 2.012s.444 1.083.796 1.489.786.714 1.304.923 1.112.313 1.782.313c.299 0 .591-.026.874-.078s.545-.121.786-.205.456-.181.645-.288.322-.199.4-.273.128-.137.151-.186.042-.112.059-.19.029-.174.039-.288.015-.255.015-.425c0-.215-.006-.391-.02-.527s-.031-.252-.054-.34zm9.463-5.923c-.25-.338-.58-.605-.986-.801s-.907-.293-1.499-.293c-.475 0-.933.103-1.372.308s-.871.516-1.294.933V7.326c0-.065-.02-.124-.059-.176s-.106-.096-.2-.132-.22-.063-.376-.083-.355-.029-.596-.029-.439.01-.596.029-.282.047-.376.083-.161.08-.2.132-.059.111-.059.176v12.842c0 .065.02.122.059.171s.106.089.2.122.22.057.376.073.355.024.596.024.439-.008.596-.024.282-.041.376-.073.161-.073.2-.122.059-.106.059-.171v-5.791c.345-.436.677-.768.996-.996s.635-.342.947-.342c.248 0 .464.047.649.142s.337.228.454.4.207.379.269.62.093.573.093.996v4.971c0 .065.02.122.059.171s.104.089.195.122.216.057.376.073.36.024.601.024c.234 0 .431-.008.591-.024s.285-.041.376-.073.156-.073.195-.122.059-.106.059-.171v-5.342c0-.645-.055-1.193-.166-1.646s-.293-.847-.543-1.186zm16.299-.005c-.244-.335-.565-.601-.962-.796S155.58 10.9 155 10.9c-.254 0-.503.031-.747.093s-.488.156-.732.283-.492.292-.742.493-.506.443-.767.723c-.111-.241-.248-.459-.41-.654s-.356-.363-.581-.503-.48-.248-.767-.322-.609-.112-.967-.112c-.521 0-1.021.13-1.499.391s-.958.651-1.44 1.172v-1.006c0-.065-.016-.122-.049-.171s-.086-.089-.161-.122-.181-.057-.317-.073-.309-.024-.518-.024c-.202 0-.37.008-.503.024s-.243.041-.327.073-.143.073-.176.122-.049.106-.049.171v8.711c0 .065.02.122.059.171s.106.089.2.122.22.057.376.073.355.024.596.024.439-.008.596-.024.282-.041.376-.073.161-.073.2-.122.059-.106.059-.171v-5.791c.345-.436.667-.768.967-.996s.599-.342.898-.342c.234 0 .439.047.615.142s.319.228.43.4.194.379.249.62.083.508.083.801v5.166c0 .065.02.122.059.171s.106.089.2.122.22.057.376.073.355.024.596.024c.234 0 .43-.008.586-.024s.282-.041.376-.073.161-.073.2-.122.059-.106.059-.171v-5.791c.352-.436.677-.768.977-.996s.596-.342.889-.342c.241 0 .448.047.62.142s.316.228.43.4.199.379.254.62.083.508.083.801v5.166c0 .065.018.122.054.171s.101.089.195.122.22.057.376.073.358.024.605.024c.241 0 .439-.008.596-.024s.28-.041.371-.073.156-.073.195-.122.059-.106.059-.171v-5.576c0-.501-.052-.977-.156-1.426s-.281-.842-.525-1.178zm11.626 1.675c.182.599.273 1.286.273 2.061 0 .742-.098 1.419-.293 2.031s-.492 1.139-.889 1.582-.895.785-1.494 1.025-1.299.361-2.1.361c-.775 0-1.449-.107-2.021-.322s-1.048-.527-1.426-.938-.658-.915-.84-1.514-.273-1.283-.273-2.051c0-.742.099-1.421.298-2.036s.497-1.143.894-1.582.894-.78 1.489-1.021 1.294-.361 2.095-.361c.781 0 1.458.106 2.031.317s1.046.522 1.421.933.653.916.835 1.515zm-2.256 2.158c0-.43-.034-.825-.103-1.187s-.184-.675-.347-.942-.379-.475-.649-.625-.61-.225-1.021-.225c-.365 0-.684.067-.957.2s-.498.329-.674.586-.308.566-.396.928-.132.773-.132 1.235c0 .43.036.825.107 1.187s.187.675.347.942.376.474.649.62.612.22 1.016.22c.371 0 .693-.067.967-.2s.498-.327.674-.581.306-.562.391-.923.128-.772.128-1.235zm12.519-.654v.391c0 .299-.067.521-.2.664s-.317.215-.552.215h-5.303c0 .371.044.708.132 1.011s.228.56.42.771.439.373.742.483.666.166 1.089.166c.43 0 .807-.031 1.133-.093s.607-.13.845-.205.435-.143.591-.205.283-.093.381-.093c.059 0 .107.011.146.034s.072.063.098.122.044.142.054.249.015.243.015.405c0 .143-.003.265-.01.366s-.016.187-.029.259-.033.132-.059.181-.06.096-.103.142-.158.107-.347.186-.43.155-.723.229-.628.14-1.006.195-.781.083-1.211.083c-.775 0-1.454-.098-2.036-.293s-1.069-.492-1.46-.889-.682-.898-.874-1.504-.288-1.315-.288-2.129c0-.775.101-1.473.303-2.095s.495-1.149.879-1.582.851-.763 1.401-.991 1.17-.342 1.86-.342c.729 0 1.353.107 1.87.322s.942.513 1.274.894.576.832.732 1.353.236 1.088.236 1.7zm-2.382-.313c.02-.69-.119-1.232-.415-1.626s-.753-.591-1.372-.591c-.313 0-.584.059-.815.176s-.423.275-.576.474-.27.433-.352.703-.128.558-.142.864h3.672z')
    path#rank-card-id(d='M191.58 13.542h-.842l.293-2.358a.143.143 0 0 0-.011-.084.146.146 0 0 0-.07-.066c-.034-.017-.087-.03-.158-.04s-.162-.015-.274-.015c-.117 0-.212.005-.286.015s-.129.023-.168.04c-.039.018-.068.04-.088.066s-.032.057-.037.091l-.286 2.351h-2.036l.308-2.358c0-.029-.005-.057-.015-.084s-.033-.049-.069-.066c-.037-.017-.089-.03-.158-.04s-.161-.015-.278-.015c-.112 0-.205.005-.278.015s-.131.023-.172.04c-.042.018-.071.04-.088.066s-.028.057-.033.091l-.3 2.351h-.996c-.073 0-.133.037-.18.11s-.069.195-.069.366c0 .156.023.271.069.344s.106.11.18.11h.886l-.3 2.432h-.981a.188.188 0 0 0-.176.113c-.02.036-.037.084-.051.143s-.022.129-.022.212c0 .166.023.285.069.355.046.071.106.106.18.106h.85l-.3 2.505c-.005.034 0 .065.015.092s.042.049.081.065a.604.604 0 0 0 .168.037c.073.007.168.011.286.011.112 0 .203-.004.271-.011a.548.548 0 0 0 .158-.037.144.144 0 0 0 .073-.065.75.75 0 0 0 .033-.092l.308-2.505h2.036l-.308 2.505c-.005.034 0 .065.015.092s.042.049.081.065a.604.604 0 0 0 .168.037c.073.007.166.011.278.011s.203-.004.271-.011a.59.59 0 0 0 .161-.037c.039-.017.066-.039.081-.065s.024-.058.029-.092l.308-2.505h.974c.034 0 .067-.008.099-.025s.058-.044.077-.081c.02-.036.037-.084.051-.143s.022-.129.022-.212c0-.166-.023-.286-.069-.359-.047-.073-.106-.11-.18-.11h-.85l.293-2.432h.959a.198.198 0 0 0 .099-.026.212.212 0 0 0 .08-.08.482.482 0 0 0 .052-.143c.012-.059.018-.129.018-.212 0-.161-.023-.279-.07-.355-.049-.075-.108-.113-.181-.113zm-2.344 3.362h-2.029l.293-2.432h2.043l-.307 2.432zm9.635 2.871c.012.063.018.139.018.227 0 .093-.007.171-.022.234s-.034.115-.059.154-.053.067-.084.084a.208.208 0 0 1-.099.025h-4.951c-.034 0-.066-.008-.095-.025s-.058-.045-.084-.084c-.027-.039-.048-.09-.063-.154s-.022-.142-.022-.234c0-.088.007-.164.022-.227s.033-.116.055-.158a.264.264 0 0 1 .081-.095.18.18 0 0 1 .106-.033h1.978v-7.207l-1.831 1.091a.829.829 0 0 1-.223.088c-.057.01-.102-.001-.136-.033s-.058-.084-.069-.158a1.642 1.642 0 0 1-.019-.278 1.8 1.8 0 0 1 .011-.212c.008-.059.019-.107.033-.146s.035-.073.063-.103a.55.55 0 0 1 .106-.088l2.183-1.399c.02-.015.044-.027.073-.037a.893.893 0 0 1 .264-.048c.059-.002.132-.003.22-.003.117 0 .215.005.293.015s.139.023.183.041.073.039.088.065a.17.17 0 0 1 .022.084v8.328h1.714a.2.2 0 0 1 .11.033.237.237 0 0 1 .084.095.64.64 0 0 1 .05.158zm7.58-.047c.012.065.019.143.019.23s-.006.166-.019.234-.029.126-.051.172a.232.232 0 0 1-.088.103.232.232 0 0 1-.121.033h-5.237a.569.569 0 0 1-.179-.025.306.306 0 0 1-.132-.084c-.037-.039-.064-.095-.081-.168s-.025-.164-.025-.271a2.7 2.7 0 0 1 .011-.256.649.649 0 0 1 .049-.194 1.181 1.181 0 0 1 .241-.348l1.895-1.948c.438-.449.789-.852 1.053-1.208s.468-.681.611-.974.238-.559.283-.798.068-.464.068-.674-.035-.409-.106-.597a1.418 1.418 0 0 0-.808-.831 1.81 1.81 0 0 0-.695-.125c-.307 0-.583.042-.827.125a4.32 4.32 0 0 0-.643.271 5.267 5.267 0 0 0-.461.271c-.124.083-.215.125-.276.125a.166.166 0 0 1-.095-.029c-.027-.02-.05-.051-.068-.095s-.031-.103-.042-.176-.015-.161-.015-.264c0-.073.002-.137.007-.19a.638.638 0 0 1 .073-.249.566.566 0 0 1 .117-.128c.059-.052.16-.121.304-.209s.324-.174.542-.26c.217-.085.456-.158.718-.216a3.73 3.73 0 0 1 .824-.088c.459 0 .861.065 1.205.194.345.13.63.307.857.531.227.225.396.486.509.784s.168.615.168.952c0 .303-.027.604-.081.905-.054.3-.167.625-.341.974-.173.35-.423.738-.75 1.165s-.762.919-1.304 1.476l-1.501 1.567h4.124a.22.22 0 0 1 .114.033c.036.021.068.055.095.099s.047.094.059.161zm7.383-2.777c.11.262.165.541.165.839 0 .435-.076.827-.227 1.176s-.369.648-.652.897-.632.441-1.047.575a4.567 4.567 0 0 1-1.406.202 4.9 4.9 0 0 1-.89-.077 5.6 5.6 0 0 1-.736-.184 3.33 3.33 0 0 1-.535-.22 1.508 1.508 0 0 1-.268-.165.453.453 0 0 1-.135-.228 1.006 1.006 0 0 1-.033-.18 2.385 2.385 0 0 1-.011-.26c0-.176.018-.298.053-.366s.085-.103.15-.103c.045 0 .134.039.267.117s.303.163.511.253.451.174.729.252c.278.078.587.117.928.117.331 0 .621-.042.872-.125s.461-.2.631-.352c.17-.151.298-.331.383-.538.085-.208.128-.434.128-.678 0-.269-.054-.51-.163-.725s-.268-.4-.477-.557c-.209-.156-.466-.276-.771-.359s-.652-.125-1.04-.125h-.931a.263.263 0 0 1-.117-.026.237.237 0 0 1-.098-.084c-.028-.039-.051-.09-.068-.154s-.026-.146-.026-.249c0-.093.007-.169.022-.231a.412.412 0 0 1 .062-.146c.027-.036.058-.063.092-.08s.073-.026.117-.026h.828c.322 0 .612-.042.868-.125.257-.083.474-.203.652-.359a1.59 1.59 0 0 0 .41-.56 1.8 1.8 0 0 0 .143-.729c0-.195-.032-.382-.095-.56s-.159-.333-.286-.465-.289-.235-.487-.311a1.899 1.899 0 0 0-.685-.114c-.283 0-.543.043-.78.128s-.448.177-.633.274-.339.189-.461.274c-.122.086-.208.128-.256.128a.217.217 0 0 1-.091-.018.14.14 0 0 1-.066-.073.506.506 0 0 1-.036-.154 2.268 2.268 0 0 1-.011-.26c0-.073.002-.138.007-.194a.639.639 0 0 1 .08-.259.598.598 0 0 1 .099-.121c.046-.046.14-.113.282-.201s.316-.174.524-.26a4.2 4.2 0 0 1 1.593-.304c.439 0 .825.056 1.157.168s.609.271.831.476.389.451.498.736c.11.286.165.602.165.949 0 .298-.039.575-.117.832a2.141 2.141 0 0 1-.344.681 2.13 2.13 0 0 1-.557.506c-.22.139-.474.235-.762.289v.015c.327.034.626.116.897.245.271.13.504.292.7.487s.345.428.454.689zm8.167.462c-.052-.085-.119-.128-.202-.128h-1.069v-6.05a.142.142 0 0 0-.06-.114c-.04-.031-.097-.057-.172-.077s-.173-.035-.295-.047-.265-.019-.429-.019a6.2 6.2 0 0 0-.389.011c-.109.008-.202.021-.276.041s-.135.044-.183.073-.083.063-.108.103l-3.378 5.757a2.398 2.398 0 0 0-.087.179 1.17 1.17 0 0 0-.087.378 3.728 3.728 0 0 0-.007.249c0 .117.006.212.018.286s.034.129.065.168a.25.25 0 0 0 .105.081.408.408 0 0 0 .146.022h3.877v1.992c0 .039.009.072.026.099s.05.05.098.069.112.034.192.044.181.015.302.015c.125 0 .229-.005.309-.015s.146-.024.196-.044.085-.042.105-.069.03-.06.03-.099v-1.992h1.069c.088 0 .156-.046.205-.139s.073-.22.073-.381c.003-.177-.023-.307-.074-.393zm-2.531-.128h-3.062l3.047-5.2h.015v5.2z')
    path#rank-card-lv(d='M90.796 47.933c.016.133.024.298.024.493s-.008.36-.024.493-.041.244-.073.332-.073.151-.122.19-.106.059-.171.059h-5.791c-.215 0-.396-.063-.542-.19s-.22-.333-.22-.62V37.215c0-.065.021-.124.063-.176s.112-.094.21-.127.229-.059.396-.078.373-.029.62-.029c.254 0 .462.01.625.029s.293.045.391.078.167.075.21.127.063.111.063.176v10.166h3.975c.065 0 .122.018.171.054s.089.094.122.176.057.188.073.322zM100 42.469c.156.521.234 1.087.234 1.699v.391c0 .299-.067.521-.2.664s-.317.215-.552.215H94.18c0 .371.044.708.132 1.011s.228.56.42.771.439.373.742.483.666.166 1.089.166c.43 0 .807-.031 1.133-.093s.607-.13.845-.205.435-.143.591-.205.283-.093.381-.093c.059 0 .107.011.146.034s.072.063.098.122.044.142.054.249.015.243.015.405c0 .143-.003.265-.01.366s-.016.187-.029.259-.033.132-.059.181-.06.096-.103.142-.158.107-.347.186-.43.155-.723.229-.628.14-1.006.195-.781.083-1.211.083c-.775 0-1.454-.098-2.036-.293s-1.069-.492-1.46-.889-.682-.898-.874-1.504-.288-1.315-.288-2.129c0-.775.101-1.473.303-2.095s.495-1.149.879-1.582.851-.763 1.401-.991 1.17-.342 1.86-.342c.729 0 1.353.107 1.87.322s.942.513 1.274.894.577.833.733 1.354zm-2.148 1.386c.02-.69-.119-1.232-.415-1.626s-.753-.591-1.372-.591c-.313 0-.584.059-.815.176s-.423.275-.576.474-.27.433-.352.703-.128.558-.142.864h3.672zm12.099-3.701c-.084-.033-.204-.055-.356-.068s-.35-.02-.591-.02c-.248 0-.448.008-.601.024s-.275.039-.366.068-.158.072-.2.127-.073.122-.093.2l-1.953 6.396-.059.244-.059-.244-1.982-6.396c-.026-.078-.059-.145-.098-.2s-.106-.098-.2-.127-.223-.052-.386-.068-.377-.024-.645-.024c-.241 0-.441.006-.601.02s-.285.036-.376.068-.155.073-.19.122-.054.106-.054.171c0 .039.001.082.005.127s.016.121.039.225.054.221.093.352l2.617 7.881c.033.104.077.19.132.259s.145.122.269.161.294.067.513.083.5.024.845.024c.352 0 .636-.006.854-.02s.391-.039.518-.078.218-.093.273-.161.099-.158.132-.269l2.617-7.881a4.276 4.276 0 0 0 .102-.434 1.665 1.665 0 0 0 .025-.268c0-.065-.016-.122-.049-.171s-.09-.09-.175-.123zm9.297 2.315c.156.521.234 1.087.234 1.699v.391c0 .299-.067.521-.2.664s-.317.215-.552.215h-5.303c0 .371.044.708.132 1.011s.228.56.42.771.439.373.742.483.666.166 1.089.166c.43 0 .807-.031 1.133-.093s.607-.13.845-.205.435-.143.591-.205.283-.093.381-.093c.059 0 .107.011.146.034s.072.063.098.122.044.142.054.249.015.243.015.405c0 .143-.003.265-.01.366s-.016.187-.029.259-.033.132-.059.181-.06.096-.103.142-.158.107-.347.186-.43.155-.723.229-.628.14-1.006.195-.781.083-1.211.083c-.775 0-1.454-.098-2.036-.293s-1.069-.492-1.46-.889-.682-.898-.874-1.504-.288-1.315-.288-2.129c0-.775.101-1.473.303-2.095s.495-1.149.879-1.582.851-.763 1.401-.991 1.17-.342 1.86-.342c.729 0 1.353.107 1.87.322s.942.513 1.274.894.578.833.734 1.354zm-2.148 1.386c.02-.69-.119-1.232-.415-1.626s-.753-.591-1.372-.591c-.313 0-.584.059-.815.176s-.423.275-.576.474-.27.433-.352.703-.128.558-.142.864h3.672zm6.606-7.836c-.094-.036-.22-.063-.376-.083s-.355-.029-.596-.029-.439.01-.596.029-.282.047-.376.083-.161.08-.2.132-.059.111-.059.176v12.842c0 .065.02.122.059.171s.106.089.2.122.22.057.376.073.355.024.596.024.439-.008.596-.024.282-.041.376-.073.161-.073.2-.122.059-.106.059-.171V36.326c0-.065-.02-.124-.059-.176s-.106-.096-.2-.131zm15.117 11.723c-.036-.078-.078-.135-.127-.171s-.103-.054-.161-.054h-2.061V37.078c0-.059-.013-.107-.039-.146s-.078-.07-.156-.093-.194-.039-.347-.049-.353-.015-.601-.015c-.202 0-.366.001-.493.005s-.229.01-.308.02-.142.023-.19.039-.089.038-.122.063l-2.715 1.758c-.078.052-.14.101-.186.146s-.082.104-.107.176-.042.158-.049.259-.01.229-.01.386c0 .248.01.439.029.576s.057.233.112.288.13.075.225.059.216-.06.366-.132l2.031-1.123v8.223h-2.354c-.059 0-.111.018-.156.054s-.086.093-.122.171-.062.181-.078.308-.024.285-.024.474c0 .182.01.337.029.464s.047.228.083.303.077.128.122.161.094.049.146.049h6.973c.059 0 .111-.016.156-.049s.086-.086.122-.161.063-.176.083-.303.029-.282.029-.464c0-.189-.008-.347-.024-.474s-.04-.231-.076-.309zm10.415-7.339c.13.804.195 1.714.195 2.729 0 1.009-.082 1.92-.244 2.734s-.428 1.507-.796 2.08-.846 1.012-1.436 1.318-1.31.459-2.163.459c-.866 0-1.582-.148-2.148-.444s-1.016-.723-1.348-1.279-.565-1.237-.698-2.041-.2-1.714-.2-2.729c0-1.002.083-1.913.249-2.729s.433-1.512.801-2.085.846-1.012 1.436-1.318 1.307-.459 2.153-.459c.866 0 1.583.148 2.153.444s1.021.723 1.353 1.279.563 1.237.693 2.041zm-2.392 2.857c0-.599-.016-1.128-.049-1.587s-.083-.858-.151-1.196-.153-.625-.254-.859-.223-.421-.366-.562-.306-.239-.488-.298-.384-.088-.605-.088c-.384 0-.702.093-.952.278s-.449.464-.596.835-.249.833-.308 1.387-.088 1.198-.088 1.934c0 .898.036 1.642.107 2.231s.184 1.058.337 1.406.35.592.591.732.531.21.869.21c.254 0 .479-.041.674-.122s.366-.204.513-.366.269-.368.366-.615.177-.534.239-.859.104-.693.127-1.104.034-.863.034-1.357zm12.724-.127c0 1.009-.082 1.92-.244 2.734s-.428 1.507-.796 2.08-.846 1.012-1.436 1.318-1.31.459-2.163.459c-.866 0-1.582-.148-2.148-.444s-1.016-.723-1.348-1.279-.565-1.237-.698-2.041-.2-1.714-.2-2.729c0-1.002.083-1.913.249-2.729s.433-1.512.801-2.085.846-1.012 1.436-1.318 1.307-.459 2.153-.459c.866 0 1.583.148 2.153.444s1.021.723 1.353 1.279.563 1.237.693 2.041.195 1.713.195 2.729zm-2.588.127c0-.599-.016-1.128-.049-1.587s-.083-.858-.151-1.196-.153-.625-.254-.859-.223-.421-.366-.562-.306-.239-.488-.298-.384-.088-.605-.088c-.384 0-.702.093-.952.278s-.449.464-.596.835-.249.833-.308 1.387-.088 1.198-.088 1.934c0 .898.036 1.642.107 2.231s.184 1.058.337 1.406.35.592.591.732.531.21.869.21c.254 0 .479-.041.674-.122s.366-.204.513-.366.269-.368.366-.615.177-.534.239-.859.104-.693.127-1.104.034-.863.034-1.357z')
    path#rank-card-rank(d='M300.924 19.357l-1.064-2.49c-.124-.299-.25-.568-.381-.806s-.269-.449-.415-.635a2.81 2.81 0 0 0-1.001-.806c.391-.124.739-.287 1.045-.488s.563-.439.771-.713.366-.584.474-.933.161-.734.161-1.157c0-.501-.075-.946-.225-1.333s-.366-.723-.649-1.006-.628-.513-1.035-.688-.864-.299-1.372-.371c-.176-.02-.371-.036-.586-.049s-.488-.02-.82-.02h-3.271c-.215 0-.396.063-.542.19s-.22.333-.22.62v11.475c0 .065.02.124.059.176s.107.094.205.127.229.059.396.078.373.029.62.029c.254 0 .462-.01.625-.029s.293-.045.391-.078.167-.075.21-.127.063-.111.063-.176v-4.814h.801c.273 0 .514.042.723.127s.392.21.552.376.304.373.435.62.264.531.4.85l1.133 2.822c.026.078.059.145.098.2s.106.101.2.137.223.06.386.073.381.02.654.02c.326 0 .583-.006.771-.02s.332-.036.43-.068.16-.073.186-.122.039-.109.039-.181c0-.065-.016-.155-.049-.269s-.101-.293-.198-.541zm-3.203-7.021c-.091.221-.228.412-.41.571s-.41.283-.684.371-.592.132-.957.132h-1.309V9.826h1.152c.293 0 .522.01.688.029s.314.045.444.078c.43.117.739.319.928.605s.283.638.283 1.055c.001.274-.044.522-.135.743zm11.709-.62c-.313-.277-.711-.482-1.196-.615s-1.069-.2-1.753-.2c-.384 0-.757.031-1.118.093s-.695.142-1.001.239-.573.204-.801.317-.387.218-.479.313-.153.2-.186.317-.049.277-.049.479c0 .15.01.287.029.41s.047.228.083.313.082.15.137.195.119.068.19.068c.104 0 .239-.045.405-.137s.373-.192.62-.303.532-.211.854-.303.688-.137 1.099-.137c.313 0 .575.033.786.098s.381.166.508.303.218.308.273.513.083.444.083.718v.527h-.85c-.775 0-1.455.059-2.041.176s-1.076.298-1.47.542-.69.553-.889.928-.298.815-.298 1.323c0 .469.078.879.234 1.23s.376.646.659.884.619.417 1.006.537.812.181 1.274.181c.56 0 1.069-.107 1.528-.322s.868-.514 1.226-.898v.693c0 .091.028.163.083.215s.15.089.283.112.347.034.64.034c.273 0 .48-.011.62-.034s.243-.06.308-.112.098-.124.098-.215v-5.859c0-.599-.072-1.117-.215-1.553s-.368-.793-.68-1.07zm-1.514 6.235c-.299.338-.594.596-.884.771s-.607.264-.952.264c-.41 0-.731-.104-.962-.313s-.347-.495-.347-.859c0-.215.041-.405.122-.571s.21-.308.386-.425.404-.205.684-.264.619-.088 1.016-.088h.938v1.485zm13.018-4.785c.111.449.166.99.166 1.621v5.381c0 .065-.02.122-.059.171s-.104.089-.195.122-.217.057-.376.073-.356.024-.591.024c-.241 0-.441-.008-.601-.024s-.285-.041-.376-.073-.156-.073-.195-.122-.059-.106-.059-.171v-4.971c0-.423-.031-.755-.093-.996s-.151-.448-.269-.62-.269-.306-.454-.4-.402-.142-.649-.142c-.313 0-.628.114-.947.342s-.651.56-.996.996v5.791c0 .065-.02.122-.059.171s-.106.089-.2.122-.22.057-.376.073-.355.024-.596.024-.439-.008-.596-.024-.282-.041-.376-.073-.161-.073-.2-.122-.059-.106-.059-.171v-8.711c0-.065.016-.122.049-.171s.091-.089.176-.122.194-.057.327-.073.301-.024.503-.024c.208 0 .381.008.518.024s.243.041.317.073.128.073.161.122.049.106.049.171v1.006c.482-.521.972-.912 1.47-1.172s1.017-.391 1.558-.391c.592 0 1.092.098 1.499.293s.735.46.986.796.431.728.543 1.177zm10.62 6.753a.733.733 0 0 1 .054.259c0 .065-.018.122-.054.171s-.101.088-.195.117-.224.052-.386.068-.375.024-.635.024c-.268 0-.483-.006-.649-.02s-.303-.034-.41-.063-.19-.07-.249-.122-.111-.121-.156-.205l-2.9-4.59v4.609c0 .065-.02.122-.059.171s-.105.089-.2.122-.22.057-.376.073-.355.024-.596.024-.439-.008-.596-.024-.281-.041-.376-.073-.161-.073-.2-.122-.059-.106-.059-.171V7.326c0-.065.02-.124.059-.176s.105-.096.2-.132.22-.063.376-.083.355-.029.596-.029.439.01.596.029.281.047.376.083.161.08.2.132.059.111.059.176v7.646l2.578-3.467c.053-.078.111-.146.176-.205s.151-.104.259-.137.241-.057.4-.073.362-.024.61-.024c.24 0 .444.008.61.024s.3.041.4.073.171.073.21.122.059.109.059.181c0 .098-.024.202-.073.313s-.122.228-.22.352l-2.549 2.891 2.949 4.561c.078.129.135.242.171.336zm14.155-8.901h-.938l.342-2.861c.006-.052.002-.099-.015-.142s-.058-.08-.122-.112-.16-.057-.283-.073-.287-.024-.488-.024c-.209 0-.377.008-.508.024s-.232.041-.308.073-.128.072-.161.117-.053.094-.059.146l-.332 2.852h-2.188l.361-2.861c0-.052-.008-.099-.024-.142s-.058-.08-.122-.112-.16-.057-.283-.073-.287-.024-.488-.024-.367.008-.498.024-.234.041-.313.073-.133.07-.166.112-.049.093-.049.151l-.352 2.852h-1.172c-.111 0-.201.062-.273.186s-.107.342-.107.654c0 .306.034.521.103.645s.157.186.269.186h.986l-.332 2.783h-1.133c-.059 0-.111.015-.156.044s-.084.077-.117.142-.059.153-.078.264-.029.244-.029.4c0 .306.034.521.103.645s.157.186.269.186h.928l-.352 3.057c-.014.059-.008.109.015.151s.068.08.137.112.165.055.288.068.287.02.488.02c.209 0 .376-.006.503-.02s.226-.036.298-.068.122-.072.151-.117.048-.094.054-.146l.361-3.057h2.188l-.371 3.057c-.006.059.002.109.024.151s.067.08.132.112.161.055.288.068.294.02.503.02c.195 0 .356-.006.483-.02s.228-.036.303-.068.127-.07.156-.112.048-.093.054-.151l.361-3.057h1.162c.053 0 .103-.015.151-.044s.089-.077.122-.142.059-.153.078-.264.029-.244.029-.4c0-.299-.034-.513-.103-.64s-.157-.19-.269-.19h-.957l.332-2.783h1.113c.053 0 .103-.015.151-.044s.089-.077.122-.142.059-.151.078-.259.029-.239.029-.396c0-.299-.034-.513-.103-.64s-.155-.191-.266-.191zm-3.408 4.453h-2.178l.332-2.783h2.188l-.342 2.783zm13.281 4.052c0 .182-.01.337-.029.464s-.047.228-.083.303-.077.128-.122.161-.098.049-.156.049h-6.973c-.053 0-.102-.016-.146-.049s-.086-.086-.122-.161-.063-.176-.083-.303-.029-.282-.029-.464c0-.189.008-.347.024-.474s.042-.229.078-.308.077-.135.122-.171.098-.054.156-.054h2.354v-8.223l-2.031 1.123c-.15.072-.271.116-.366.132s-.169-.003-.225-.059-.093-.151-.112-.288-.029-.329-.029-.576c0-.156.004-.285.01-.386s.023-.187.049-.259.063-.13.107-.176.107-.094.186-.146l2.715-1.758c.033-.026.073-.047.122-.063s.112-.029.19-.039.181-.016.308-.02a16.842 16.842 0 0 1 1.094.01c.154.01.269.026.347.049s.131.054.156.093.039.088.039.146v10.439h2.061c.059 0 .112.018.161.054s.091.093.127.171.062.181.078.308.022.286.022.475z')
    path#rank-card-xp(d='M300.261 46.482h-.786v-5.325c0-.05-.023-.093-.068-.13s-.117-.067-.215-.092-.229-.043-.393-.055-.362-.017-.595-.017c-.214 0-.396.004-.547.014s-.274.024-.373.044-.174.045-.229.075-.093.065-.116.106l-2.748 4.847c-.045.086-.083.168-.113.246s-.052.16-.068.246-.027.184-.034.291-.01.233-.01.379c0 .178.008.32.024.427s.041.189.075.246.076.093.126.109.107.024.171.024h3.384v1.6c0 .045.013.085.038.12s.071.063.137.085.155.04.267.051.25.017.414.017c.173 0 .314-.006.424-.017s.198-.028.267-.051.116-.051.144-.085.041-.074.041-.12v-1.6h.786c.082 0 .147-.061.195-.181s.072-.297.072-.53c0-.26-.026-.445-.079-.557s-.119-.167-.191-.167zm-2.516 0H295.4l2.331-4.067h.014v4.067zm9.396-3.691c-.084-.31-.201-.591-.349-.844s-.333-.468-.554-.646-.485-.314-.793-.41-.667-.144-1.077-.144c-.51 0-.959.075-1.347.226s-.711.361-.971.632-.456.592-.588.964-.198.778-.198 1.22c0 .419.047.795.14 1.128s.243.615.448.848.472.41.8.533.727.185 1.196.185c.383 0 .722-.049 1.019-.147s.549-.213.759-.345c-.009.337-.052.659-.13.964s-.198.574-.362.807-.378.417-.643.554-.588.205-.971.205c-.223 0-.426-.016-.608-.048s-.345-.068-.489-.109-.266-.078-.366-.109-.178-.048-.232-.048c-.041 0-.076.008-.106.024s-.055.049-.075.099-.034.121-.041.212-.01.212-.01.362c0 .164.011.292.034.383s.059.161.109.208.131.095.243.14.247.089.407.13.336.075.53.103.389.041.584.041c.556 0 1.038-.073 1.446-.219s.754-.343 1.039-.591.517-.539.697-.872.321-.684.424-1.053.172-.746.208-1.131a12.029 12.029 0 0 0 .004-2.246 5.911 5.911 0 0 0-.177-1.006zm-2.181 2.205c-.235.08-.484.12-.749.12-.214 0-.396-.03-.547-.089s-.272-.149-.366-.27-.162-.273-.205-.458-.065-.397-.065-.639c0-.223.025-.428.075-.615s.126-.349.229-.485.231-.243.386-.318.339-.113.554-.113c.219 0 .41.041.574.123s.301.221.41.417.191.458.246.786.082.736.082 1.224c-.18.131-.389.237-.624.317zm9.157 1.08c-.15-.189-.335-.366-.554-.53s-.467-.319-.745-.465c.237-.132.449-.279.636-.441s.344-.334.472-.516.227-.375.297-.578.106-.411.106-.625c0-.324-.054-.619-.161-.885s-.272-.496-.496-.687-.509-.339-.858-.444-.767-.157-1.254-.157c-.492 0-.925.057-1.299.171s-.685.277-.933.489-.435.462-.561.752-.188.612-.188.967c0 .246.034.474.103.684s.168.402.301.578.292.337.479.485.396.286.629.414c-.287.15-.541.309-.762.475s-.406.344-.554.533-.26.394-.335.615-.113.457-.113.708c0 .369.064.696.191.981s.319.524.574.718.572.341.95.441.818.15 1.319.15c.524 0 .987-.056 1.388-.167s.737-.276 1.008-.492.476-.482.615-.796.208-.672.208-1.073c0-.25-.04-.483-.12-.697s-.192-.419-.343-.608zm-3.527-3.753c.187-.175.472-.263.854-.263.196 0 .366.023.509.068s.264.113.362.202.17.197.215.325.068.271.068.431c0 .273-.09.522-.27.745s-.437.433-.769.629c-.219-.119-.408-.23-.567-.335s-.29-.212-.39-.321-.174-.226-.222-.349-.072-.257-.072-.403c.002-.311.095-.554.282-.729zm1.883 5.971c-.221.191-.555.287-1.001.287-.456 0-.799-.093-1.029-.28s-.345-.458-.345-.813c0-.16.026-.309.079-.448s.131-.271.236-.396.237-.245.396-.359.344-.228.554-.342c.242.119.454.235.636.349s.334.232.455.355.209.254.267.393.085.293.085.461c-.001.337-.112.602-.333.793zm9.048.393c.014.093.021.204.021.332a2.7 2.7 0 0 1-.018.338c-.011.093-.027.17-.051.229s-.053.102-.089.126-.077.038-.123.038h-5.086c-.1 0-.187-.009-.26-.027s-.132-.054-.178-.106-.079-.129-.099-.229-.031-.23-.031-.39c0-.15.007-.279.021-.386s.039-.203.075-.287.083-.167.14-.246.131-.167.222-.263l1.531-1.641c.305-.319.551-.609.738-.872s.333-.501.438-.718.177-.416.215-.598.058-.355.058-.52c0-.15-.024-.293-.072-.427s-.119-.252-.212-.352-.211-.179-.352-.236-.308-.085-.499-.085c-.269 0-.507.034-.714.103s-.39.145-.547.229-.288.162-.393.232-.187.106-.246.106c-.041 0-.076-.014-.106-.041s-.054-.073-.072-.137-.033-.149-.044-.256a3.918 3.918 0 0 1-.007-.656c.007-.071.017-.132.031-.185s.032-.098.055-.137.063-.085.12-.14.162-.124.314-.208.341-.167.564-.246.469-.147.738-.202.549-.082.841-.082c.46 0 .862.058 1.207.174s.63.278.858.485.397.454.509.738c.112.285.168.591.168.919 0 .287-.027.57-.082.848s-.168.578-.342.899-.417.677-.731 1.066-.731.842-1.251 1.357l-1.032 1.06h3.486c.046 0 .088.014.126.041.039.027.072.069.1.126s.047.134.061.227zm6.302-8.993c.06.037.093.083.103.14s.002.124-.021.202l-4.081 11.484c-.023.06-.053.106-.089.144s-.088.066-.153.089c-.066.022-.148.04-.246.052a3.458 3.458 0 0 1-.373.017c-.188 0-.34-.009-.458-.027s-.208-.046-.271-.082c-.061-.036-.096-.083-.105-.14a.409.409 0 0 1 .027-.202l4.088-11.478c.018-.059.045-.108.082-.147s.086-.069.15-.092.146-.04.25-.051c.102-.011.227-.017.372-.017.191 0 .345.009.462.027a.717.717 0 0 1 .263.081zm6.549 6.067c.132.321.198.694.198 1.118 0 .479-.083.906-.25 1.282-.166.376-.4.693-.703.95a3.162 3.162 0 0 1-1.094.591 4.623 4.623 0 0 1-1.419.205 5.695 5.695 0 0 1-1.442-.181 3.975 3.975 0 0 1-.482-.157 1.013 1.013 0 0 1-.246-.13c-.038-.034-.066-.072-.085-.113s-.033-.09-.044-.147c-.012-.057-.02-.129-.024-.215s-.007-.189-.007-.308c0-.127.004-.236.014-.325s.023-.161.045-.215c.02-.055.044-.093.071-.116s.06-.034.096-.034c.046 0 .115.026.208.079a3.646 3.646 0 0 0 .927.348c.219.052.481.079.786.079.264 0 .505-.027.721-.082.217-.055.4-.143.551-.263s.267-.272.349-.455.123-.401.123-.656c0-.219-.034-.414-.103-.584s-.176-.315-.321-.434-.335-.208-.567-.267-.516-.089-.848-.089c-.264 0-.505.014-.721.041a4.975 4.975 0 0 1-.612.041c-.132 0-.227-.033-.284-.099-.057-.066-.085-.188-.085-.366v-3.842c0-.182.035-.313.106-.393.07-.08.184-.12.338-.12h4.19c.041 0 .079.014.116.041s.067.071.092.13a.865.865 0 0 1 .055.236c.012.098.018.215.018.352 0 .273-.023.472-.072.595-.047.123-.117.185-.208.185h-3.145v1.894c.159-.018.317-.03.476-.034.156-.004.322-.007.495-.007.479 0 .903.056 1.274.167.372.112.684.276.938.492.25.216.443.485.575.806zm7.198.656c.092.23.137.478.137.742 0 .442-.084.834-.253 1.176s-.403.629-.704.861-.66.409-1.08.53-.877.181-1.374.181a5.176 5.176 0 0 1-1.548-.226c-.203-.064-.371-.13-.503-.198s-.219-.121-.26-.157-.071-.078-.093-.123a1.154 1.154 0 0 1-.055-.161 1.275 1.275 0 0 1-.033-.232 4.086 4.086 0 0 1-.011-.338c0-.219.019-.37.055-.455s.091-.126.164-.126c.046 0 .124.031.235.092.112.062.254.127.428.198s.376.137.608.198.497.092.793.092c.251 0 .472-.03.663-.089s.354-.143.488-.25a.993.993 0 0 0 .301-.39c.066-.153.1-.322.1-.509 0-.205-.04-.39-.119-.554a1.149 1.149 0 0 0-.355-.42 1.757 1.757 0 0 0-.596-.27 3.28 3.28 0 0 0-.844-.096h-.766c-.059 0-.109-.008-.15-.024s-.075-.049-.103-.099-.047-.12-.058-.208a2.677 2.677 0 0 1-.018-.345c0-.132.006-.24.018-.325a.55.55 0 0 1 .055-.195.212.212 0 0 1 .096-.096.327.327 0 0 1 .14-.027h.772c.264 0 .499-.031.704-.092s.377-.149.517-.263c.139-.114.244-.252.317-.414s.109-.341.109-.537c0-.15-.024-.293-.075-.427s-.124-.25-.223-.349c-.098-.098-.225-.175-.379-.232s-.338-.085-.547-.085c-.236 0-.461.035-.67.106s-.397.148-.564.232a5.492 5.492 0 0 0-.424.236c-.115.073-.201.109-.256.109-.037 0-.068-.008-.096-.024s-.051-.047-.068-.092-.031-.112-.041-.198-.014-.198-.014-.335c0-.114.002-.208.007-.284s.014-.138.027-.188a.497.497 0 0 1 .151-.25c.046-.044.14-.108.28-.195s.318-.171.533-.253a4.72 4.72 0 0 1 1.654-.293c.428 0 .808.05 1.139.15.33.1.607.245.834.434.225.189.396.421.512.697.117.276.175.587.175.933 0 .269-.034.52-.103.752s-.168.44-.301.622-.297.337-.496.465a2.255 2.255 0 0 1-.687.287v.021c.31.037.588.115.834.236s.454.272.626.455c.173.183.304.39.395.619zm7.243-5.15a3.813 3.813 0 0 1 .01.741 2.569 2.569 0 0 1-.038.273c-.016.084-.037.164-.064.239s-.059.156-.096.243l-2.912 6.747a.426.426 0 0 1-.105.144c-.044.037-.104.065-.182.085s-.177.034-.297.041a8.046 8.046 0 0 1-1.022-.014.969.969 0 0 1-.312-.075c-.065-.034-.102-.078-.105-.13s.012-.117.048-.195l3.131-6.904h-3.719c-.096 0-.167-.063-.216-.188-.047-.125-.071-.325-.071-.598 0-.137.007-.254.021-.352s.033-.179.059-.243a.328.328 0 0 1 .088-.137.19.19 0 0 1 .12-.041h5.257c.082 0 .15.008.205.024s.098.051.13.106.054.134.07.234zm7.12 4.45a2.134 2.134 0 0 0-.448-.827c-.202-.228-.463-.403-.782-.526s-.702-.185-1.148-.185c-.2 0-.39.015-.567.044s-.343.067-.496.113c-.152.045-.293.1-.424.164a3.816 3.816 0 0 0-.345.191c.005-.346.044-.674.116-.984s.189-.582.349-.817.366-.42.622-.557.567-.205.937-.205a3.624 3.624 0 0 1 1.012.137c.123.037.228.069.314.099s.157.044.212.044c.045 0 .084-.011.116-.034s.058-.061.075-.113.031-.125.037-.219a4.31 4.31 0 0 0 .004-.584.71.71 0 0 0-.068-.281.331.331 0 0 0-.078-.099c-.035-.03-.104-.065-.209-.106s-.232-.078-.383-.109-.313-.058-.488-.079a4.406 4.406 0 0 0-.523-.031c-.547 0-1.02.073-1.418.219a3.177 3.177 0 0 0-1.02.591c-.279.249-.509.538-.687.868s-.315.678-.413 1.042a6.55 6.55 0 0 0-.199 1.114c-.033.378-.051.741-.051 1.087 0 .415.016.807.048 1.176s.09.711.175 1.025c.084.314.197.597.338.848s.324.464.547.639.488.31.793.403.663.14 1.073.14c.506 0 .952-.079 1.34-.236s.714-.374.978-.649.465-.604.602-.984.205-.794.205-1.241a3.93 3.93 0 0 0-.146-1.078zm-1.703 1.869c-.055.189-.135.354-.239.496s-.235.25-.394.328c-.156.078-.34.116-.55.116-.214 0-.402-.04-.563-.12a.95.95 0 0 1-.404-.407c-.106-.191-.188-.45-.242-.776s-.082-.732-.082-1.22c.096-.064.198-.124.308-.181a2.59 2.59 0 0 1 .704-.243c.123-.023.248-.034.376-.034.214 0 .396.031.547.092s.271.153.362.273.157.269.198.444.062.379.062.612c0 .225-.028.431-.083.62z')
    path#rank-card-bar(d='M207 55h149v11H207z')
    path#rank-card-lv_bar(d='M84 55h149v11H84z')
    circle.st5(cx='37.5', cy='35.5', r='34.5')
    defs
      circle#SVGID_1_(cx='37.5', cy='35.5', r='31.5')
    clippath#SVGID_2_
      use(xlink:href='#SVGID_1_', overflow='visible')
    g(clip-path='url(#SVGID_2_)')
      image(width='256', height='256', xlink:href='data:image/png;base64,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', transform='translate(6 4) scale(.2461)', overflow='visible')
    g#rank-card-status
      circle(cx='59.5', cy='57.5', r='8', fill='#0fbe8c')
      path.st5(d='M59.5 51a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13m0-3c-5.238 0-9.5 4.262-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.262 9.5-9.5-4.262-9.5-9.5-9.5z')

  div.colors
    div.color
      p BG
      input.jscolor#color-bg(type="text",value="54,57,63,1")
    div.color
      p Name
      input.jscolor#color-name(type="text", value="255,255,255,1")
    div.color
      p ID
      input.jscolor#color-id(type="text", value="100,100,100,1")
    div.color
      p Bar
      input.jscolor#color-bar(type="text", value="100,100,100,1")
    div.color
      p Level Bar
      input.jscolor#color-levelbar(type="text", value="120,150,255,1")
    div.color
      p Level
      input.jscolor#color-level(type="text", value="120,150,255,1")
    div.color
      p XP
      input.jscolor#color-xp(type="text", value="255,255,255,1")
    div.color
      p Rank
      input.jscolor#color-rank(type="text", value="255,150,0,1")
    div.color-code
      p Paste this command in any channel to set your rank card colors
      input#color-code(readonly="readonly", onclick="this.select()")

script.js

$(function() {
  $(".color input").each(function(i, e) {
    changeFunc = function(color) {
      if (!color) {
        $(e).attr("value", "0,0,0,0");
        return;
      }

      var c = color.toRgb();
      $(e)
        .attr("value",`${c.r},${c.g},${c.b},${c.a}`)
        .change();
    };

    $(e).spectrum({
      color: `rgba(${$(e).attr("value")})`,
      change: changeFunc,
      move: changeFunc,
      showInput: true,
      allowEmpty: true,
      showAlpha: true,
      showInitial: true,
      maxSelectionSize: 10,
      preferredFormat: "rgb"
    });
  });

  function rgbaBlend(rgba) {
    var c = rgba.split(",");
    c[0] = c[0] * c[3];
    c[1] = c[1] * c[3];
    c[2] = c[2] * c[3];

    return `rgb(${c[0]},${c[1]},${c[2]})`;
  }

  function IntAlpha(color) {
    var c = color.split(",");
    c[3] = Math.ceil(c[3] * 255);
    return `${c[0]},${c[1]},${c[2]},${c[3]}`;
  }

  function updateColors() {
    var colors = {
      "bg": $("#color-bg").attr("value"),
      "name": $("#color-name").attr("value"),
      "id": $("#color-id").attr("value"),
      "bar": $("#color-bar").attr("value"),
      "lv_bar": $("#color-levelbar").attr("value"),
      "lv": $("#color-level").attr("value"),
      "xp": $("#color-xp").attr("value"),
      "rank": $("#color-rank").attr("value")
    }

    var $colorCode = $("#color-code").attr("value", "!rank.color");
    
    $(Object.keys(colors)).each(function(i,e){
      $colorCode.attr("value",`${$colorCode.attr("value")} ${e}=${IntAlpha(colors[e])}`);
      $(`#rank-card-${e}`).attr("style", `fill: ${rgbaBlend(colors[e])}`)
    });
  }

  $(".color input").change(updateColors);
  updateColors();
  console.log("loaded");
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.js"></script>

style.scss

* {
  box-sizing: border-box;
}

$background: #000;

body {
  font-family: sans-serif;
  color: #ffffff;
  background-color: $background;
  padding: 1em;
  text-align: center;
}

%bold {
  font-weight: bold;
}
.colors {
  width: 370px;
  margin: 0 auto;
}
.color,
.color-code {
  width: 50%;
  float: left;
  padding: 5px;
  p {
    font-weight: bold;
    padding: 4px;
  }
  input {
    width: 100%;
  }
}

.color-code {
  width: 100%;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.css" rel="stylesheet" />

the-butler-bot-rank-card-colors.markdown

The Butler Bot - Rank Card Colors

A Pen by Daniel on CodePen.

License.