:root {
    --ui-scale: 1;
    /* These values require tweaking if ui-scale is changed */
    --tile-height: calc(318px * var(--ui-scale));
    --tile-details-lines-count-for-elipsis: 4;
    --tile-width: calc(224px * var(--ui-scale));
    --shadow-colour: rgba(150, 198, 206, 0.6);
    --font-size-14: calc(0.875rem * var(--ui-scale));
    --font-size-16: calc(1.000rem * var(--ui-scale));
    --font-size-17: calc(1.062rem * var(--ui-scale));
    --font-size-18: calc(1.125rem * var(--ui-scale));
    --font-size-19: calc(1.187rem * var(--ui-scale));
    --font-size-22: calc(1.375rem * var(--ui-scale));
    --font-size-28: calc(1.750rem * var(--ui-scale));
    --font-size-32: calc(2.000rem * var(--ui-scale));
    --font-size-42: calc(2.625rem * var(--ui-scale));
    --w4: calc(0.25rem * var(--ui-scale));
    --w5: calc(0.312rem * var(--ui-scale));
    --w10: calc(0.625rem * var(--ui-scale));
    --w16: calc(1rem * var(--ui-scale));
    --w20: calc(1.25rem * var(--ui-scale));
    --w30: calc(1.875rem * var(--ui-scale));
    --w42: calc(2.625rem * var(--ui-scale));
    --font-weight-bold: 500;
    --font-weight-bolder: 700;
    --marketplace-background: whitesmoke;
    --toolbar-padding-top: var(--w10);
    --toolbar-button-background: #EFEFEF;
    --toolbar-height: calc(2.625rem * var(--ui-scale));
    --toolbar-selected-shadow: 4px 0px 0px 0px var(--shadow-colour);
    --toolbar-selected-underline: 5px solid rgba(0, 0, 206, 0.6);
    --search-bar-clear-color: #49505750;
    --search-box-colour: #495057;
    --search-box-backgound-colour: #fff;
    --search-box-border-colour: #ced4da;
    --tile-border-colour: darkslategray;
    --tile-text-colour: #495057;
    --tile-background-colour: white;
    --tile-branding-max-height: calc(64px * var(--ui-scale));
    --tile-branding-max-width: calc(200px * var(--ui-scale));
    --tile-button-min-width: calc(150px * var(--ui-scale));
    --tile-button-small-width: calc(100px * var(--ui-scale));
    --tile-button-background-colour: #008000E0;
    --tile-button-colour: white;
    --tile-button-border-radius: 5px;
    --tile-integration-type-background-colour: gainsboro;
    --tile-integration-type-colour: green;
    --tile-integration-border-radius: 5px;
    --tile-integration-list-border: 2px solid #49505730;
    --tile-integration-list-name-min-width: calc((var(--tile-width) - var(--w10)) * var(--ui-scale));
    --no-integrations-color: #495057;
    --scrollbar-width: calc(32px * var(--ui-scale));
    --scrollbar-border-radius: 5px;
    --scrollbar-background: #ccc;
    --scrollbar-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    /* Appbar */
    --tile-container-width: 340px;
    --tile-small-width: 70px;
    --tile-standard-width: 150px;
    --tile-wide-width: 310px;
    --tile-large-width: 310px;
    --tile-small-height: 70px;
    --tile-standard-height: 150px;
    --tile-wide-height: 150px;
    --tile-large-height: 310px;
    --no-integrations-color: #495057;
    --settings-cog-color-outline: #999999;
    --settings-cog-color: black;
    --settings-cog-color-background: white;
    --consent-wizard-backdrop-background: rgba(73, 120, 127, 0.7);
    ;
}