@use '@finastra/fds-theme/color' as color;
@use '@angular/material' as mat;
@use '@finastra/fds-theme/typography' as typo;
@use '@finastra/angular-theme' as fds;

@mixin theme($theme: null) {
  uxg-changelog {
    .title {
      height: 250px;
      position: relative;
      .changelog-icon {
        background-image: url('data:image/svg+xml;base64,PHN2ZyAgZmlsbD0iI0MxMzdBMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTQxNC42ODIgMjE4LjI3NGE4LjA4MyA4LjA4MyAwIDAgMC04LjA4NC04LjA4NEgyMTIuNzI3YTguMDg0IDguMDg0IDAgMCAwIDAgMTYuMTY4aDE5My44NzFhOC4wODQgOC4wODQgMCAwIDAgOC4wODQtOC4wODR6TTI0NS4wMzggMjg1LjY0MmE4LjA4NCA4LjA4NCAwIDAgMCAwIDE2LjE2OGgxLjA3OGE4LjA4NCA4LjA4NCAwIDAgMCAwLTE2LjE2OGgtMS4wNzh6Ii8+PHBhdGggZD0iTTQ1Ny43NjQgMTM0Ljc4M1Y1MS4yYzAtMjguMjMxLTIyLjk2OS01MS4yLTUxLjItNTEuMkgxMDUuMDUzYy0yOC4yMzEgMC01MS4yIDIyLjk2OS01MS4yIDUxLjJ2MjEyLjk0OEMyMy45MTcgMjY1LjU2MSAwIDI5MC4zNzUgMCAzMjAuNjc0YzAgMzEuMjA0IDI1LjM2OSA1Ni41ODkgNTYuNTUyIDU2LjU4OWgxNDcuNzA3djI4LjAwM2MwIDMuNjA5IDEuNjk0IDcuMDE3IDQuNjUgOS4zNTJhLjAwMy4wMDMgMCAwIDAgLjAwMi4wMDFjNS4wMjYgMy45NyAxMi42MDggMy45NyAxNy42MzcgMGw0MS44ODctMzMuMDgxYzMuOTU4LTMuMTI2IDYuMjI4LTcuNjMxIDYuMjI4LTEyLjM1OXMtMi4yNjktOS4yMzMtNi4yMjgtMTIuMzU5bC00MS44ODctMzMuMDgxYy01LjAyOS0zLjk3Mi0xMi42MS0zLjk3MS0xNy42MzctLjAwMS0yLjk1NyAyLjMzNS00LjY1MiA1Ljc0My00LjY1MiA5LjM1M3YyOC4wMDRINzAuMDIxVjUxLjJjMC0xOS4zMTYgMTUuNzE2LTM1LjAzMiAzNS4wMzItMzUuMDMyaDMwMS41MTJjMTkuMzE3IDAgMzUuMDMyIDE1LjcxNiAzNS4wMzIgMzUuMDMydjgzLjUzN2gtMTM0LjYydi0yOC4wMDNjMC0zLjYxLTEuNjk1LTcuMDE4LTQuNjUyLTkuMzUzLTUuMDI3LTMuOTcxLTEyLjYwOC0zLjk2OS0xNy42MzUgMGwtNDEuODg3IDMzLjA4MWMtMy45NTkgMy4xMjYtNi4yMjkgNy42MzEtNi4yMjkgMTIuMzU5czIuMjcgOS4yMzMgNi4yMjggMTIuMzU5bDQxLjg4OCAzMy4wODFjNS4wMjggMy45NzEgMTIuNjA5IDMuOTcgMTcuNjMzLjAwMiAyLjk1OC0yLjMzNCA0LjY1NC01Ljc0MyA0LjY1NC05LjM1NHYtMjguMDA0aDE0OC40NzFjMjIuMjY3IDAgNDAuMzgzIDE4LjEzMiA0MC4zODMgNDAuNDIxIDAgMjEuNTEtMTYuODczIDM5LjE1LTM4LjA2OCA0MC4zNTVWMTc4LjkzYTguMDgzIDguMDgzIDAgMCAwLTguMDg0LTguMDg0IDguMDg0IDguMDg0IDAgMCAwLTguMDg0IDguMDg0VjQ2MC44YzAgMTkuMzE2LTE1LjcxNSAzNS4wMzItMzUuMDMyIDM1LjAzMmgtMzAxLjUxYy0xOS4zMTYgMC0zNS4wMzItMTUuNzE2LTM1LjAzMi0zNS4wMzJ2LTU0LjQzNGE4LjA4NCA4LjA4NCAwIDAgMC0xNi4xNjggMFY0NjAuOGMwIDI4LjIzMSAyMi45NjkgNTEuMiA1MS4yIDUxLjJoMzAxLjUxMmMyOC4yMzEgMCA1MS4yLTIyLjk2OSA1MS4yLTUxLjJWMjQ3Ljg2OUM0ODcuODc2IDI0Ni42NDggNTEyIDIyMS43NTMgNTEyIDE5MS4zMjZjMC0zMC40MjYtMjQuMTI0LTU1LjMyMi01NC4yMzYtNTYuNTQzek01My44NTMgMzYxLjAwNWMtMjEuMDE1LTEuMzk0LTM3LjY4NC0xOC45NS0zNy42ODQtNDAuMzMyIDAtMjEuMzgxIDE2LjY3LTM4LjkzOCAzNy42ODQtNDAuMzMydjgwLjY2NHptMTY2LjU3NC0yMS40OTYgMzcuNTY5IDI5LjY3LTM3LjU2OSAyOS42NzF2LTU5LjM0MXptNzAuMzgtMTY3LjAxOC0zNy41NjktMjkuNjcgMzcuNTY5LTI5LjY3MXY1OS4zNDF6Ii8+PHBhdGggZD0iTTQwNi41OTggMzYxLjA5NWgtOTYuOTM2YTguMDg0IDguMDg0IDAgMCAwLTguMDg0IDguMDg0IDguMDgzIDguMDgzIDAgMCAwIDguMDg0IDguMDg0aDk2LjkzNmE4LjA4NCA4LjA4NCAwIDAgMCA4LjA4NC04LjA4NCA4LjA4NCA4LjA4NCAwIDAgMC04LjA4NC04LjA4NHpNMTA1LjAyIDMwMS44MTFoMTA3LjcwNmE4LjA4NCA4LjA4NCAwIDAgMCAwLTE2LjE2OEgxMDUuMDJhOC4wODQgOC4wODQgMCAwIDAgMCAxNi4xNjh6TTQwNi41OTggMjg1LjY0MmgtOTYuOTM2Yy00LjQ2NiAwLTguMDg0IDMuNjItOC4wODQgOC4wODRzMy42MTggOC4wODQgOC4wODQgOC4wODRoOTYuOTM2YTguMDg0IDguMDg0IDAgMCAwIDAtMTYuMTY4ek0yMTAuMDQgMTQyLjgyMWE4LjA4NCA4LjA4NCAwIDAgMC04LjA4NC04LjA4NEgxMDUuMDJhOC4wODQgOC4wODQgMCAwIDAgMCAxNi4xNjhoOTYuOTM1YTguMDg0IDguMDg0IDAgMCAwIDguMDg1LTguMDg0ek0yNzYuMjczIDMwMS44MTFoMS4wNzdjNC40NjYgMCA4LjA4NC0zLjYyIDguMDg0LTguMDg0cy0zLjYxOC04LjA4NC04LjA4NC04LjA4NGgtMS4wNzdjLTQuNDY2IDAtOC4wODQgMy42Mi04LjA4NCA4LjA4NHMzLjYxOCA4LjA4NCA4LjA4NCA4LjA4NHpNMTc5LjMzNyAyMTAuMTg5YTguMDg0IDguMDg0IDAgMCAwIDAgMTYuMTY4aDEuMDc3YTguMDg0IDguMDg0IDAgMCAwIDAtMTYuMTY4aC0xLjA3N3pNMTA1LjAyIDIyNi4zNThoNDMuMDgyYTguMDg0IDguMDg0IDAgMCAwIDAtMTYuMTY4SDEwNS4wMmE4LjA4NCA4LjA4NCAwIDAgMCAwIDE2LjE2OHoiLz48L3N2Zz4=');
        background-repeat: no-repeat;
        background-size: contain;
      }
      > * {
        position: relative;
        z-index: 10;
      }
      .creator {
        background-image: linear-gradient(to right, var(--fds-primary), var(--fds-secondary));

        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-box-decoration-break: clone;
        background-clip: text;
        box-decoration-break: clone;
      }

      span {
        color: white;
      }
    }

    .category {
      @include color.color(primary);
    }

    .title:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 250px;
      background-image: linear-gradient(90deg, #0a0014 0%, #23055a 40%, #50015a 80%, #4b0254 100%);
    }

    .title:after {
      content: '';
      background-image: url(data:image/webp;base64,UklGRt4dAABXRUJQVlA4TNEdAAAvn4VfEI+hoG0jx7ee2fMntGiobSMp8j1Al/Sfk3MG2Ubqzl/uMd6CbSRJTl6s+gePJEiDOIkSTxqBsu9xnXUpIQjw9RiXagMQDCC4af1QIAKBGMGPCUMwBIMgCEEwBIFYYARBQAACwT924TzvD3i0tr1Jtm3b0iD0ImLBghVQYcfM/+Q9z/O+4TEJoMdznxH9nwD0z////P/P///8/8////z/z////P/P///8/8////z/z////P/P///8/8////z/z////P/P///8/8////z/z////P/P///8/8////z/z4ROxgcgiwT/jRVneICs8QdgtwMfIDlZfyphLoYoz2wAGqIhMUUDpld7AB6yP4e8QzyE4yLd9lWO/xrqd9EQGiZJLwYg7M8af8kHwJwYxcC7M/urZnnuBzDqZEn+quG9GAfDYir+OBFBhAcYxdHN+eOEHg9k3MUl/+NE9Db6z8fpMZto3EfyR4a1X0007OD9kYEomWj+s1570YtpjcbWHwt+s5rY4ir7YwHZFE3rVmz/tfAfkZPU+uMsvi9mEqfof/SwT2eS+BT86M2nvOd/nP22Cy7+OHMP0R9n1iGZuZj16zV/b6/2H2dRTv84+5EW4q+z1UL8cXbboxFNHDxEubMG8Ar77w6bjw1Chkib1RCPWz/A+rUYgGSRGCGCi5+h8bk52APE13SIKBYDeNt+APt1piPEPUR/VpzqcADs4CE+l64SMsDq4PzF45U5HoA7eABVY4EGPDWJoQkufmo4HRlhc+ADmKab4AFYRA3m1zY7mJg1BFv4wpgGFUm1+jNgdTOwxS0ZYCzitFn+GWDkmyodPUMT/NcJ9/G4s3aZ+AMkyukAoz94nrix4N3qZ+7WxdMFSlxkrLTc/8wlW2fC+EG3lr55TbYk6MUvVv9eExMRUSSmJ6+6Wr9YwqHIRK3q4UxPbLsmv1imSvI1n57+mCQE/d/C2OuF1gj5SSJ5zuYDr7kwrW3znyRWVd58YF8KorXj+tsvLFwTwVFA5oOf38XFN5E/hXmP/zjTuU3F/CMc9sNGr3dr/gm6Pfld47sjm3/c4wL/riHC0AzMCfq/DG3+PRbG4hvNuiTfY4cb0xWh4ouF7/zvMWYjTZNjG852IlwS1f2EkvXZme34AbwfKEQdPNuJdM9+oUYoxkMEm2CA8FzyAfqYjBCECfqLk+UbMsAFjlzeommcAa5dPoDoman90enVXT9AfsqwPHu1JAOcHukAyftAf8UE1pW9CUdGetsQeex4pQNgjtGAGKMBuc0HWD/ftjxB2S+ViBa6WnXbkbFrL0yejq1NguRbu4traBx/4+H9WVfu1jcwN6ED+IcMm8SwfgORmbn7heqiQHwhIcfWlZHzc7MZAFGBTJmtCmpmyfOguvJEv5EmVVbW6yHG4uadmgvpqeoshn6hXU/IQ7bPx8+125jLH4He9R0MMIrjpftLhyNfGJdf1cm4EwQNyBn5NfPqBzMunGR43A1K1vXq14yu18RIRO8OMGmSPRx/VYTjaQphjIw0eFT2JIOc1DYW7FvfXXhX68pU/frOphmTddoj/+oSUT4tkDTC05OTe1qjlxX56vqK3T5LpjNkcfS7KLgwEmeX42ltVRdEa8rf3+gXl39IjWTTVs60hnuKxmyyJF9cORyMJLhsybT2y0x9aiTzIqHip+cLkiwu2Y+etYzxLEIPUP4GuBkZW3n7cGYR4W0DnQV1jr+F0rs1toL3ic4iug/uq68h6pGxJVxLfEEQj6JveCelJvKn8LGLtCXwvIXjlfUbEm1sXbHtis5a7rvNDY+KLyGNJ686mrXY7haanXXcfvtZp4LNWubPdtm333+ezAN71sIWH4IyMTUtj9YXinvbKoxQXWEvJmMqSO0BlvezLY+dq3gA6rMRQlNPKO7UBF8o2HcVtjn2mrLLJh5T1WtH5JXQxPKcDooBinpnj4/lq2SKcyL6haL2dxNpyrlCOjL664UOAHCh8rKqtORZl2cywA1uoTziB4aWw9lS3Pe17QpNIatHIzOHVzpAVoRIwdltzeVlLSRmhlyK/nKMtimRF93f/QAaHkgwk/nj8Q33Xh7pHWES9iLn8sjuneE/XDAXA5TNyZZn0u4DTvyPABrb5sWybTAATXsxBvj5vsQTFbXFl9Wq2RHj8mo4DTAaLY8g6SLYhMYiPE+Yjlid7DmLcIVhrKvN80iNy74+d+NnUPvcXpmpeE1tq01Q/HnJdtaKjkxd2ZppCkcWMlPHxfKQE+FRR4/t2Vj6urLUFp1i8Wlzd1Ra6jo3gaaM1b2+4wFGv7vwkKkSP8Rqy9v8y4FwpG43IdNC+oKVmCyGJYGtNfUTh6NfYet88dAke4SqHzM/xYSiafYMtfeDRbZH10jsQ0kGmGzDdUJ+sNzmmZkIzgEW09OPNt/sXBMRwb3ypjV7EeqMJ+kPA8IMGSn2IzSp001zZRrz68b+giIW1pTWORlgcreOXW1rrK8b+jVCiLqW93R09eXOmQ2Ev8+QxoVlo29RsirUld8Xo6uALpsNRi5x8MeFKZ5L8GqnLmxhlVFiJMGjCr5jNk32cZurM5cYu12siIkg20bzqBs5wuzyd/pxzEdfrtnr4RrJXEovXcnMDtvi475fvdOeaIvZ8w+7w8U2u9/G+AGL2Qe5mYs0zvGPS9bBZv7Ru7fPflzcYm99dYgN1N81gpGxJQhH8zbGikPRvfiu6c/bsTV7s/XGUtzXrXc/KIw4XFuYzHdx162+cUgaKQszpi6RN1dd4VuTznZB80i+cdhhpyyli2Xz1pXdwXFU2S6Wh728H0A4lhgfwnHEN47wehND9sLXFS6v6ZgKy3MspNmn9mTJ889lOD5Mn+YrPM9Mr8zGI0Okl2KAooWSSgsbaCJ5R+j28vBqF09x/r2xv+MMndtEHqsAUnl5/SywNFpUey5v+3ys5S2ecO8HIGKqwlGCPpzdt/hnhRXXnEijF+gieThZWEg+sTGSTxcplZc+4OrIi/cbbGTUJ2oTrv95CiRZJL6GSE9HRvqAqy0N+6sUy1M0zXahkHeDNjQxWtQHtbmXOtbfNzHedTfbvITtYHlB3Z4sacZ5hzYYgBNjcW5QK+7+Sr42/AVTF/WY0BM7w703r+TRLuThZN0jU/aPBZLvHQrPVPj6ulEbjhfoa/PwTNS1qPZcTyIpM2JeO4BS3mjcdd2OGAoiFvpaDtZUXcvXhekJCS6QmWJGBoibJh09RfsqjOULlBJlKZ2mvdCUsYr8XvbyEGNo9NJ1biHp2PH4d9dub2LTI7tAtx5g7Ee3avXddTjOQfQEr2yyWAG8v7smSOt4680EW0QesrIYTxZJ89iaSrhPyU9G1MHWTPJzMcCkyeOUGgo9Qx2aDY4X7CvJvT0jM3lC600yA8cLS2P82L1ts+GnR/DdQIimzPX9atjklD6gpPpCpKdI5bi4B5+G0xX7arA2CzIthJsUTc7ZEy62xlTPKlh9mgJtZwbA6xVXVtJV3vjCLh9gknb3lwUZLSQrXN3R/XEGsG5vV1n9beeMLnp8nOxJDRGG0XjFBOkep+kMgJIUK0vxuLeEiYQVNPG0Nqhwemx4X97p/UxNhB27sz0beO/74pdnD+CYCOIOFbPBBuCkMcu357akoBNDcj9xbQmKB5gVk+a50Re9wc2Z2ValPTEIiyNdk/S4wbMIjhdUX+wNb3dm45aYGHTOGmj7WUTvIlgFeGYzWMJHl/3unvbsIzhR3Ffxdu+MLRFuFmjuFfFh63zNvbpUjKxZmB66Z25yZFewD8NZimcGEYVCWUXpIXVH21hbgpJZix+hWZmc27bBh9m3mz0zOI/KUpbaK7i7ukpOO2fOQl6xZiaHdlv7w3Ca4ZmBr1fEyE5wdTRFr9Bls9YXMsbIyC3fxpoSZftMv1VwEHHzw2J6ml7tIuffKuHzuTI+nPrfP2Mbp5krpOFgs8CjCmfbGCsteXYb46PnzWjDkfW90hdbIm/xeJ4caf27a1J5Tll6o8NvupujNLoteuMTrjXanCad0rAX0JEhrNAS0lgNsJV37KAOpUUttGt5F4DbAFboCBNLHnB3lTbzktgyFJqFeHyItHlsRoZ3ag6ONPsFsJOXVq8dk2aXzduX9wZ4y+vPzckzMb45pPh7wVxXz6OtrvS2xHrCW4DbyFi38Eyl0W3bePJI6HMk3wodIS+6vxfysg4emYkhQgT6vs4fB3WxN9xcPaGkrtcGZhf7UN7iCU0kDWHHFvI+WFgWl5c+oErkxaeCGctXqxDKEj1Fyib7x9HSFLJsZOB7gEoeXZU5l6dhnh0TLO8BsJmkiEtmDXLcUFWpnSUOmlJPAC95Rt0BHKYoXLyzWcN+Xh0TmyCxf9ja8pKqXo6Cor778li2ZKYSFQtiNvzaHj4MMzJpId9D06PtW+ZlX6ArsLQxzI8tHIihNND5KhNxFn4aCtbuhy3uqZi0Jsn9vTQv5wZwICPOugJcLEN5QBepzL61R/5pn79s8q+bFjrPuMi2bRI04sm+bQtiKItyS1TmVnBhumMhR9+2t+aNjBRv7kdX2gTo9hhJF0Fk60z5fuair10ni4Sm7Ng2E7cDWE0Xg+avbjdi5kOcrw0l2XrKIrvX29OUsToAsJ5kzgD1FwzZXQylgh1RFT1B5U8LaF2XbJJZt+1xxnB8MRIQpYaye2dCVcjfL/H4wn7mE3mTLclXdMbYvNlYMFbuEGToccKMJHy3VTw5DUuSmOkLZ8eCjD8nwdMA58oy97R5bomJpC9o11Ma2TyeR6otq4IuGn9TId3s2NSwaqHkJuJdHjd/SqMlQOVpi167l/8twG6VNzU45TXBJiK8xBdTmli17ZFqC4f5ApuMCNb9dEY8n0wNyHEw0jYPubzpnaULG41UvDiGH0aOz+10NjPyBzz62WDMhhWUH8a31fIbwFqv6egKAWA5iziblW1ydlmvPwwRG38DrNtnPrr4A1pnFjl37d7khOvxT/v4sAwmtCRnysqaJlEYD0NuIshZOGgWrQHeJqd/snmspjP70WXKoosMq0ss6joxktl0/2hW2hJWSI0PuSs2RnjhG4lVPRNlqZ0dAbbaCjcpn32sJKLa6k/VERvfSLWvSyNBls2NDC+bKtGVc22fi9lH61ELD3eemJxtB+k6rAA2eM4iFlGbfWlO+CtO47R43X00Y1vF9cCVJtzYRnO0ldLZANlRj+esoIVnprS5Gm8hnw/m7qiFduLyl2SMiGDrmkq/cEYJDwM811m724GZG00TA1pf2RgxWPv8PGJ10TTRFV7XzXpMiTB3B8jeJ08eX2z70YGow5G5Lx4P78NsVwPMFZOa94YLVxY7wCvXlFUB3MYG93wmL+vgmUgLngA3aaLo4B7K85cJNTKzz19t8Fl9/UjUN1ESoiySlwlStlVCu9YUP3WwHxliWddLIu0I0G6kJU+AuzR6AXgk0pwKXunkxrYF+SzvXU10dnFyVKV2kdzOnqaEt944JoYdKs99A9yZtA1Am0uzLtBupJFdB5UnLQOAkzyaJMzEcOBjpYW7gnza54swIdOcV3eJiSFMGdI2xsjA7fOj6aU5N4DKksZ2lw2RhlgUUmnIWm0jLC3qoNtJY6fn68jNi28ej5VQGC27LtfddM9XO2Zkk2sKACdpYnF7L7E0Va/KHZMWVgC1Z179BaCkCuNHgJXhcT7ZTJV+6hoYDjaevAQASmlIOC5G5ui8Aa6ONLo9xoZCd127JQoT4XbDzI5uz/yrxHu83pZ5ZU1bBdLosWt8eYaJg1MZYGnrDmrXTBBPEo6UjjEye/cN1lfJBgB84+JHAMiljcYzwCs1lOnT6dEcTUJfV3ELtWUoGMvDRQevdOxsOqj7AWwxZ4xg61BgM2GbraUskdV1rCmcrHxkpv3lnUtDzu6+5mPHWqxDIc05VIXzzePdztRM1m27VhY9AhSaMtgbADjSRv+2A1hjM2E2mcNE6CEzTZsmVRZO7/dwaqgAwJsqNh10GzMJTpcFNho/ppOQudIk4cpC2A/Q1Ljq4EqniqDu7gEy0l0HN2oyzr1aiBmAM6EqgxdReQyNBHv7gy8PhwFFU6VgIcPShJf6Ql97gDtTmBXH/MOSrtuS6Y9t7/HkYF0BSmoizhngakubbOMXdIG+3NM5FQrbdLD+MLLfh+ij/dRSHQ6dEdRfYDM52FeAEzOR8A1Qe1PTFgAKfSHOBFL4EeD4YZ9/e66x4tzzdgThYG1PDmJxv8XCRGjxfB6tqSnvoF1qTPHB++1r7tIsVccjdwTNj4JaQhqi6cJCUzPbv3dkrBgg7wmat0m2dkZYcjql8qZ3bpNpZ/4OXu1uhNUAFZ0LwrIqne8vd5lyZaUtlCrDlJhJC/CwZwJ+AOgybdn7nTe3CC7MZN81ibJYcQwUxvOysIzk8Hjt0Fyw73R2ADiNvD7jpuW/F8JIirbxlYUIRwoPG3itjIT5AZkLUHDprra2rgD3ccd3r9S08ueaGAmLI6wutfsvaNfaIkHM5M2KmDlUaCt5NMtxhxZn17RIxNCkTIvq7OqKFx2c2RwyMOGKQ5YlRt4XIO8Z0rV3B3j6c49TnlLFqZ2uYvJZPEqmp+C4EFODztkZuiqce84AT25uZftIPyt9PJPJ6dBd6HyAvP0xFnPPDaBzza2CLv+sRdulk1N6WWFDEX3mj69ZeNt1N2xuy1vZf5az3rDJCdsEGSp9vxqqMOJgfVnhvEWThYPMnThUfNa87rTQ9eqy7nBzdLV4wcWds3QuksOSfZrucXF2pyccOsri29sBqysBeGW6OgI8V98pTgNdYnZWDcn0tK7OvaoQcShSt/eCZ6SrPUCTTgbC4aNKpJeCqCx8AORmx/MdU5zrifF1gSZWltpFsA6Qru1zs0RjE1sWlhe+u7MjjVyg3QppJFi4YyNsod2qDJWPu2126qenEx1fyblgRjYxk3VVF0IWPwB0ayIrAYCHLYvvOqg8edgiJpYCQKk00VM0bYooEuMLMY7mceGvEywteAB0jix6AYAdlZX9l16WVwHAShoprqVrYH0Nba60X0oRFSkZGUndPrdYVvICAE+WWD3aJsGyaNM+z1hW/wbocml5B1ASeRibCvJWEf4R8hrochNzQyZvDwBvVxa/tO2FyEI83cQCSXdXC4pki8XtfnSlbQHgaksLNmtPGMpXo22LMcY9qqv0BVAaWHStSkvaFgCulizkLhY9Uq9wQ4qkxx10BZHV36C70cnJKg6R4QgvMTvyvvaGQnaXQGHn6sw15T8A1ubFS4B2Jc17w3MhpGmYLY8FQ7KzJ0DnTE7po9tzs7HKhhmd/Wh8Q1kDXNQVAsBCUyjZZ9hQBGVCmnUBgJ00hHuCDDluAF6WNO7Htpng+LCPsMoYFR+2eMDho3D+zrHi+LpEZp8m3FAWL9ipy3nCM9SVueKkPOdCFt600MTyDJqvq/eayOLFE06ukTg3gKujsOhU+h/G1jsffTK7w8VW3HRNk6WlLrHYL8TUwGqAOpKF6GIdoTFIehcj2XYL8MyMJGwAqlBd9AJw/DAkCPpovG8LMmmRKCSqMnruR7Z5OR3AK5M2hp2HsdDd47GnRjN3pm3dTw84a9oDNxSLCWmsAqiDEUeK5nHppeEwtoW2kLXMLaTw5HZJ5q0ttNH00F8AXoGR4NX1nGNZ2N+XCzziEI2THklf3ZuLpS/l2xaet9h+bU0PdgnQmEnSADxsWQgRLtBEad8BYDVaDN8/ppPHRBkezzkxkuwJ0DnyJky7AoD1LEEKeM868X5NNIU4E8hIvQrgxiYYvHlC1ZsJYyNPxKdszmFV1650pXeaxfKEXWxcNMXiPrGRfCfQWFbXSzHqEOZi8oquZ6YstwEoRphVQXfmsqbpdQvvQFf9HaD2xp3yGdEIDRxDOQCslYX3zd1XmHCzlBpJAgBNMKU1AO1OV57hCDeipsfKVB8ia66GUgCkykJW6CCF99dXU2BTqf2Jrdvrim9f7Y4rzHM/LKiavfHtYn3gVXMzFJ4kyNDjDuBqmQg71tUGTenLujm7ukLIYkjd5Ny9VuSjVh3UpqdXGjmGYvBhBV3JtcXjgEtDJOzRpE7C2EKj1KkASv5R/rlaTSkfz9n0QNLy4CNd011138ibFVm+8syNXrquIB8l+oh/VLJL8YTi3JtkckCYc6TtpAHo8AzCzm17740NWavcQjq/d5WltqiMxkTUwWZ60PriCdCyGSRuACA3N+2fmxNV2/K5wSOC7U+hsVjFzhlf9gW6PZpBwwqgTXTlLBNqeHbsCrVZqY3GJOfIWPdtd2YKYw4zEsSTiM0hOK/qwtKU+26fG2x28/EF4K4wenrce21ZfmTL+4LMngAX+kXRrzOsrLSuN1xdCwA46Mo6PNuD9b0RNQBH/j1B9l2TKkt4HkfqXgFAqaugBXikc1bxPvsqI9l136PvSVpCmylL8fa5rjxd+U+ARzJjZQBQYYWNfJFUe2PBNjESER8LZmaIhjbSNSvqZm/NWDsAaKipcYcYDl52b2Mp7lsjQYJjNL3SMKRoxk4A4CIMzTpUB2Y2wl4GxnJuj2YyYXKK5Y1SQS06gJ3ljjxiOVSMDLw870Nk6IsXPNOPSqt7rDiEMDaWcO3PK97xUvAx5ZfVOZAWVgA1l0WWTXcLhTQr7LGBGX36gsfio0qArfLGqoi2qbFgj6qMe5a2LgBdNja83SER0k4A3dmSVXQAkMhiNQDsmSznUt2X0xrbnLfso9btI5to7HNb24bCz4/KVZf1fjSxrmoA2JmYwFiee+u6RyytBYDKGySV5bwA4OzIOgJAE0rjjkMNzIpSqrL43azJZyFMCfpo4jjE6BjTFz08bsxQ4idApq4MAEpdHTp4LQyMpNutKy15AMBO2gmgO1uywlvXXogsfuzgmRNZFwB4JrKsw7O72MZFTx3cXHXxM0AbfZjmOROa44c91xbqswAZat/AK1bXAgCOunJ35QYbWNIAlJasuAGAjbTo0lwSJD3Yrj0k3duVa4ZkrwCgsmSlT4AuNy6nBXhm6qIXgM7kaHEMNEfynOjLYEV6WGJ10UtbebpChGJk4CUAPBJZ1rGD2pUm7NAS8gbmVCDpdH+/xEh2DgCwliaCpWsoL7WJ/NmdHYOzO9hpDhGMTF1El72jKsMXlAp5Bmtvyk0vhmikIRTFHJljVHXwiGSJAuCZGQnf1s2BqgshaiOTty9VrDb+v8Dg+RHa9RTBV+UhFsbFdx10Ry4rqrpuR+WZJU72x4zLchoAOHETQTyMOZouqS2U5u+jEUP23Ws5RSQNwM0yLucGAJUli/RRRJEpcy6QtAcAnM1k0t92uxGDWJ6SKWILAJ1jJsJ2mDTrAgB3Jms0HtuuWSDZbPve9bMcWdljZqpMnwBvZiaLun27ssSielQ5Hjl0VaRINt21ACdqIsL2uMkIho1vys/LnaMpnp2PETYSWgNAKQthL/EJGu/ODQBqZiAiOd93jsHklyOdtbCXMHUFDXRnTSFBiUBG6j4A4CZt7LMzALxNxLl00C6FuijFH/YE2BoN4aYkuKnEL7haykqeAHdd6d52uTR8Bei2EwWKr9V1IWSRKEuIrtw7AGyxstz9ecU+6/VpUUIVtzz0ZsT3p8hQtgDgKMt6w2ulNCdmZoKT833HZCFvd9rQqQLZoYOR7KzpnitdkV0LdYRUTYoWnovPWp331ieF9WOnuDuszSh6dntuJilAbSkL+VlKVea/60toJN61gzaXJphN0BR7A4C7pSlk57sIK4sfASD/LOIw9MkZwF1x21tgRuG9XgkzQVHmIEPnJwA4EBPJWgAopU22NQDUnq4Un9bPm/9Zn87e9VJx5uz5HE3N9AwAR24icQ3QbaamTQdw4KNERFkvdIbsHk8En842R396IKsXPDNhIjRv2tKZmqzlcWOhL+Z1C2drckAoXLhI3+umPdqyJnec3LpbhDUlLId/B6za7sTMhTGsK62zF0C7ngnsCwCcqJ5EdDivyHjDfu5NBs5m6wtjSS+XJR5fIQBAORN4NQDUTE/OpYNXMt7oFS6TAcIYGav1BnjYCsPMIkZitQDtZiZglw66M9WTVwHAaryx60tvZJ2bxMcLx+PKsiuAl8rSa7VlJoIW1/eBzQQoOt1PAdKzdeqgicYbCpeu1mixHRHRuzooC6+frz1VWA3wyrRFFusASxNWT9BsyDyGdB2ui5QbC+mZ8rRP+f8SAA==);
      position: absolute;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position-x: 55%;
    }

    a {
      @include color.color(primary);
      text-decoration: none;
      &:hover {
        @include color.color(secondary);
      }
    }

    .change-detail:not(.last-change) {
      border-bottom: 1px solid var(--fds-outline);
    }

    .changelog-container {
      .release-detail,
      .last-release,
      .first-release {
        border-radius: 6px;
        @include color.color(on-surface);
        @include color.background(surface);
        @include mat.elevation(4);
        @include color.color(--fds-on-surface-medium);
      }

      .change {
        .new {
          @include color.color(primary);
          border: 1px solid var(--fds-primary);
          background-color: fds.get-color-from-token(primary, 0.03, $theme);
        }
        .update {
          @include color.color(success);
          border: 1px solid var(--fds-success);
          @include color.background(surface-success);
        }
        .bugfix {
          @include color.color(error);
          border: 1px solid var(--fds-error);
          @include color.background(surface-error);
        }
        .deprecated {
          color: fds.get-color-from-token(on-surface, 0.8, $theme);
          border: 1px solid var(--fds-on-surface-medium);
          background-color: fds.get-color-from-token(surface, 0.03, $theme);
        }
      }

      .release-detail {
        &::after {
          border-left: 2px dotted var(--fds-primary);
        }
      }

      .first-release {
        &::after {
          @include color.background(primary);
        }
      }

      .release-detail::before,
      .last-release::before {
        border: 8px solid var(--fds-primary);
        @include color.background(primary);
      }

      .first-release::before {
        @include color.background(surface);
        border: 5px solid var(--fds-primary);
      }
    }
  }
}

@mixin typography($config: null) {
  uxg-changelog {
    .title {
      .creator {
        @include typo.typography(headline-2);
      }

      span {
        @include typo.typography(headline-2);
      }
    }

    .date {
      @include typo.typography(subtitle-1);
      white-space: nowrap;
      margin: 0;
    }

    .version-id {
      @include typo.typography(subtitle-1);
      margin-bottom: 0;
    }

    .category {
      @include typo.typography(headline-4);
    }

    @include fds.flex-breakpoint('xs') {
      .title {
        .creator {
          @include typo.typography(headline-3);
        }

        span {
          @include typo.typography(headline-3);
        }
      }

      .category {
        @include typo.typography(headline-5);
      }
    }
  }
}