/**
 * This file is read by the styleguide to automatically produce the list of colours names and variables
 * in the General/Colours page.
 *
 * It will assume any line beginning with an "$" is a colour definition line, and will ignore all others.
 */
/**
 * Main site colours
 */
/**
 * Theme colours
 */
/**
 * Overrides for defaults set in include-media.scss
 */
/**
 * Icon font
 *
 * To be used as follows:
 * @include icon(string ligature, fontSize);
 * default font size 24px as this is preferred for material icons
 *
 */
/**
 * AvatarImage
 * Styles the standard avatar image (round icon)
 *
 * To be used as follows:
 * @include avatarImage($size);
 * where $size provides the height and width of the image
 *
 */
/**
 * Line clamp
 *
 * To be used as follows:
 * @include line-clamp(int number-of-lines);
 *
 */
/**
 * Loading shimmer
 * A loading animation in which a gradient sweeps through the background
 *
 * To be used as follows:
 * @include loadingShimmer;
 *
 */
/**
 * Card percentage width
 *
 * To be used as follows:
 * @include cardPercentageWidth(int number-per-row, horizontal-margin-between);
 *
 */
/**
 * Fade
 *
 * To be used as follows:
 * @include fade(int transition-time, bool reverse-animation, string transition-type);
 * reverse-animation defaults to false (fadeOut), true will make this a fadeIn transition.
 * transition-type defaults to ease
 * Requires '.fade' class to be applied to the element.
 *
 */
/**
 * ContentBox
 * Gives an element a raised appearance and rounded corners.
 *
 * To be used as follows:
 * @include contentBox;
 *
 */
.cta {
  text-align: center;
  padding: 40px 16px;
  background-color: #4a4e57;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iNjIwIiB2aWV3Qm94PSIwIDAgMzIwIDYyMCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQgLTUwKSI+CiAgICA8cGF0aCBmaWxsPSIjNEE0RTU3IiBkPSJNMTQgNTBoMzQwdjYyMEgxNHoiLz4KICAgIDxjaXJjbGUgY3g9IjMzNCIgY3k9IjEwNiIgcj0iMjAiIGZpbGw9IiMwMDAiIG9wYWNpdHk9Ii4xOTIiLz4KICAgIDxjaXJjbGUgY3g9IjI1IiBjeT0iMjEyIiByPSIyMCIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iLjE5MiIvPgogICAgPGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utb3BhY2l0eT0iLjIiIHN0cm9rZS13aWR0aD0iOCI+CiAgICAgIDxwYXRoIGQ9Ik0yMDAuODIgMjY2Ljk5MmwyNy42IDMwLjAzNWExMyAxMyAwIDAxMCAxNy41OTNsLTI3LjYgMzAuMDM1Yy00Ljg1OCA1LjI4Ni0xMy4wODIgNS42MzQtMTguMzY4Ljc3NmExMyAxMyAwIDAxLS43NzYtLjc3NmwtMjcuNi0zMC4wMzVhMTMgMTMgMCAwMTAtMTcuNTkzbDI3LjYtMzAuMDM1YzQuODU4LTUuMjg2IDEzLjA4MS01LjYzNCAxOC4zNjgtLjc3NmExMyAxMyAwIDAxLjc3Ni43NzZ6Ii8+CiAgICAgIDxwYXRoIGQ9Ik0xNjYuODIgMjY2Ljk5MmwyNy42IDMwLjAzNWExMyAxMyAwIDAxMCAxNy41OTNsLTI3LjYgMzAuMDM1Yy00Ljg1OCA1LjI4Ni0xMy4wODIgNS42MzQtMTguMzY4Ljc3NmExMyAxMyAwIDAxLS43NzYtLjc3NmwtMjcuNi0zMC4wMzVhMTMgMTMgMCAwMTAtMTcuNTkzbDI3LjYtMzAuMDM1YzQuODU4LTUuMjg2IDEzLjA4MS01LjYzNCAxOC4zNjgtLjc3NmExMyAxMyAwIDAxLjc3Ni43NzZ6Ii8+CiAgICA8L2c+CiAgICA8ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMiIgc3Ryb2tlLXdpZHRoPSI4Ij4KICAgICAgPHBhdGggZD0iTTIwMC44MiAxMC45OTJsMjcuNiAzMC4wMzVhMTMgMTMgMCAwMTAgMTcuNTkzbC0yNy42IDMwLjAzNWMtNC44NTggNS4yODYtMTMuMDgyIDUuNjM0LTE4LjM2OC43NzZhMTMgMTMgMCAwMS0uNzc2LS43NzZsLTI3LjYtMzAuMDM1YTEzIDEzIDAgMDEwLTE3LjU5M2wyNy42LTMwLjAzNWM0Ljg1OC01LjI4NiAxMy4wODEtNS42MzQgMTguMzY4LS43NzZhMTMgMTMgMCAwMS43NzYuNzc2eiIvPgogICAgICA8cGF0aCBkPSJNMTY2LjgyIDEwLjk5MmwyNy42IDMwLjAzNWExMyAxMyAwIDAxMCAxNy41OTNsLTI3LjYgMzAuMDM1Yy00Ljg1OCA1LjI4Ni0xMy4wODIgNS42MzQtMTguMzY4Ljc3NmExMyAxMyAwIDAxLS43NzYtLjc3NmwtMjcuNi0zMC4wMzVhMTMgMTMgMCAwMTAtMTcuNTkzbDI3LjYtMzAuMDM1YzQuODU4LTUuMjg2IDEzLjA4MS01LjYzNCAxOC4zNjgtLjc3NmExMyAxMyAwIDAxLjc3Ni43NzZ6Ii8+CiAgICA8L2c+CiAgICA8ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMiIgc3Ryb2tlLXdpZHRoPSI4Ij4KICAgICAgPHBhdGggZD0iTTIwMC44MiA1NDEuOTkybDI3LjYgMzAuMDM1YTEzIDEzIDAgMDEwIDE3LjU5M2wtMjcuNiAzMC4wMzVjLTQuODU4IDUuMjg2LTEzLjA4MiA1LjYzNC0xOC4zNjguNzc2YTEzIDEzIDAgMDEtLjc3Ni0uNzc2bC0yNy42LTMwLjAzNWExMyAxMyAwIDAxMC0xNy41OTNsMjcuNi0zMC4wMzVjNC44NTgtNS4yODYgMTMuMDgxLTUuNjM0IDE4LjM2OC0uNzc2YTEzIDEzIDAgMDEuNzc2Ljc3NnoiLz4KICAgICAgPHBhdGggZD0iTTE2Ni44MiA1NDEuOTkybDI3LjYgMzAuMDM1YTEzIDEzIDAgMDEwIDE3LjU5M2wtMjcuNiAzMC4wMzVjLTQuODU4IDUuMjg2LTEzLjA4MiA1LjYzNC0xOC4zNjguNzc2YTEzIDEzIDAgMDEtLjc3Ni0uNzc2bC0yNy42LTMwLjAzNWExMyAxMyAwIDAxMC0xNy41OTNsMjcuNi0zMC4wMzVjNC44NTgtNS4yODYgMTMuMDgxLTUuNjM0IDE4LjM2OC0uNzc2YTEzIDEzIDAgMDEuNzc2Ljc3NnoiLz4KICAgIDwvZz4KICAgIDxjaXJjbGUgY3g9IjUwIiBjeT0iMTAwIiByPSIyMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjgiIG9wYWNpdHk9Ii4xOTIiLz4KICAgIDxjaXJjbGUgY3g9IjMzNCIgY3k9IjIxOCIgcj0iMjAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI4IiBvcGFjaXR5PSIuMTkyIi8+CiAgICA8ZyBvcGFjaXR5PSIuMTkyIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAzNDkgNDA4KSI+CiAgICAgIDxjaXJjbGUgY3g9IjMyOSIgY3k9IjI2IiByPSIyMCIgZmlsbD0iIzAwMCIvPgogICAgICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjEzMiIgcj0iMjAiIGZpbGw9IiMwMDAiLz4KICAgICAgPGNpcmNsZSBjeD0iNDUiIGN5PSIyMCIgcj0iMjAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI4Ii8+CiAgICAgIDxjaXJjbGUgY3g9IjMyOSIgY3k9IjEzOCIgcj0iMjAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI4Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K");
  background-position: center center;
  background-size: cover;
}
@media (min-width: 481px) {
  .cta {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI0NTYiIHZpZXdCb3g9IjAgMCAxNDQwIDQ1NiI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0iYSIgZD0iTTAgMGgxNDU2djQ1NkgweiIvPgogIDwvZGVmcz4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CiAgICA8L21hc2s+CiAgICA8dXNlIGZpbGw9IiM0QTRFNTciIHhsaW5rOmhyZWY9IiNhIi8+CiAgICA8Y2lyY2xlIGN4PSIzOTkuNSIgY3k9IjQzNS41IiByPSIyMC41IiBmaWxsPSIjRkZGIiBtYXNrPSJ1cmwoI2IpIiBvcGFjaXR5PSIuMDUyIi8+CiAgICA8ZWxsaXBzZSBjeD0iMTkiIGN5PSI0NTYuNSIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjA1MiIgcng9IjE5IiByeT0iMjAuNSIvPgogICAgPGNpcmNsZSBjeD0iMzAyIiBjeT0iMTM2IiByPSIyMCIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjA1MiIvPgogICAgPGNpcmNsZSBjeD0iMTM2NSIgY3k9Ijg5LjgxNSIgcj0iMjAiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiIG9wYWNpdHk9Ii4wMzMiLz4KICAgIDxlbGxpcHNlIGN4PSIxMTI4LjUiIGN5PSIzNzkiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI4IiBtYXNrPSJ1cmwoI2IpIiBvcGFjaXR5PSIuMTkyIiByeD0iMTguNSIgcnk9IjE5Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMTk5IiBzdHJva2Utd2lkdGg9IjgiIGQ9Ik0xMTY5LjEzNSAxODAuNDA0bDM3LjI1NCAxLjU1YTEzIDEzIDAgMDExMi40NDcgMTIuNDMxbDEuNTU4IDM2LjI5NmMuMzA3IDcuMTczLTUuMjU4IDEzLjIzOC0xMi40MzEgMTMuNTQ2YTEzIDEzIDAgMDEtMS4wOTggMGwtMzcuMjU0LTEuNTVhMTMgMTMgMCAwMS0xMi40NDctMTIuNDMxbC0xLjU1OC0zNi4yOTZjLS4zMDctNy4xNzMgNS4yNTgtMTMuMjM4IDEyLjQzMS0xMy41NDZhMTMgMTMgMCAwMTEuMDk4IDB6IiBtYXNrPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxMTg4IDIxMi4zMTUpIi8+CiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMTk5IiBzdHJva2Utd2lkdGg9IjgiIGQ9Ik0xMTM4LjEzNCAxODAuNDEzbDM2LjI5NiAxLjUzM2ExMyAxMyAwIDAxMTIuNDQgMTIuNDRsMS41MzMgMzYuMjk1Yy4zMDMgNy4xNzMtNS4yNjcgMTMuMjM0LTEyLjQ0IDEzLjUzN2ExMyAxMyAwIDAxLTEuMDk3IDBsLTM2LjI5Ni0xLjUzM2ExMyAxMyAwIDAxLTEyLjQ0LTEyLjQ0bC0xLjUzMy0zNi4yOTVjLS4zMDMtNy4xNzMgNS4yNjctMTMuMjM0IDEyLjQ0LTEzLjUzN2ExMyAxMyAwIDAxMS4wOTcgMHoiIG1hc2s9InVybCgjYikiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDExNTYuNSAyMTIuMzE1KSIvPgogICAgPHBhdGggc3Ryb2tlPSIjRkZGIiBzdHJva2Utb3BhY2l0eT0iLjE5OSIgc3Ryb2tlLXdpZHRoPSI4IiBkPSJNODUxLjU5OCAzNDcuNzQ5bDM4LjIxMiAxLjU2NmExMyAxMyAwIDAxMTIuNDU2IDEyLjQyM2wxLjU4IDM2LjI5N2MuMzEzIDcuMTczLTUuMjQ5IDEzLjI0LTEyLjQyMiAxMy41NTNhMTMgMTMgMCAwMS0xLjA5OC4wMDJsLTM4LjIxMi0xLjU2N2ExMyAxMyAwIDAxLTEyLjQ1Ni0xMi40MjNsLTEuNTgtMzYuMjk3Yy0uMzEzLTcuMTczIDUuMjQ5LTEzLjI0IDEyLjQyMi0xMy41NTNhMTMgMTMgMCAwMTEuMDk4LS4wMDF6IiBtYXNrPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4NzAuOTYyIDM3OS42NjkpIi8+CiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMTk5IiBzdHJva2Utd2lkdGg9IjgiIGQ9Ik02MjIuMTM0IDU4LjQxM2wzNi4yOTYgMS41MzNhMTMgMTMgMCAwMTEyLjQ0IDEyLjQ0bDEuNTMzIDM2LjI5NWMuMzAzIDcuMTczLTUuMjY3IDEzLjIzNC0xMi40NCAxMy41MzdhMTMgMTMgMCAwMS0xLjA5NyAwbC0zNi4yOTYtMS41MzNhMTMgMTMgMCAwMS0xMi40NC0xMi40NGwtMS41MzMtMzYuMjk1Yy0uMzAzLTcuMTczIDUuMjY3LTEzLjIzNCAxMi40NC0xMy41MzdhMTMgMTMgMCAwMTEuMDk3IDB6IiBtYXNrPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA2NDAuNSA5MC4zMTUpIi8+CiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMTk5IiBzdHJva2Utd2lkdGg9IjgiIGQ9Ik0yMjkuNTk2IDI0Ny4wNmwzNi4yOTYgMS41MzNhMTMgMTMgMCAwMTEyLjQ0IDEyLjQ0bDEuNTMzIDM2LjI5NGMuMzAzIDcuMTc0LTUuMjY3IDEzLjIzNS0xMi40NCAxMy41MzhhMTMgMTMgMCAwMS0xLjA5OCAwbC0zNi4yOTUtMS41MzRhMTMgMTMgMCAwMS0xMi40NC0xMi40NGwtMS41MzMtMzYuMjk1Yy0uMzAzLTcuMTczIDUuMjY2LTEzLjIzNCAxMi40NC0xMy41MzdhMTMgMTMgMCAwMTEuMDk3IDB6IiBtYXNrPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAyNDcuOTYyIDI3OC45NjIpIi8+CiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMTk5IiBzdHJva2Utd2lkdGg9IjgiIGQ9Ik04MjAuNTk2IDM0Ny43NjZsMzYuMjk2IDEuNTM0YTEzIDEzIDAgMDExMi40NCAxMi40NGwxLjUzMyAzNi4yOTVjLjMwMyA3LjE3My01LjI2NyAxMy4yMzQtMTIuNDQgMTMuNTM3YTEzIDEzIDAgMDEtMS4wOTggMGwtMzYuMjk1LTEuNTM0YTEzIDEzIDAgMDEtMTIuNDQtMTIuNDRsLTEuNTMzLTM2LjI5NWMtLjMwMy03LjE3MyA1LjI2Ni0xMy4yMzQgMTIuNDQtMTMuNTM3YTEzIDEzIDAgMDExLjA5NyAweiIgbWFzaz0idXJsKCNiKSIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgODM4Ljk2MiAzNzkuNjY5KSIvPgogICAgPHBhdGggc3Ryb2tlPSIjRkZGIiBzdHJva2Utb3BhY2l0eT0iLjE5OSIgc3Ryb2tlLXdpZHRoPSI4IiBkPSJNNTkwLjEzNSA1OC40MDRsMzcuMjU0IDEuNTVhMTMgMTMgMCAwMTEyLjQ0NyAxMi40MzFsMS41NTggMzYuMjk2Yy4zMDcgNy4xNzMtNS4yNTggMTMuMjM4LTEyLjQzMSAxMy41NDZhMTMgMTMgMCAwMS0xLjA5OCAwbC0zNy4yNTQtMS41NWExMyAxMyAwIDAxLTEyLjQ0Ny0xMi40MzFsLTEuNTU4LTM2LjI5NmMtLjMwNy03LjE3MyA1LjI1OC0xMy4yMzggMTIuNDMxLTEzLjU0NmExMyAxMyAwIDAxMS4wOTggMHoiIG1hc2s9InVybCgjYikiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDYwOSA5MC4zMTUpIi8+CiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMTk5IiBzdHJva2Utd2lkdGg9IjgiIGQ9Ik0xOTcuNTk2IDI0Ny4wNmwzNi4yOTYgMS41MzNhMTMgMTMgMCAwMTEyLjQ0IDEyLjQ0bDEuNTMzIDM2LjI5NGMuMzAzIDcuMTc0LTUuMjY3IDEzLjIzNS0xMi40NCAxMy41MzhhMTMgMTMgMCAwMS0xLjA5OCAwbC0zNi4yOTUtMS41MzRhMTMgMTMgMCAwMS0xMi40NC0xMi40NGwtMS41MzMtMzYuMjk1Yy0uMzAzLTcuMTczIDUuMjY2LTEzLjIzNCAxMi40NC0xMy41MzdhMTMgMTMgMCAwMTEuMDk3IDB6IiBtYXNrPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAyMTUuOTYyIDI3OC45NjIpIi8+CiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMTk5IiBzdHJva2Utd2lkdGg9IjgiIGQ9Ik0xNDIzLjU5Ni0zMy45NGwzNi4yOTYgMS41MzNhMTMgMTMgMCAwMTEyLjQ0IDEyLjQ0bDEuNTMzIDM2LjI5NGMuMzAzIDcuMTc0LTUuMjY3IDEzLjIzNS0xMi40NCAxMy41MzhhMTMgMTMgMCAwMS0xLjA5OCAwbC0zNi4yOTUtMS41MzRhMTMgMTMgMCAwMS0xMi40NC0xMi40NGwtMS41MzMtMzYuMjk1Yy0uMzAzLTcuMTczIDUuMjY2LTEzLjIzNCAxMi40NC0xMy41MzdhMTMgMTMgMCAwMTEuMDk3IDB6IiBtYXNrPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNDQxLjk2MiAtMi4wMzgpIi8+CiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMTk5IiBzdHJva2Utd2lkdGg9IjgiIGQ9Ik0xMzkxLjU5Ni0zMy45NGwzNi4yOTYgMS41MzNhMTMgMTMgMCAwMTEyLjQ0IDEyLjQ0bDEuNTMzIDM2LjI5NGMuMzAzIDcuMTc0LTUuMjY3IDEzLjIzNS0xMi40NCAxMy41MzhhMTMgMTMgMCAwMS0xLjA5OCAwbC0zNi4yOTUtMS41MzRhMTMgMTMgMCAwMS0xMi40NC0xMi40NGwtMS41MzMtMzYuMjk1Yy0uMzAzLTcuMTczIDUuMjY2LTEzLjIzNCAxMi40NC0xMy41MzdhMTMgMTMgMCAwMTEuMDk3IDB6IiBtYXNrPSJ1cmwoI2IpIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAxNDA5Ljk2MiAtMi4wMzgpIi8+CiAgICA8ZWxsaXBzZSBjeT0iMTcwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iOCIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjE5MiIgcng9IjE5IiByeT0iMjEiLz4KICAgIDxlbGxpcHNlIGN4PSIzNTYuNSIgY3k9IjYuODE1IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iOCIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjE5MiIgcng9IjE4LjUiIHJ5PSIyMCIvPgogICAgPGNpcmNsZSBjeD0iNTQ0IiBjeT0iMjkyLjgxNSIgcj0iMTkiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI4IiBtYXNrPSJ1cmwoI2IpIiBvcGFjaXR5PSIuMTkyIi8+CiAgICA8Y2lyY2xlIGN4PSIxNDAyLjUiIGN5PSIyNzguNSIgcj0iMjAuNSIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjAzMyIvPgogICAgPGNpcmNsZSBjeD0iODcyLjUiIGN5PSIxNDkuNSIgcj0iMjAuNSIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjA1MiIvPgogICAgPGVsbGlwc2UgY3g9IjExNDYuNSIgY3k9IjQ0IiBmaWxsPSIjMDAwIiBtYXNrPSJ1cmwoI2IpIiBvcGFjaXR5PSIuMTkyIiByeD0iMTguNSIgcnk9IjIwIi8+CiAgICA8ZWxsaXBzZSBjeD0iMTguNSIgY3k9IjQ0NiIgZmlsbD0iIzAwMCIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjE5MiIgcng9IjE4LjUiIHJ5PSIyMCIvPgogICAgPGVsbGlwc2UgY3g9IjEzOTYuNSIgY3k9IjQ0NiIgZmlsbD0iIzAwMCIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjE5MiIgcng9IjE4LjUiIHJ5PSIyMCIvPgogIDwvZz4KPC9zdmc+Cg==");
    background-repeat: repeat;
  }
}

.cta__label {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #ffffff;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .cta__label {
    font-size: 40px;
    line-height: 48px;
  }
}

.expandable-item {
  color: #1d1d1b;
  border-bottom: 1px solid #edeff1;
  padding: 0;
}

.expandable-item__handle {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  position: relative;
  padding-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  cursor: pointer;
}
.expandable-item__handle::after {
  content: "add";
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  speak: none;
  color: #d9121f;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.expandable-item[open] .expandable-item__handle::after {
  content: "remove";
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.expandable-item__drawer {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding-top: 8px;
  padding-bottom: 16px;
}
.js-details-not-supported .expandable-item__drawer {
  display: none;
}
.js-details-not-supported[open] .expandable-item__drawer {
  display: block;
}

.expandable-item--large .expandable-item__handle {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .expandable-item--large .expandable-item__handle {
    font-size: 28px;
    line-height: 36px;
  }
}
.expandable-item--large .expandable-item__handle::after {
  font-size: 26px;
}
@media (min-width: 768px) {
  .expandable-item--large .expandable-item__handle::after {
    font-size: 28px;
  }
}
.expandable-item[open] .expandable-item--large .expandable-item__handle::after {
  font-size: 26px;
}
@media (min-width: 768px) {
  .expandable-item[open] .expandable-item--large .expandable-item__handle::after {
    font-size: 28px;
  }
}

.expandable-item--standalone {
  margin-bottom: 24px;
}

.filter-drawer {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  background-color: #1d1d1b;
  color: #ffffff;
}

.filter-drawer__drawer {
  align-items: center;
}
.filter-drawer__drawer[open] .filter-drawer__handle::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23ffffff' d='M8.12 14.71L12 10.83l3.88 3.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L12.7 8.71c-.39-.39-1.02-.39-1.41 0L6.7 13.3c-.39.39-.39 1.02 0 1.41.39.38 1.03.39 1.42 0z'/></svg>");
}

.filter-drawer__handle {
  padding: 24px 16px;
  position: relative;
}
.filter-drawer__handle::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 24px;
  min-width: 24px;
  min-height: 24px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23ffffff' d='M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z'/></svg>");
  background-repeat: no-repeat;
  background-position: right;
}
.filter-drawer__handle::before {
  content: "filter_list";
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.filter-drawer__tray {
  background-color: #edeff1;
  color: #1d1d1b;
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid #1d1d1b;
  padding: 16px;
}

@media (min-width: 768px) {
  .filter-drawer--feed {
    display: none;
  }
}

.w-filter-bar {
  width: 100%;
  padding: 0 16px;
  background: #1d1d1b;
}

.filter-bar {
  width: 100%;
  max-width: 1244px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .filter-bar {
    flex-direction: column;
    align-items: unset;
  }
}

@media (max-width: 992px) {
  .filter-bar__filters {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
  }
}

.filter-bar__filter {
  padding: 16px 24px;
  color: #ffffff;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
@media hover {
  .filter-bar__filter:hover {
    border-bottom: 2px solid #ffffff;
  }
}
.filter-bar__filter.is-active {
  border-bottom: 2px solid #ffffff;
}

@media (max-width: 767px) {
  .filter-bar--feed {
    display: none;
  }
}

@media (min-width: 992px) {
  .forum_highlights {
    display: flex;
  }
}

@media (min-width: 992px) {
  .forum_highlights__forum {
    margin-right: 24px;
  }
  .forum_highlights__forum .d-card-deck:last-child {
    margin-bottom: 0;
  }
}

.forum_highlights__body {
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(29, 29, 27, 0.17);
  border: 1px solid rgba(29, 29, 27, 0.17);
  padding: 24px;
  background-color: #ffffff;
}
@media (min-width: 992px) {
  .forum_highlights__body {
    padding: 24px;
    flex: 1 0 404px;
  }
}

.forum_highlights__description {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}

.forum_highlights__title {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  .get-involved {
    display: flex;
  }
}

.get-involved__title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .get-involved__title {
    font-size: 32px;
    line-height: 40px;
  }
}

.get-involved__body {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .get-involved__body {
    flex: 1 0 50%;
    padding: 24px 24px 24px 0;
  }
}

.get-involved__content {
  padding: 24px 0;
}

@media (min-width: 992px) {
  .get-involved__steps {
    flex: 1 0 50%;
  }
}

.get-involved__step {
  margin-bottom: 24px;
}

.get-involved__step-content {
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(29, 29, 27, 0.17);
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  border: 1px solid rgba(29, 29, 27, 0.17);
  transition: 0.2s;
  display: block;
  position: relative;
  background-color: #ffffff;
  padding: 24px 64px 24px 24px;
}
.get-involved__step-content:hover {
  transform: scale(1.02);
  box-shadow: 2px 6px 34px 12px rgba(29, 29, 27, 0.24);
}
.get-involved__step-content::after {
  content: "chevron_right";
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -20px;
  font-size: 40px;
  speak: none;
  color: #00bf9f;
}

.get-involved__subtitle {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

.influencer {
  text-align: center;
  padding: 0 24px;
}

.influencer__image {
  height: 240px;
  width: 240px;
  border-radius: 50%;
  margin-bottom: 40px;
}

.influencer__description {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.influencer__author {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #3244ff;
  text-align: center;
  margin-bottom: 16px;
}
.influencer__author a:hover {
  color: #d9121f;
}

.influencer__link {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #3244ff;
  display: block;
  padding: 16px;
}
.influencer__link:hover {
  color: #d9121f;
}

.join-our-community {
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(29, 29, 27, 0.17);
  border: 1px solid rgba(29, 29, 27, 0.17);
  background-color: #ffffff;
}
@media (min-width: 992px) {
  .join-our-community {
    display: flex;
  }
}

@media (min-width: 992px) {
  .join-our-community__image {
    width: 66%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.join-our-community__body {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding: 24px;
  color: #4a4e57;
}
@media (min-width: 992px) {
  .join-our-community__body {
    padding: 24px;
    flex: 1 0 34%;
  }
}

.join-our-community__title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .join-our-community__title {
    font-size: 32px;
    line-height: 40px;
  }
}

.join-our-community__content {
  margin-bottom: 24px;
}

.redeem-badge {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.redeem-badge__body {
  width: 100%;
  max-width: 680px;
}

.redeem-badge__title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #4a4e57;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .redeem-badge__title {
    font-size: 32px;
    line-height: 40px;
  }
}

.redeem-badge__text {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #4a4e57;
  margin-top: 24px;
}

.redeem-form {
  display: flex;
}

.redeem-badge__label {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #1d1d1b;
  width: 100%;
}

.redeem-badge__input {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  flex: 1;
  padding-right: 8px;
  padding-left: 8px;
  border-top: 2px solid #4a4e57;
  border-bottom: 2px solid #4a4e57;
  border-left: 2px solid #4a4e57;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.redeem-badge__input:focus {
  border-top: 4px solid #4a4e57;
  border-bottom: 4px solid #4a4e57;
  border-left: 4px solid #4a4e57;
  padding-right: 6px;
  padding-left: 6px;
}
.redeem-badge__input:invalid {
  border: 2px solid #d9121f;
}

.redeem-badge__submit {
  vertical-align: middle;
  border-radius: 0 4px 4px 0;
}

.redeem-badge__image {
  display: none;
}
@media (min-width: 768px) {
  .redeem-badge__image {
    min-width: 30%;
    display: block;
  }
}

.software-requirements {
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(29, 29, 27, 0.17);
  padding: 24px;
  color: #4a4e57;
}

.software-requirements__heading {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .software-requirements__heading {
    font-size: 28px;
    line-height: 36px;
  }
}

.software-requirements__list {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.software-requirements__list:last-child {
  margin-bottom: 0;
}

.software-requirements__icon {
  margin-right: 24px;
}
@media (min-width: 768px) {
  .software-requirements__icon svg {
    width: 56px;
    height: 56px;
  }
}
.software-requirements__icon svg {
  width: 45px;
  height: 45px;
}

.software-requirements__body {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

/**
 * This file is read by the styleguide to automatically produce the list of colours names and variables
 * in the General/Colours page.
 *
 * It will assume any line beginning with an "$" is a colour definition line, and will ignore all others.
 */
/**
 * Main site colours
 */
/**
 * Theme colours
 */
/**
 * Overrides for defaults set in include-media.scss
 */
/**
 * Icon font
 *
 * To be used as follows:
 * @include icon(string ligature, fontSize);
 * default font size 24px as this is preferred for material icons
 *
 */
/**
 * AvatarImage
 * Styles the standard avatar image (round icon)
 *
 * To be used as follows:
 * @include avatarImage($size);
 * where $size provides the height and width of the image
 *
 */
/**
 * Line clamp
 *
 * To be used as follows:
 * @include line-clamp(int number-of-lines);
 *
 */
/**
 * Loading shimmer
 * A loading animation in which a gradient sweeps through the background
 *
 * To be used as follows:
 * @include loadingShimmer;
 *
 */
/**
 * Card percentage width
 *
 * To be used as follows:
 * @include cardPercentageWidth(int number-per-row, horizontal-margin-between);
 *
 */
/**
 * Fade
 *
 * To be used as follows:
 * @include fade(int transition-time, bool reverse-animation, string transition-type);
 * reverse-animation defaults to false (fadeOut), true will make this a fadeIn transition.
 * transition-type defaults to ease
 * Requires '.fade' class to be applied to the element.
 *
 */
/**
 * ContentBox
 * Gives an element a raised appearance and rounded corners.
 *
 * To be used as follows:
 * @include contentBox;
 *
 */
.software-install .software-install-step:first-child {
  padding-top: 0;
}
.software-install .software-install-step:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.software-install-step {
  padding-top: 24px;
  padding-bottom: 40px;
  border-bottom: 1px solid #4a4e57;
}

.software-install-step__title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #4a4e57;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .software-install-step__title {
    font-size: 28px;
    line-height: 36px;
  }
}

.software-install-step__text {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

/**
 * This file is read by the styleguide to automatically produce the list of colours names and variables
 * in the General/Colours page.
 *
 * It will assume any line beginning with an "$" is a colour definition line, and will ignore all others.
 */
/**
 * Main site colours
 */
/**
 * Theme colours
 */
/**
 * Overrides for defaults set in include-media.scss
 */
/**
 * Icon font
 *
 * To be used as follows:
 * @include icon(string ligature, fontSize);
 * default font size 24px as this is preferred for material icons
 *
 */
/**
 * AvatarImage
 * Styles the standard avatar image (round icon)
 *
 * To be used as follows:
 * @include avatarImage($size);
 * where $size provides the height and width of the image
 *
 */
/**
 * Line clamp
 *
 * To be used as follows:
 * @include line-clamp(int number-of-lines);
 *
 */
/**
 * Loading shimmer
 * A loading animation in which a gradient sweeps through the background
 *
 * To be used as follows:
 * @include loadingShimmer;
 *
 */
/**
 * Card percentage width
 *
 * To be used as follows:
 * @include cardPercentageWidth(int number-per-row, horizontal-margin-between);
 *
 */
/**
 * Fade
 *
 * To be used as follows:
 * @include fade(int transition-time, bool reverse-animation, string transition-type);
 * reverse-animation defaults to false (fadeOut), true will make this a fadeIn transition.
 * transition-type defaults to ease
 * Requires '.fade' class to be applied to the element.
 *
 */
/**
 * ContentBox
 * Gives an element a raised appearance and rounded corners.
 *
 * To be used as follows:
 * @include contentBox;
 *
 */
.software-download {
  display: flex;
  flex-direction: column;
}

.software-download__button {
  display: none;
  align-self: flex-start;
  width: 100%;
}
@media (min-width: 768px) {
  .software-download__button {
    width: auto;
  }
}
.software-download__button.is-active {
  display: block;
}

.software-comparison-card {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  text-align: center;
  box-shadow: 0 2px 10px 0 rgba(29, 29, 27, 0.17);
}

.software-comparison-card__header {
  margin-bottom: 24px;
}

.software-comparison-card__title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .software-comparison-card__title {
    font-size: 28px;
    line-height: 36px;
  }
}

.software-comparison-card__description {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}

.software-comparison-card__price {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #f7f7f7;
  margin-bottom: 24px;
}

.software-comparison-card__features {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding-left: 40px;
  margin-bottom: 24px;
  text-align: left;
}

.software-comparison-card__feature {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  margin-top: 8px;
}
.software-comparison-card__feature::before {
  content: "check";
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  color: #d9121f;
  margin-right: 8px;
}

.software-comparison-card__footer {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  display: flex;
  border-top: 1px solid rgba(188, 188, 188, 0.25);
  padding: 24px 40px;
  text-align: left;
  justify-content: space-between;
}
.software-comparison-card__footer::after {
  content: "keyboard_arrow_right";
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  speak: none;
}

.software-comparison-table {
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(29, 29, 27, 0.17);
}

.software-comparison-table__table {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
}
.software-comparison-table__table th {
  border-left: 1px solid rgba(188, 188, 188, 0.25);
  border-right: 1px solid rgba(188, 188, 188, 0.25);
}
.software-comparison-table__table th p {
  margin-bottom: 8px;
}
.software-comparison-table__table th strong {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
}
.software-comparison-table__table td,
.software-comparison-table__table th {
  text-align: center;
  padding: 24px 40px;
}
.software-comparison-table__table tfoot td {
  border-left: 1px solid rgba(188, 188, 188, 0.25);
  border-right: 1px solid rgba(188, 188, 188, 0.25);
}

.software-comparison-table__row {
  border-bottom: 1px solid rgba(188, 188, 188, 0.25);
}
.software-comparison-table__row td {
  border-left: 1px solid rgba(188, 188, 188, 0.25);
  border-right: 1px solid rgba(188, 188, 188, 0.25);
}
.software-comparison-table__row td:first-child {
  text-align: left;
}

.software-comparison-table__row--highlighted {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  background-color: #f7f7f7;
}

.software-comparison-table__row--emphasis {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

.is-retracted .software-comparison-table__row--transient {
  display: none;
}

.software-comparison-table__check::before {
  content: "check";
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
  speak: none;
  color: #d9121f;
  vertical-align: middle;
}

.software-comparison-table__controls {
  background-color: #f7f7f7;
  padding: 24px;
}

.software-comparison-table__button {
  position: relative;
  padding-right: 64px;
  padding-left: 64px;
}

.software-comparison-table__button--expand {
  display: none;
}
.is-retracted .software-comparison-table__button--expand {
  display: inline-block;
}

.is-retracted .software-comparison-table__button--collapse {
  display: none;
}

.technology-feed {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .technology-feed__title {
    margin-bottom: 16px;
  }
}

.technology-feed__follow {
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .technology-feed__follow {
    max-width: 200px;
  }
}

@media (max-width: 767px) {
  .technology-feed__sort-by {
    display: none;
  }
}
@media (min-width: 768px) {
  .technology-feed__sort-by {
    width: auto;
    color: #1d1d1b;
    margin-bottom: 0;
  }
  .technology-feed__sort-by .select-field__label {
    color: #ffffff;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .technology-feed__sort-by .select-field__label {
    flex-grow: 1;
  }
  .technology-feed__sort-by .select-field__input {
    flex-grow: 5;
  }
}
@media (min-width: 992px) {
  .technology-feed__sort-by {
    margin-left: auto;
  }
}

.technology-feed__contribute-link {
  color: #3244ff;
  font-weight: 700;
}
.technology-feed__contribute-link:hover {
  color: #d9121f;
}

.technology-feed__no-content-message--transient {
  display: none;
}

.vp-banner {
  min-height: 460px;
  background-color: var(--theme-bg-colour);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding-top: 64px;
  padding-right: 16px;
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/7d751ad7/6.8.0/images/css/Home_VP50_479px_small.444a5ca9..png);
}
@media (min-width: 480px) {
  .vp-banner {
    background-image: url(/7d751ad7/6.8.0/images/css/Home_VP50_767x460_medium_small.8a72e7d4..png);
  }
}
@media (min-width: 768px) {
  .vp-banner {
    background-image: url(/7d751ad7/6.8.0/images/css/Home_VP50_991x460_medium.0d3959ce..png);
  }
}
@media (min-width: 992px) {
  .vp-banner {
    background-image: url(/7d751ad7/6.8.0/images/css/Home_VP50_1244x460_medium_large.b9a91486..png);
  }
}
@media (min-width: 1440px) {
  .vp-banner {
    background-image: url(/7d751ad7/6.8.0/images/css/Home_VP50_1244x460_large.0d2e565d..png);
  }
}
@media (min-width: 768px) {
  .vp-banner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .vp-banner {
    align-items: baseline;
  }
}

.vp-banner__body {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .vp-banner__body {
    align-self: flex-start;
  }
}

.vp-banner__title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  max-width: 520px;
  display: inline-block;
  margin-bottom: 24px;
  letter-spacing: -1.5px;
  color: #1d1d1b;
  text-align: center;
}
@media (min-width: 768px) {
  .vp-banner__title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (min-width: 992px) {
  .vp-banner__title {
    text-align: left;
  }
}
.vp-banner__title > b {
  color: #ffffff;
}

.vp-banner__feature-list {
  list-style: disc inside;
  margin-bottom: 24px;
  text-align: center;
}
@media (min-width: 992px) {
  .vp-banner__feature-list {
    text-align: left;
  }
}

.vp-banner__feature {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #1d1d1b;
}

.vp-banner__button {
  align-self: center;
  width: 360px;
  max-width: 100%;
}
@media (min-width: 992px) {
  .vp-banner__button {
    align-self: baseline;
  }
}

@-webkit-keyframes dropDown {
  from {
    opacity: 0;
    margin-top: calc(var(--dropdown-top-margin) - 10px);
  }
  to {
    opacity: 1;
    margin-top: var(--dropdown-top-margin);
  }
}

@keyframes dropDown {
  from {
    opacity: 0;
    margin-top: calc(var(--dropdown-top-margin) - 10px);
  }
  to {
    opacity: 1;
    margin-top: var(--dropdown-top-margin);
  }
}

.wysiwyg h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
}
@media (min-width: 768px) {
  .wysiwyg h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
.wysiwyg h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}
@media (min-width: 768px) {
  .wysiwyg h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.wysiwyg h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .wysiwyg h3 {
    font-size: 28px;
    line-height: 36px;
  }
}
.wysiwyg h4 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .wysiwyg h4 {
    font-size: 28px;
    line-height: 36px;
  }
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg p {
  margin-bottom: 24px;
}
.wysiwyg b,
.wysiwyg strong {
  font-weight: 700;
}
.wysiwyg em {
  font-style: italic;
}
.wysiwyg a {
  font-weight: 700;
  color: #3244ff;
}
.wysiwyg a:hover {
  color: #d9121f;
}
.wysiwyg ul {
  list-style: disc;
}
.wysiwyg ol {
  list-style: decimal;
}
.wysiwyg li {
  margin-left: 40px;
}
.wysiwyg sup,
.wysiwyg sub {
  font-size: 75%;
  position: relative;
}
.wysiwyg sup {
  top: -0.5em;
}
.wysiwyg sub {
  bottom: -0.25em;
}
.wysiwyg table[border="1"] th,
.wysiwyg table[border="1"] td {
  border: 1px solid #1d1d1b;
}
.wysiwyg blockquote {
  padding: 8px 0 8px 24px;
  background-color: #f7f7f7;
  border-left: 3px solid rgba(74, 78, 87, 0.2);
}
.wysiwyg blockquote p {
  margin-bottom: 0;
}

.s-cta {
  width: 100%;
  background-color: var(--theme-bg-colour);
}
.s-cta > .d-cta {
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  max-width: 1244px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1272px) {
  .s-cta > .d-cta {
    padding-left: 0;
    padding-right: 0;
  }
}

.s-software-comparison {
  width: 100%;
  padding: 32px 0;
}
@media (min-width: 992px) {
  .s-software-comparison {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.s-software-comparison > .d-software-comparison {
  width: 100%;
  max-width: 1244px;
  margin-right: auto;
  margin-left: auto;
}

.d-software-comparison--title {
  padding-right: 16px;
  padding-left: 16px;
}
@media (min-width: 992px) {
  .d-software-comparison--title {
    padding: 0;
  }
}

.d-software-comparison--card {
  max-width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .d-software-comparison--card {
    display: none;
  }
}

.d-software-comparison--table {
  display: none;
}
@media (min-width: 992px) {
  .d-software-comparison--table {
    display: block;
  }
}

/**
 * Components - blocks
 */
/**
 * Components - structures
 */