/*css grid*/
/*$gridTemplateRows: repeat(2, $gridHeading $gridAppTray) repeat(2, $gridHeading $gridSection);
$gridTemplateRowsAppContext: repeat(3, $gridHeading $gridAppTray) repeat(2, $gridHeading $gridSection);*/
:root {
  --seg-highlight-gold: #ffdc8a;
}

.seg-management-company .drawer-options-list-wrapper {
  padding: 16px 0;
}
.seg-management-company .drawer-options-list-wrapper ul li {
  font-size: 15px;
}
.seg-management-company .drawer-options-list-wrapper ul li:first-child .drawer-options-item.selected .title:first-child {
  text-transform: uppercase;
}
.seg-management-company .drawer-options-list-wrapper ul li:first-child .drawer-options-item .drawer-options-text-wrapper .title {
  color: #293a5a;
}
.seg-management-company .drawer-options-list-wrapper ul li:first-child .drawer-options-item:before {
  background-color: #293a5a;
  height: 2px;
}
.seg-management-company .drawer-options-list-wrapper ul li:not(:first-child) .drawer-options-item.selected {
  background-color: #293a5a;
}
.seg-management-company .drawer-options-list-wrapper ul li:not(:first-child) .drawer-options-item.selected .title {
  color: #fff !important;
  font-weight: normal;
}
.seg-management-company .drawer-options-list-wrapper ul li:not(:first-child) .drawer-options-item .drawer-options-text-wrapper .title {
  color: #919191;
}
.seg-management-company .drawer-options-list-wrapper ul li:not(:first-child) .drawer-options-item:before {
  background-color: #d1d4d6;
}
.seg-management-company .drawer-options-list-wrapper ul li:last-child .drawer-options-item:before {
  content: unset;
}
.seg-management-company .drawer-options-list-wrapper ul li .drawer-options-item {
  margin-bottom: unset;
}
.seg-management-company .drawer-options-list-wrapper ul li .drawer-options-item .drawer-options-text-wrapper {
  display: flex;
  flex: 1 1 auto;
  padding: 18px 12px 19px;
}

/*> .seg-acc-content {
    display: none;
    position: relative;
    top: -1px;
    left: 1px;*/
/*height: 0;*/
/*width: calc(100% - 2px);*/
/*transform: scaleY(0);*/
/*transform-origin: top;
background-color: #fff;
overflow: hidden;
border-radius: inherit;
-webkit-animation: acc-content-fade-out $animation-duration forwards;
-moz-animation: acc-content-fade-out $animation-duration forwards;
-o-animation: acc-content-fade-out $animation-duration forwards;
animation: acc-content-fade-out $animation-duration forwards;*/
/*transition: height 0.2s, transform 0.5s ease;*/
/*}*/
/*&[data-is-expanded="true"] {
    > .seg-acc-content {
        display: block;*/
/*transform: scaleY(1);*/
/*height: calc(100% - 2px);*/
/*-webkit-animation: acc-content-fade-in $animation-duration forwards;
        -moz-animation: acc-content-fade-in $animation-duration forwards;
        -o-animation: acc-content-fade-in $animation-duration forwards;
        animation: acc-content-fade-in $animation-duration forwards;
    }
}*/
/*// generates default base styles
@include _seg-accordion-factory($is-overrides: false);

//generated overrides without needing accordion-type or additional selectors*/
/*@include _seg-accordion-factory($base-overrides: true) {
    display: flex;
    width: 100vh;
}*/
/*// generates ovverides with additional selectors*/
/*@include _seg-accordion-factory($top-level-selectors: '.management-accordion-item') {
    display: flex;
    width: 100vh;
}*/
/*// generates ovverides for an additional accordion-type
@include _seg-accordion-factory($accordion-type: 'bubble') {
    display: flex;
    width: 100vh;
}

// generates overrides with additional selectors and an aditional accordion-type*/
/*@include _seg-accordion-factory($top-level-selectors: '.test', $accordion-type: 'bubble') {
    display: flex;
    width: 100vh;
    .acc-title {

    }
}*/
.scroll-area {
  margin-top: 2px;
  display: flex;
  overflow-x: auto;
  position: relative;
}
.scroll-area .arrow {
  background-color: transparent;
  border: 0;
  color: #333;
  cursor: pointer;
  font-size: 2.5em;
  height: 72px;
  padding: 0;
  position: absolute;
  top: 0;
  transition: 0.2s ease-out;
  width: 20px;
}
.scroll-area .arrow:hover {
  color: #111;
}
.scroll-area .arrow.arrow-left {
  left: 0;
  z-index: 3;
}
.scroll-area .arrow.arrow-right {
  right: 0;
  z-index: 3;
}
.scroll-area button {
  border: none;
  background: none;
}
.scroll-area .scroll-inner {
  overflow-x: hidden;
  width: 100%;
  margin: 0 24px;
}
.scroll-area .scroll-inner.left + .arrow-left, .scroll-area .scroll-inner.right + .arrow-left + .arrow-right {
  opacity: 0;
  cursor: default;
}

#headerOffset {
  height: 46px;
}

.vessel-name .hide {
  display: inline-block !important;
}

.top-bar-content .ephemeris-nav-btn {
  display: none;
  height: 24px;
  width: 24px;
  position: relative;
}
.top-bar-content .ephemeris-left-nav-btn {
  display: inline-block;
  height: 24px;
  width: 24px;
}
.top-bar-content .ephemeris-left-nav-btn .menu-bar {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  height: 24px;
  width: 24px;
  margin: auto;
}
.top-bar-content .ephemeris-left-nav-btn .menu-bar div {
  position: relative;
  height: 2px;
  background-color: #fff;
  margin: 2px 3px;
  border-radius: 16px;
  width: 18px;
  align-items: flex-end;
}
.top-bar-content nav {
  display: flex;
  font-size: 12px;
}
.top-bar-content nav .app {
  margin: 0 24px;
  position: relative;
}
.top-bar-content nav .app::before {
  content: "";
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  height: 17px;
  width: 17px;
  background-color: #333;
  transform: translate(-50%, -50%) rotate(45deg) scale(0, 0);
  z-index: 1;
  display: block;
  transition: transform 0.3s ease-out;
}
.top-bar-content nav .app.app-active::before {
  transform: translate(-50%, -50%) rotate(45deg) scale(1, 1);
}
.top-bar-content nav .app span {
  display: inline-block;
  transform: translateY(0);
  transition: transform 0.25s ease;
  text-transform: uppercase;
  color: #efefef;
}
.top-bar-content nav .app i {
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.top-bar-content nav .app:hover, .top-bar-content nav .app:active, .top-bar-content nav .app:focus, .top-bar-content nav .app.app-active {
  cursor: pointer;
}
.top-bar-content nav .app:hover span, .top-bar-content nav .app:active span, .top-bar-content nav .app:focus span, .top-bar-content nav .app.app-active span {
  text-shadow: 0 0 #fff;
}

.btn-wrapper .app-state-icon-container {
  display: inline-flex;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
  padding: 6px 6px 0 0;
  z-index: 2;
  font-size: 24px;
  border-radius: 0 12px 0 0;
  background-color: inherit;
  color: #919191;
}

.dashboard-wrapper {
  display: block;
  /*app panel*/
}
.dashboard-wrapper .welcome {
  position: relative;
}
.dashboard-wrapper .welcome .seg-mdl-html-dropdown {
  max-width: max-content;
  display: inline-block;
  position: relative;
  min-height: 30px;
  margin: 0;
}
.dashboard-wrapper .welcome .seg-mdl-html-dropdown .dropdown-arrow-wrapper {
  display: none;
  position: absolute;
  top: 1px;
  right: -30px;
  width: 30px;
  height: 30px;
  z-index: 2;
}
.dashboard-wrapper .welcome .seg-mdl-html-dropdown .dropdown-arrow-wrapper .dropdown-arrow {
  position: relative;
  top: 12px;
  right: -10px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #3DA8E5;
  border-right: 2px solid #3DA8E5;
  border-left: transparent;
  border-bottom: transparent;
  transform: translateY(-70%) rotate(135deg);
}
.dashboard-wrapper .welcome .seg-mdl-html-dropdown.active .dropdown-arrow {
  transform: translateY(-20%) rotate(-45deg);
}
.dashboard-wrapper .welcome .seg-mdl-html-dropdown.active .seg-dropdown-select::after {
  transform: translateY(-15%) rotate(-135deg);
}
.dashboard-wrapper .welcome .seg-mdl-html-dropdown::before {
  content: unset;
}
.dashboard-wrapper .welcome .seg-mdl-html-dropdown .seg-dropdown-select {
  display: inline;
  position: relative;
  width: max-content;
  min-width: 150px;
  min-height: initial;
  margin: 0;
  padding: 0;
  overflow: visible;
  font-size: 2rem;
  line-height: 30px;
}
.dashboard-wrapper .welcome .seg-mdl-html-dropdown .seg-dropdown-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -18px;
  height: 10px;
  width: 10px;
  border-right: 2px solid #3DA8E5;
  border-bottom: 2px solid #3DA8E5;
  transform: translateY(-65%) rotate(45deg);
}
.dashboard-wrapper .welcome .seg-mdl-html-dropdown + .official-number {
  width: max-content;
}
.dashboard-wrapper .welcome .vessel-name {
  font-size: 1rem;
}
.dashboard-wrapper .welcome [class*=seg-button] {
  height: 42px;
  text-transform: uppercase;
  font-weight: bold;
  padding-inline: 12px;
  min-width: max-content;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper .welcome [class*=seg-button] {
    height: 36px;
  }
}
@media screen and (max-width: 1262px) {
  .dashboard-wrapper .welcome [class*=seg-button] {
    min-width: initial;
    font-size: 10px;
  }
}
@media screen and (max-width: 1180px) {
  .dashboard-wrapper .welcome [class*=seg-button] {
    min-width: max-content;
  }
}
.dashboard-wrapper .welcome [class*=seg-button][class*=outline] {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
}
.dashboard-wrapper .welcome [class*=seg-button][class*=outline]:hover {
  background-color: #fff;
  color: #3e3e3e;
  box-shadow: none;
}
.dashboard-wrapper .welcome [class*=seg-button][class*=outline]:hover .button-text {
  color: #3e3e3e;
}
.dashboard-wrapper .welcome [class*=seg-button]#enter-vessel {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  border: 1px solid;
}
.dashboard-wrapper .welcome [class*=seg-button]#enter-vessel:hover {
  background-color: #fff;
}
.dashboard-wrapper .nemesis-content-scroll {
  height: calc(100% - 60px);
  overflow: auto;
  background-color: #f7f7f7;
}
.dashboard-wrapper .appButton {
  margin: 24px 0px 12px;
}
@media screen and (max-width: 2060px) {
  .dashboard-wrapper .appButton {
    display: flex;
    justify-content: center;
    width: 120px;
  }
}
.dashboard-wrapper .appButton .app-state-icon-container {
  height: 24px;
  width: 24px;
  font-size: 21px;
  background-color: #fff;
}
@media screen and (max-width: 2060px) {
  .dashboard-wrapper .appButton .app-state-icon-container {
    height: 18px;
    width: 18px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper .appButton .app-state-icon-container {
    height: 16px;
    width: 16px;
    font-size: 16px;
  }
}
.dashboard-wrapper .appButton a {
  --app-container-size: 144px;
  width: var(--app-container-size);
  height: var(--app-container-size);
}
@media screen and (max-width: 2060px) {
  .dashboard-wrapper .appButton a {
    --app-container-size: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 2060px) {
  .dashboard-wrapper .appButton a {
    --app-container-size: 80px;
  }
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper .appButton a .icon-container {
    --app-container-size: 70px;
    width: var(--app-container-size);
    height: var(--app-container-size);
  }
}
@media screen and (max-width: 1020px) {
  .dashboard-wrapper .appButton a .icon-container {
    --app-container-size: 60px;
  }
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper .appButton a .icon-container i {
    font-size: 34px;
  }
}
.dashboard-wrapper .appButton a:hover, .dashboard-wrapper .appButton a:focus {
  margin-top: 0;
}
.dashboard-wrapper .appButton a:hover .app-button-label, .dashboard-wrapper .appButton a:focus .app-button-label {
  transform: unset;
  opacity: 1;
}
@media screen and (max-width: 2060px) {
  .dashboard-wrapper .appButton .app-button-label {
    width: 120px;
    padding: 0;
    font-size: 11px;
  }
}
.dashboard-wrapper main {
  display: grid;
  position: relative;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 148px 240px 148px 240px 240px;
  gap: 24px;
  min-height: calc(100vh - 125px);
  padding-block: 18px;
  padding-inline: 44px;
  background-color: #EFEFEF;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main {
    gap: 18px;
    padding-inline: 24px;
  }
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper main {
    grid-template-rows: 148px 240px 148px auto 240px 240px 240px;
  }
}
@media screen and (max-width: 1440px) {
  .dashboard-wrapper main {
    grid-template-rows: 192px 240px 98px 148px 150px 330px 480px;
  }
}
@media screen and (max-width: 1180px) {
  .dashboard-wrapper main {
    grid-template-rows: 192px 240px 98px 242px 150px 330px 500px 240px;
  }
}
@media screen and (max-width: 1078px) {
  .dashboard-wrapper main {
    grid-template-rows: 220px 240px 98px 242px 150px 330px 500px 240px;
  }
}
.dashboard-wrapper main .grey-background {
  position: absolute;
  width: 100%;
  height: 400px;
  top: 0;
  background-image: url("../../../images/backgrounds/management/dashboard/bg-optimized.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.dashboard-wrapper main .welcome {
  grid-column: 1/7;
  grid-row: 1;
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1440px) {
  .dashboard-wrapper main .welcome {
    align-items: start;
    padding-top: 24px;
  }
}
.dashboard-wrapper main .welcome .user-info-wrapper {
  gap: 84px;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .user-info-wrapper {
    gap: 42px;
  }
}
.dashboard-wrapper main .welcome .management-logo-img {
  filter: var(--managementCompanyLogoFilter, unset);
}
.dashboard-wrapper main .welcome .header-logo {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  max-width: 340px;
  min-height: 80px;
  /*.management-logo-img {
      filter: invert(1);
  }*/
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .header-logo {
    min-height: 70px;
  }
}
@media screen and (max-width: 1040px) {
  .dashboard-wrapper main .welcome .header-logo {
    display: none;
  }
}
.dashboard-wrapper main .welcome .header-logo.logo-none::after {
  height: 100%;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .header-logo.logo-none::after {
    right: -24px;
  }
}
.dashboard-wrapper main .welcome .header-logo::after {
  content: "";
  display: block;
  position: absolute;
  right: -42px;
  width: 2px;
  height: 100%;
  background-color: #fff;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .header-logo::after {
    right: -16px;
  }
}
.dashboard-wrapper main .welcome .header-logo .no-logo {
  margin-block: auto;
  color: #fff;
}
.dashboard-wrapper main .welcome .header-logo .logo-placeholder {
  --logo-placeholder-size: 100px;
  width: var(--logo-placeholder-size);
  height: var(--logo-placeholder-size);
  font-size: var(--logo-placeholder-size);
  color: #fff;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .header-logo .logo-placeholder {
    --logo-placeholder-size: 70px;
  }
}
.dashboard-wrapper main .welcome .header-logo .logo-placeholder i {
  position: absolute;
}
.dashboard-wrapper main .welcome .header-logo img {
  display: inline-block;
  height: auto;
  width: 100%;
  min-width: 150px;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .header-logo img {
    min-width: unset;
    max-height: 110px;
  }
}
.dashboard-wrapper main .welcome .user-vessels {
  display: flex;
  align-items: center;
  gap: 68px;
  height: 100%;
}
.dashboard-wrapper main .welcome .user-vessels .vessel {
  position: relative;
  width: max-content;
  max-width: 500px;
  height: 100%;
}
.dashboard-wrapper main .welcome .user-vessels .vessel span {
  position: relative;
}
.dashboard-wrapper main .welcome .user-vessels .vessel span::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  border-left: 1px solid;
}
.dashboard-wrapper main .welcome .user-vessels .vessel span.vessel-details-date {
  padding-left: 24px;
}
.dashboard-wrapper main .welcome .user-vessels .vessel span.vessel-details-date::before {
  left: 12px;
}
.dashboard-wrapper main .welcome .user-vessels .vessel span.vessel-details-name {
  padding-right: 24px;
}
.dashboard-wrapper main .welcome .user-vessels .vessel span.vessel-details-name::before {
  right: 12px;
}
.dashboard-wrapper main .welcome .user-vessels .vessel .select .vessel-name {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #3DA8E5;
  text-transform: uppercase;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .user-vessels .vessel .select .vessel-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .dashboard-wrapper main .welcome .user-vessels .vessel .select .vessel-name {
    font-size: 12px;
  }
}
.dashboard-wrapper main .welcome .user-vessels .vessel .seg-dropdown-menu {
  color: #333;
}
.dashboard-wrapper main .welcome .user-vessels .user {
  display: flex;
  flex-direction: column;
  position: relative;
  color: #fff;
}
.dashboard-wrapper main .welcome .user-vessels .user h2 {
  margin: 0;
  min-width: max-content;
  position: relative;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .user-vessels .user h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1240px) {
  .dashboard-wrapper main .welcome .user-vessels .user h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .user-vessels .user h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .dashboard-wrapper main .welcome .user-vessels .user h3 {
    font-size: 18px;
  }
}
.dashboard-wrapper main .welcome .user-vessels .official-number {
  display: none;
  margin-left: 34px;
  height: 30px;
  line-height: 30px;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .user-vessels .official-number {
    font-size: 12px;
  }
}
.dashboard-wrapper main .welcome .user-vessels .date {
  margin-left: 34px;
  height: 30px;
  line-height: 30px;
  width: max-content;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .user-vessels .date {
    margin-left: 30px;
    font-size: 14px;
  }
}
.dashboard-wrapper main .welcome .user-vessels .official-number-dropdown {
  height: 30px;
  font-size: 18px;
  color: #3DA8E5;
  line-height: 30px;
}
@media screen and (max-width: 1244px) {
  .dashboard-wrapper main .welcome .user-vessels .vessel {
    max-width: 400px;
    font-size: 12px;
  }
}
.dashboard-wrapper main .welcome .welcome-buttons {
  display: flex;
  flex-direction: column;
  gap: 29px;
  align-items: center;
  margin-top: 28px;
  margin-left: auto;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .welcome-buttons {
    gap: 24px;
  }
}
@media screen and (max-width: 1440px) {
  .dashboard-wrapper main .welcome .welcome-buttons {
    position: absolute;
    flex-direction: row;
    gap: 24px;
    bottom: 24px;
    left: 0;
  }
}
@media screen and (max-width: 1400px) {
  .dashboard-wrapper main .welcome .welcome-buttons {
    gap: 12px;
  }
}
@media screen and (max-width: 1180px) {
  .dashboard-wrapper main .welcome .welcome-buttons {
    gap: 14px;
  }
}
.dashboard-wrapper main .welcome .welcome-buttons a [class*=seg-button]:is(:hover, :focus) {
  background-color: #fff;
}
@media screen and (max-width: 1180px) {
  .dashboard-wrapper main .welcome .header-logo {
    display: none;
  }
}
.dashboard-wrapper main .welcome .header-apps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: 24px;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .header-apps {
    column-gap: 0;
    row-gap: 12px;
  }
}
@media screen and (max-width: 1440px) {
  .dashboard-wrapper main .welcome .header-apps {
    margin-left: auto;
  }
}
@media screen and (min-width: 1010px) {
  .dashboard-wrapper main .welcome .header-apps {
    flex-wrap: nowrap;
  }
}
.dashboard-wrapper main .welcome .header-apps .app-notify-load:not(.app-coming-soon, .app-button-locked) .app-loader {
  display: none;
}
.dashboard-wrapper main .welcome .header-apps .app-notify-load:not(.app-coming-soon, .app-button-locked) .icon-container {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.9);
  }
  50% {
    box-shadow: 0 0 6px 4px rgba(255, 255, 255, 0.4);
  }
  100% {
    box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.9);
  }
}
.dashboard-wrapper main .welcome .header-apps .appButton {
  margin: 0;
  width: 90px;
  height: 90px;
  justify-content: center;
}
.dashboard-wrapper main .welcome .header-apps .appButton.app-button-locked a, .dashboard-wrapper main .welcome .header-apps .appButton.app-coming-soon a {
  color: #919191;
}
.dashboard-wrapper main .welcome .header-apps .appButton.app-button-locked .app-state-icon-container, .dashboard-wrapper main .welcome .header-apps .appButton.app-coming-soon .app-state-icon-container {
  color: #919191;
}
.dashboard-wrapper main .welcome .header-apps .appButton.app-button-locked .icon-container, .dashboard-wrapper main .welcome .header-apps .appButton.app-coming-soon .icon-container {
  border: 2px solid #919191;
}
.dashboard-wrapper main .welcome .header-apps .appButton.app-button-locked .icon-container i, .dashboard-wrapper main .welcome .header-apps .appButton.app-coming-soon .icon-container i {
  color: #919191;
}
.dashboard-wrapper main .welcome .header-apps .appButton a {
  display: flex;
  width: 90px;
  height: 90px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
}
.dashboard-wrapper main .welcome .header-apps .appButton .app-state-icon-container {
  color: #fff;
  background-color: transparent;
}
.dashboard-wrapper main .welcome .header-apps .appButton .icon-container {
  border: 2px solid #fff;
}
.dashboard-wrapper main .welcome .header-apps .appButton .icon-container i {
  color: #fff;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper main .welcome .header-apps .appButton .app-button-label {
    width: 90px;
  }
}
@media screen and (max-width: 1020px) {
  .dashboard-wrapper main .welcome .header-apps .appButton .app-button-label {
    width: 80px;
  }
}
.dashboard-wrapper main .welcome .header-apps .appButton .app-loader {
  display: none;
}
.dashboard-wrapper main:not(.context-panel-open) .teams-apps-heading, .dashboard-wrapper main:not(.context-panel-open) .teams-apps {
  display: none;
}
.dashboard-wrapper main.context-panel-open {
  grid-template-rows: 148px 240px 148px 307px 240px 240px;
}
.dashboard-wrapper main.context-panel-open.teams-panel-nemesis-grid {
  grid-template-rows: 148px 240px 148px 400px 240px 240px;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper main.context-panel-open {
    grid-template-rows: 148px 240px 148px 307px auto 240px 240px 240px;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper main.context-panel-open {
    grid-template-rows: 148px 240px 98px 307px auto 150px 240px 480px 240px;
  }
}
@media screen and (max-width: 1180px) {
  .dashboard-wrapper main.context-panel-open {
    grid-template-rows: 192px 240px 98px 307px auto 150px 240px 480px 240px;
  }
}
.dashboard-wrapper main.context-panel-open .teams-apps {
  display: flex;
  grid-column: 1/7;
  grid-row: 4;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper main.context-panel-open .alerts-quotes {
    grid-row: 5;
  }
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper main.context-panel-open .ai-operations {
    grid-row: 5;
  }
}
@media screen and (max-width: 1180px) {
  .dashboard-wrapper main.context-panel-open .active-tagouts-checklists {
    grid-row: 6/8;
  }
}
.dashboard-wrapper main.context-panel-open .participation-overview {
  grid-row: 5/7;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper main.context-panel-open .participation-overview {
    grid-row: 6/8;
  }
}
@media screen and (max-width: 1180px) {
  .dashboard-wrapper main.context-panel-open .participation-overview {
    grid-row: 8/9;
  }
}
.dashboard-wrapper main.context-panel-open .notifications {
  grid-row: 5/7;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper main.context-panel-open .notifications {
    grid-row: 6/8;
  }
}
.dashboard-wrapper main.context-panel-open .training-tutorials {
  grid-row: 5/6;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper main.context-panel-open .training-tutorials {
    grid-row: 8/9;
  }
}
@media screen and (max-width: 1180px) {
  .dashboard-wrapper main.context-panel-open .training-tutorials {
    grid-row: 9/10;
  }
}
.dashboard-wrapper main.context-panel-open .academy-course {
  grid-row: 6/7;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper main.context-panel-open .academy-course {
    grid-row: 8/9;
  }
}
@media screen and (max-width: 1180px) {
  .dashboard-wrapper main.context-panel-open .academy-course {
    grid-row: 9/10;
  }
}
.dashboard-wrapper .personal-apps {
  grid-column: 1/3;
  grid-row: 2/4;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .personal-apps {
    grid-column: 1/4;
    grid-row: 2/4;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .personal-apps {
    grid-column: 1/5;
  }
}
@media screen and (max-width: 1669px) {
  .dashboard-wrapper .personal-apps header {
    padding: 12px 24px 0 24px;
  }
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .personal-apps header {
    padding: 24px 24px 0 24px;
  }
}
.dashboard-wrapper .personal-apps .personal-apps-carousel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-inline: 24px;
}
.dashboard-wrapper .personal-apps .personal-apps-carousel .appButton {
  width: 25%;
  justify-content: center;
}
@media screen and (max-width: 2070px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .appButton {
    max-width: 350px;
  }
}
@media screen and (max-width: 1669px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .appButton {
    width: 120px;
    height: 106px;
    margin: 13px 0 0;
  }
}
@media screen and (max-width: 1580px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .appButton {
    width: 110px;
  }
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .appButton {
    height: 144px;
    margin: 24px 0 12px;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .appButton {
    margin-block: 12px 0;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .appButton {
    width: 25%;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel a {
    --app-container-size: 90px;
    width: 144px;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel a {
    --app-container-size: 70px;
    width: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel a .icon-container {
    --app-container-size: 90px;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel a .icon-container {
    --app-container-size: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel a .icon-container i {
    font-size: 40px;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel a .icon-container i {
    font-size: 34px;
  }
}
@media screen and (max-width: 1669px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .app-button-icon-wrapper {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .app-button-icon-wrapper {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .app-state-icon-container {
    height: 18px;
    width: 18px;
    font-size: 18px;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .personal-apps .personal-apps-carousel .app-state-icon-container {
    height: 16px;
    width: 16px;
    font-size: 16px;
  }
}
.dashboard-wrapper .safety {
  grid-column: 3/4;
  grid-row: 2;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .safety {
    grid-column: 4/5;
    grid-row: 2/4;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .safety {
    grid-column: 5/7;
  }
}
@media screen and (max-width: 1669px) {
  .dashboard-wrapper .safety header {
    padding: 12px 24px 0 24px;
  }
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .safety header {
    padding: 24px 24px 0 24px;
  }
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .safety header h4 {
    font-size: 12px;
  }
}
.dashboard-wrapper .safety .safety-apps {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .safety .safety-apps {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .safety .safety-apps {
    flex-direction: unset;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .safety .safety-apps .appButton {
    margin-block: 12px 0;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .safety .safety-apps .appButton {
    width: 25%;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .safety .safety-apps .appButton a {
    --app-container-size: 90px;
    width: 144px;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .safety .safety-apps .appButton a {
    --app-container-size: 70px;
    width: 70px;
  }
}
.dashboard-wrapper .safety .safety-apps .appButton .icon-container {
  border: 2px solid #323232;
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .safety .safety-apps .appButton .icon-container {
    --app-container-size: 90px;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .safety .safety-apps .appButton .icon-container {
    --app-container-size: 70px;
  }
}
.dashboard-wrapper .safety .safety-apps .appButton .icon-container i {
  color: #323232;
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .safety .safety-apps .appButton .icon-container i {
    font-size: 40px;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .safety .safety-apps .appButton .icon-container i {
    font-size: 34px;
  }
}
.dashboard-wrapper .safety .safety-apps .appButton .app-button-label {
  color: #323232;
}
.dashboard-wrapper .safety .safety-apps .appButton[data-notification-aggregate]::before {
  background-color: #d4edca;
  box-shadow: inset 0 0 0 1px #323232;
  color: #323232;
}
.dashboard-wrapper .safety .safety-apps .appButton .app-state-icon-container {
  background-color: #d4edca;
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .safety .safety-apps .appButton .app-state-icon-container {
    height: 18px;
    width: 18px;
    font-size: 18px;
  }
}
@media screen and (max-width: 993px) {
  .dashboard-wrapper .safety .safety-apps .appButton .app-state-icon-container {
    height: 16px;
    width: 16px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .vessel-messaging-section {
    grid-column: 1/4;
  }
}
.dashboard-wrapper .ai-operations {
  grid-column: 3/5;
  grid-row: 3;
  padding: 24px;
  color: #fff;
  background-image: url("../../../images/backgrounds/management/dashboard/ai-operations.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .ai-operations {
    grid-column: 4/7;
    grid-row: 4;
  }
}
.dashboard-wrapper .ai-operations .content-container {
  position: relative;
  z-index: 1;
}
.dashboard-wrapper .ai-operations h3 {
  font-weight: 700;
}
.dashboard-wrapper .gradient-overlay {
  --gradient-fill: rgba(66, 123, 199, 0.9);
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, var(--gradient-fill) 40%, rgba(38, 50, 78, 0) 100%);
  border-radius: 4px;
}
.dashboard-wrapper .active-tagouts-checklists {
  grid-column: 5/7;
  grid-row: 2/4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 24px;
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .active-tagouts-checklists {
    grid-column: 1/5;
    grid-row: 5/7;
  }
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tagout-content {
  padding-block: 0;
  padding-inline: 24px;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .item-count::after {
  content: attr(data-tag-outs-count);
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts:not(.content-loaded) header {
  padding: 24px;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-header {
  z-index: 2;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-header div {
  background-color: transparent;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-items .active-tag-out-log-item {
  padding-block: 8px;
  border-bottom: 1px solid #88A5B2;
  overflow: hidden;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-items .active-tag-out-log-item i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid;
  border-radius: 50%;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-items .active-tag-out-log-item .action-icon {
  width: 24px;
  margin: 0;
  background-color: transparent;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-header,
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-items .active-tag-out-log-item {
  padding-right: 12px;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-header > div:nth-child(1),
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(1) {
  width: 5%;
  min-width: 30px;
  flex: unset;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-header > div:nth-child(2),
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(2) {
  width: 10%;
  flex: unset;
  min-width: 72px;
  padding-left: 12px;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-header > div:nth-child(3),
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(3) {
  width: 40%;
  flex: unset;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-header > div:nth-child(4),
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(4) {
  width: 40%;
  flex: unset;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-header > div:nth-child(5),
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(5) {
  display: flex;
  justify-content: end;
  width: 5%;
  min-width: 24px;
  flex: unset;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .seg-close-btn-wrapper {
  box-shadow: none;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .seg-close-btn-wrapper:hover {
  background-color: transparent;
}
.dashboard-wrapper .active-tagouts-checklists .active-tagouts .seg-close-btn-wrapper:hover i {
  background-color: #fff;
  color: #d93c45;
}
.dashboard-wrapper .active-tagouts-checklists [class*=seg-button] {
  max-width: 150px;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #323232;
  box-shadow: none;
}
.dashboard-wrapper .active-tagouts-checklists [class*=seg-button]:hover {
  box-shadow: 0 1px 3px rgba(140, 140, 140, 0.9);
}
.dashboard-wrapper .active-checklists {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  overflow: hidden;
  /*Needed to have the owl carousel initialise correctly*/
}
.dashboard-wrapper .active-checklists .item-count::after {
  content: attr(data-safety-checklists-count);
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .apps-container {
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .owl-item {
  display: flex;
  max-width: 235px;
  min-width: 224px;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .owl-stage {
  padding-left: 0 !important;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .seg-mdl-card {
  box-shadow: inset 0 0 0 1px #ffba00;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app {
  flex: 0 0 235px;
  height: 220px;
  border-radius: 7px;
  box-shadow: inset 0 0 0 1px #919191;
  padding: 12px;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper {
  width: 100%;
  height: 25px;
  margin-top: 0;
  margin-bottom: 8px;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: -12px;
  width: calc(100% + 24px);
  border-bottom: 1px solid #919191;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper a {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 2060px) {
  .dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper a {
    flex-direction: row;
    align-items: start;
  }
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper a:hover {
  margin-top: 0;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper a:hover .icon-container i {
  color: var(--app-colour);
  transform: translate(-50%, -50%) scale(1);
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper a:hover .app-button-label {
  color: var(--app-colour);
  transform: unset;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper a:hover .app-button-label[data-teams-notification]::after {
  box-shadow: inset 0 0 0 1px var(--app-colour);
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper .icon-container {
  width: 25px;
  height: 25px;
  border: none;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper .icon-container i {
  color: #919191;
  font-size: 25px;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper .app-button-label {
  width: unset;
  padding: 0;
  color: #919191;
  line-height: 25px;
  text-transform: uppercase;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper .app-button-label[data-teams-notification]::after {
  content: attr(data-teams-notification);
  padding-inline: 8px;
  display: inline-block;
  box-shadow: inset 0 0 0 1px #919191;
  border-radius: 100vh;
  height: 24px;
  margin-left: 8px;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper .app-state-icon-container {
  top: 50%;
  left: 35px;
  height: 21px;
  width: 16px;
  padding: 0;
  color: #919191;
  border-radius: 0 0 6px 0;
  transform: translateY(-50%);
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper .app-button-icon-wrapper {
  margin-bottom: 0;
  height: fit-content;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper.app-button-locked a:hover, .dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper.app-coming-soon a:hover {
  cursor: not-allowed;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper.app-button-locked a:hover .icon-container i, .dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper.app-coming-soon a:hover .icon-container i {
  color: #919191;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper.app-button-locked a:hover .app-button-label, .dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper.app-coming-soon a:hover .app-button-label {
  color: #919191;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper.app-button-locked a:hover .app-button-label[data-teams-notification]::after, .dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .btn-wrapper.app-coming-soon a:hover .app-button-label[data-teams-notification]::after {
  box-shadow: inset 0 0 0 1px #919191;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .crew-per-team {
  padding-top: 10px;
  height: calc(100% - 27px);
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .crew-member {
  display: flex;
  align-items: center;
  padding-right: 14px;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .notification-aggregate {
  margin-left: auto;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .team-app .scroll-target {
  max-height: 178px;
  height: 100%;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .total-crew {
  display: flex;
  gap: 36px;
  font-weight: bold;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .genders {
  display: flex;
  gap: 24px;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .genders i {
  top: -1px;
  font-size: 13px;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .genders [data-female-count]::before {
  content: attr(data-female-count);
  position: relative;
  top: -1px;
  left: -12px;
}
.dashboard-wrapper .teams-apps:not(.teams-panel-apps) .genders [data-male-count]::before {
  content: attr(data-male-count);
  position: relative;
  top: -1px;
  left: -12px;
}
.dashboard-wrapper .teams-panel-tabs-wrapper {
  grid-template-columns: 100%;
  grid-template-rows: 90px 1fr;
  gap: 0px;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .teams-apps-heading .header-title {
  opacity: 0;
  transition: all 500ms ease-in-out;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .teams-apps-heading .header-title.teams-header-opacity-in {
  opacity: 1;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .teams-apps-heading .tab-goto-button {
  display: none;
  right: 48px;
  top: 10px;
}
@media screen and (max-width: 1890px) {
  .dashboard-wrapper .teams-panel-tabs-wrapper .teams-apps-heading .tab-goto-button {
    display: inline-block;
  }
}
.dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container {
  display: inline-flex;
  opacity: 0;
  transform-origin: center;
  transform: rotateX(-90deg);
  transition: transform 1500ms ease-in-out;
  transition-delay: 0;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container.teams-panel-nav-rotate-in {
  opacity: 1;
  transform: rotateX(0deg);
}
@media screen and (max-width: 1890px) {
  .dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container {
    display: inline-grid;
    grid-template-columns: 20px auto 23px;
    column-gap: 12px;
  }
}
.dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-prev, .dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-next {
  display: none;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-prev i, .dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-next i {
  transition: color 250ms ease-in-out;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-prev i::before, .dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-next i::before {
  font-size: 14px;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-prev i:hover::before, .dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-next i:hover::before {
  color: var(--app-colour);
}
@media screen and (max-width: 1890px) {
  .dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-prev, .dashboard-wrapper .teams-panel-tabs-wrapper .teams-panel-nav-container .teams-owl-next {
    display: inline-flex;
  }
}
.dashboard-wrapper .teams-panel-tabs-wrapper .tab-toggles-container {
  background-color: #FFFFFF;
}
@media screen and (max-width: 1500px) {
  .dashboard-wrapper .teams-panel-tabs-wrapper .tab-toggles-container {
    overflow: hidden;
  }
}
.dashboard-wrapper .teams-panel-tabs-wrapper .tab-toggles-container::after {
  border-bottom: 1px solid #D9D9D9;
  bottom: 0px;
  z-index: 0;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .tab-toggles-container [data-tab-toggle] {
  z-index: 1;
  height: 27px;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .tab-toggles-container [data-tab-toggle]::after, .dashboard-wrapper .teams-panel-tabs-wrapper .tab-toggles-container [data-tab-toggle]:hover::after {
  border-bottom: 3px solid var(--app-colour);
  z-index: 999;
  width: 104%;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .tab-toggles-container [data-tab-toggle] label {
  text-transform: unset;
  font-size: 14px;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .owl-nav {
  position: absolute;
  display: none;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .owl-stage {
  display: inline-flex;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .owl-stage .owl-item {
  min-width: unset;
  max-width: unset;
  white-space: nowrap;
  margin-right: 2.3% !important;
}
@media screen and (max-width: 1500px) {
  .dashboard-wrapper .teams-panel-tabs-wrapper .owl-stage .owl-item {
    margin-right: 12px !important;
  }
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container {
  margin-bottom: 20px;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 0px;
  opacity: 0;
  transition: all 2500ms ease-in-out;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container.teams-content-opacity-in {
  opacity: 1;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] {
  display: none;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab].active {
  display: inline-block;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .team-panel-app-button {
  position: absolute;
  top: 2px;
  right: 2px;
}
@media screen and (max-width: 1500px) {
  .dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .team-panel-app-button {
    display: none;
    justify-content: right;
    text-align: right;
    position: relative;
    margin-bottom: 12px;
    width: 100%;
  }
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .team-panel-app-button button {
  box-shadow: unset;
  outline: 1px solid #323232;
  transition: all 250ms ease-in-out;
}
@media screen and (max-width: 1890px) {
  .dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .team-panel-app-button button {
    width: auto;
    display: none;
  }
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .team-panel-app-button button span {
  font-size: 12px;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .team-panel-app-button button i {
  font-size: 18px;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .team-panel-app-button button:hover {
  outline: 1px solid var(--app-colour);
  box-shadow: unset;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .team-panel-app-button button:hover i {
  color: var(--app-colour);
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .teams-no-data-paragraph {
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .teams-no-data-paragraph {
    width: 40%;
  }
}
@media screen and (max-width: 1250px) {
  .dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .col-right {
    margin-top: 20px;
  }
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .notification-push {
  grid-template-columns: 45px 1fr;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .notification-col .teams-notification-chevron-count {
  top: -8px;
  right: 3px;
  font-size: 12px;
}
.dashboard-wrapper .teams-panel-tabs-wrapper .team-panel-tab-content-container [data-tab] .teams-section-border {
  border-bottom: 1px solid #D9D9D9;
}
.dashboard-wrapper .teams-panel-tabs-wrapper button {
  max-width: unset;
  box-shadow: unset;
  box-shadow: unset;
  outline: 1px solid #323232;
  transition: all 250ms ease-in-out;
}
.dashboard-wrapper .teams-panel-tabs-wrapper button span {
  font-size: 12px;
}
.dashboard-wrapper .teams-panel-tabs-wrapper button:hover {
  outline: 1px solid var(--app-colour);
  box-shadow: unset;
}
.dashboard-wrapper .teams-panel-tabs-wrapper button:hover i {
  color: var(--app-colour);
}
.dashboard-wrapper .participation-overview {
  grid-column: 1/5;
  grid-row: 4/6;
  padding-block: 18px 12px;
  padding-inline: 24px;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .participation-overview {
    grid-row: 5/7;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .participation-overview {
    grid-row: 7;
    grid-column: 1/7;
  }
}
.dashboard-wrapper .participation-overview.has-notifications {
  --topOffsetValue: 72px;
  padding-top: var(--topOffsetValue);
  background: transparent;
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper .participation-overview.has-notifications {
    --topOffsetValue: 66px;
  }
}
.dashboard-wrapper .participation-overview.has-notifications .seg-toast-wrapper {
  position: absolute;
  top: calc(var(--topOffsetValue) * -1) !important;
  left: -24px;
  width: 100%;
}
.dashboard-wrapper .participation-overview.has-notifications .seg-toast-wrapper .seg-toast {
  width: calc(100% + 48px) !important;
  margin-bottom: 0px;
}
@media screen and (max-width: 1620px) {
  .dashboard-wrapper .participation-overview.has-notifications .seg-toast-wrapper .seg-toast {
    font-size: 14px;
  }
}
@media screen and (max-width: 1420px) {
  .dashboard-wrapper .participation-overview.has-notifications .seg-toast-wrapper .seg-toast {
    font-size: 12px;
  }
}
.dashboard-wrapper .participation-overview.has-notifications .seg-toast-wrapper .seg-toast a {
  color: #fff;
}
.dashboard-wrapper .participation-overview.has-notifications .alert-notifications-container::after {
  content: "";
  position: absolute;
  background-color: #fff;
  z-index: 0;
  width: calc(100% + 48px);
  height: calc(100% + 24px);
  top: 0;
  left: -24px;
  border-radius: 4px;
}
.dashboard-wrapper .participation-overview.has-notifications .participation-table {
  position: relative;
  z-index: 1;
}
.dashboard-wrapper .participation-overview.has-notifications .participation-table .label-top td,
.dashboard-wrapper .participation-overview.has-notifications .participation-table .label-bottom td {
  height: 24px;
  padding: 0;
}
.dashboard-wrapper .participation-overview.has-notifications .participation-table td {
  height: 43px;
}
.dashboard-wrapper .participation-overview .table-header h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}
.dashboard-wrapper .participation-overview .table-header .dashboard-notification-item {
  padding: 0;
}
.dashboard-wrapper .participation-overview .table-header .dashboard-notification-item img {
  height: 24px;
}
.dashboard-wrapper .notifications {
  grid-column: 5/6;
  grid-row: 4/6;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .notifications {
    grid-column: 5/7;
    grid-row: 5/7;
  }
}
.dashboard-wrapper .notifications .notifications-scroll {
  height: calc(100% - 55px);
}
.dashboard-wrapper .notifications header {
  position: relative;
}
.dashboard-wrapper .notifications .notification-flip-button {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  padding: 3px;
  font-size: 20px;
  border: 1px solid;
  border-radius: 50%;
  cursor: pointer;
}
.dashboard-wrapper .notifications .notification-flip-button:hover {
  background-color: var(--app-colour, #0D9FFB);
  border-color: var(--app-colour, #0D9FFB);
  color: #fff;
}
.dashboard-wrapper .notifications .flip-card {
  height: 430px;
}
.dashboard-wrapper .notifications .flip-card .flip-card-inner .flip-card-back {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: relative;
}
.dashboard-wrapper .notifications .flip-card .flip-card-inner .flip-card-front, .dashboard-wrapper .notifications .flip-card .flip-card-inner .flip-card-back {
  position: absolute;
}
.dashboard-wrapper .notifications .flip-card.active .flip-card-front {
  display: none;
}
.dashboard-wrapper .notifications .flip-card.active .scroll-y.scroll-scrolly_visible {
  display: none;
}
.dashboard-wrapper .notifications .chevron-img {
  width: 24px;
  height: 24px;
}
.dashboard-wrapper .notifications:not(.content-loaded) .notifications-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 2300px) {
  .dashboard-wrapper .notifications:not(.content-loaded) .notifications-wrapper {
    max-width: 350px;
  }
}
.dashboard-wrapper .notifications:not(.content-loaded) .notifications-wrapper .message-placeholder {
  padding: 0;
}
@media screen and (max-width: 2300px) {
  .dashboard-wrapper .notifications .notifications-wrapper {
    max-width: 350px;
  }
}
.dashboard-wrapper .notifications .notification-app-header {
  padding-block: 12px 8px;
  font-weight: 600;
}
.dashboard-wrapper .notifications .notification-app-header.tier-one-app {
  margin-top: 12px;
  padding-inline: 24px;
  padding-block: 8px;
  text-transform: uppercase;
  background-color: #F2F2F2;
}
.dashboard-wrapper .notifications .notification-app-header.tier-two-app, .dashboard-wrapper .notifications .notification-app-header.tier-three-app {
  margin-left: 24px;
}
.dashboard-wrapper .training-tutorials,
.dashboard-wrapper .academy-course {
  display: flex;
  flex-direction: column;
}
.dashboard-wrapper .training-tutorials .content-container,
.dashboard-wrapper .academy-course .content-container {
  display: flex;
  position: relative;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  padding-inline: 24px;
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.dashboard-wrapper .training-tutorials h3, .dashboard-wrapper .training-tutorials p,
.dashboard-wrapper .academy-course h3,
.dashboard-wrapper .academy-course p {
  z-index: 1;
}
.dashboard-wrapper .training-tutorials h3,
.dashboard-wrapper .academy-course h3 {
  max-width: 210px;
}
.dashboard-wrapper .training-tutorials p,
.dashboard-wrapper .academy-course p {
  margin: 0;
  max-width: 240px;
}
.dashboard-wrapper .training-tutorials .cta-container,
.dashboard-wrapper .academy-course .cta-container {
  background: #fff;
  z-index: 2;
}
.dashboard-wrapper .training-tutorials .cta-container a,
.dashboard-wrapper .academy-course .cta-container a {
  float: right;
}
.dashboard-wrapper .training-tutorials [class*=seg-button],
.dashboard-wrapper .academy-course [class*=seg-button] {
  flex-direction: row-reverse;
  width: max-content;
  border: none;
  box-shadow: none;
}
.dashboard-wrapper .training-tutorials {
  grid-column: 6/7;
  grid-row: 4/5;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .training-tutorials {
    grid-column: 1/4;
    grid-row: 7/8;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .training-tutorials {
    grid-row: 8/9;
  }
}
.dashboard-wrapper .training-tutorials .content-container {
  background-image: url("../../../images/tour/e-learning-lms-background.jpg");
  background-position-y: top;
}
.dashboard-wrapper .training-tutorials .content-container::before, .dashboard-wrapper .training-tutorials .content-container::after {
  z-index: 2;
}
.dashboard-wrapper .training-tutorials .content-container::before {
  content: "";
  position: absolute;
  left: -106px;
  top: 0px;
  padding: 17px 11rem;
  transform: rotate(-45deg);
  background-color: #f00;
}
.dashboard-wrapper .training-tutorials .content-container::after {
  content: "Free Tutorials";
  position: absolute;
  transform: rotate(-45deg);
  left: -8px;
  top: 8px;
  width: 58px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
}
.dashboard-wrapper .training-tutorials .gradient-overlay {
  --gradient-fill: rgba(6, 79, 178, 0.9);
}
.dashboard-wrapper .academy-course {
  grid-column: 6/7;
  grid-row: 5/6;
}
@media screen and (max-width: 1550px) {
  .dashboard-wrapper .academy-course {
    grid-column: 4/7;
    grid-row: 7/8;
  }
}
@media screen and (max-width: 1200px) {
  .dashboard-wrapper .academy-course {
    grid-row: 8/9;
  }
}
.dashboard-wrapper .academy-course .content-container {
  justify-content: start;
  padding-top: 12px;
  background-image: url("../../../Areas/AppWhitelist/Images/CareerPathPro/Career-Path-Pro-header-BG.jpg");
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper [class*=seg-button] {
    height: 30px;
    padding-inline: 8px;
    font-size: 12px;
  }
}
.dashboard-wrapper header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  color: #323232;
}
.dashboard-wrapper header h4 {
  padding: 0;
  margin: 0;
}
.dashboard-wrapper header i {
  font-size: 16px;
  position: relative;
  top: 1px;
}
.dashboard-wrapper .active-checklists header,
.dashboard-wrapper .active-tagouts header {
  padding-block: 8px;
}
.dashboard-wrapper .active-checklists header .item-count,
.dashboard-wrapper .active-tagouts header .item-count {
  position: relative;
  top: 2px;
  margin-left: 12px;
  padding-inline: 12px;
  border-radius: 4px;
  background-color: #c2e6f7;
  color: #000;
}
.dashboard-wrapper .active-checklists header .item-count::after,
.dashboard-wrapper .active-tagouts header .item-count::after {
  position: relative;
  right: 0;
  top: -1px;
}
.dashboard-wrapper .active-checklists,
.dashboard-wrapper .active-tagouts,
.dashboard-wrapper .notifications {
  /*.seg-mdl-card {
          background-color: rgba(255, 255, 255, 0.4);
      }*/
}
.dashboard-wrapper .active-checklists.content-loaded .seg-mdl-card,
.dashboard-wrapper .active-tagouts.content-loaded .seg-mdl-card,
.dashboard-wrapper .notifications.content-loaded .seg-mdl-card {
  background-color: #fff;
}
.dashboard-wrapper .active-checklists.content-loaded .not-active,
.dashboard-wrapper .active-tagouts.content-loaded .not-active,
.dashboard-wrapper .notifications.content-loaded .not-active {
  display: none;
}
.dashboard-wrapper .header-title,
.dashboard-wrapper .not-active {
  display: flex;
}
.dashboard-wrapper .header-title {
  gap: 24px;
}
.dashboard-wrapper .not-active {
  gap: 14px;
}
.dashboard-wrapper .not-active h4 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0;
}
.dashboard-wrapper .not-active img {
  position: relative;
  top: -1px;
  height: 18px;
}
.dashboard-wrapper .personal-heading .seg-mdl-list-actions {
  margin-left: auto;
  flex-wrap: nowrap;
  min-width: max-content;
  margin-right: 24px;
}
.dashboard-wrapper.no-active-tagouts:not(.context-panel-open) {
  grid-template-rows: 56px 230px 230px 60px 524px;
}
.dashboard-wrapper.no-active-tagouts.context-panel-open {
  grid-template-rows: 56px 230px 307px 230px 60px 524px;
}

.apps-container {
  display: flex;
  align-items: center;
}

.dashboard-wrapper header h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.dashboard-wrapper .message-placeholder {
  padding-inline: 24px;
}

.modal-dialog .modal-header .modal-title {
  width: 100%;
  color: #ADB1B9;
}
.modal-dialog .setup-wrapper {
  color: #707070;
  height: 600px;
  overflow: auto;
  padding-right: 30px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .super-text {
  display: block;
  margin-bottom: 24px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section {
  margin-bottom: 24px;
  padding: 24px;
  position: relative;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section:nth-child(even) {
  background-color: #F0F0F0;
  border-radius: 12px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .config-heading {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  margin-block: 14px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .config-clear {
  position: absolute;
  right: 24px;
  top: 18px;
  cursor: pointer;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-checkbox {
  display: block;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .column-holder {
  display: flex;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .column-holder .column {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  width: 50%;
  padding-top: 14px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .column-holder .column:first-of-type {
  padding-right: 14px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .column-holder .column:last-of-type {
  padding-left: 14px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .column-holder .column .option-day {
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: 20px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-block: 12px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion-container.flex-row {
  flex-direction: row;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion-container.gap-0 {
  gap: 0;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion-container.gap-6 {
  gap: 6px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion-container.gap-12 {
  gap: 12px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion-container.gap-24 {
  gap: 24px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion-container.gap-36 {
  gap: 36px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion-container > .seg-accordion.blue-border:last-of-type {
  margin-bottom: 24px;
}
@-webkit-keyframes display-acc-content {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes display-acc-content {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes display-acc-content {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes display-acc-content {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes acc-content-fade-in {
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
}
@-moz-keyframes acc-content-fade-in {
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
}
@-ms-keyframes acc-content-fade-in {
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes acc-content-fade-in {
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
}
@-webkit-keyframes acc-content-fade-out {
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
}
@-moz-keyframes acc-content-fade-out {
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
}
@-ms-keyframes acc-content-fade-out {
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
}
@keyframes acc-content-fade-out {
  100% {
    height: calc(100% - 2px);
    opacity: 1;
    transform: scaleY(1);
  }
  0% {
    height: 0;
    opacity: 0;
    transform: scaleY(0);
  }
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion[data-accordion-type=false] .seg-acc-header {
  background-color: #f0f0f0;
  padding-block: 0;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion[data-accordion-type=false] .seg-acc-header .seg-acc-title .seg-header-bar {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-content: center;
  align-items: center;
  min-height: 80px;
  width: 100%;
  padding: 0;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion[data-accordion-type=false] .seg-acc-content {
  background-color: #f0f0f0;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion[data-accordion-type=false][data-is-expanded=false] .seg-acc-content {
  background-color: #f0f0f0;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion .seg-acc-header {
  background-color: #f0f0f0;
  padding-block: 0;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion .seg-acc-header .seg-acc-title .seg-header-bar {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-content: center;
  align-items: center;
  min-height: 80px;
  width: 100%;
  padding: 0;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion .seg-acc-content {
  background-color: #f0f0f0;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-accordion[data-is-expanded=false] .seg-acc-content {
  background-color: #f0f0f0;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-acc-expandible-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-acc-expandible-wrapper .seg-acc-expandable {
  box-shadow: #707070 0 0 0 1px;
  border-radius: 6px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-acc-expandible-wrapper .seg-acc-expandable .seg-acc-header {
  position: relative;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-acc-expandible-wrapper .seg-acc-expandable .seg-acc-header::after {
  background-color: #9f9f9f;
  bottom: 0;
  top: auto;
  display: none;
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  z-index: 1;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-acc-expandible-wrapper .seg-acc-expandable .seg-acc-header.acc-expanded::before {
  transform: rotate(-45deg);
  top: calc(50% - 2px);
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-acc-expandible-wrapper .seg-acc-expandable .seg-acc-header.acc-expanded .acc-title {
  border-bottom: 1px solid #707070;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-acc-expandible-wrapper .seg-acc-expandable .seg-acc-header .acc-title .seg-header-bar {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-content: center;
  align-items: center;
  min-height: 80px;
  margin-right: 26px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-acc-expandible-wrapper .seg-acc-expandable .seg-acc-content {
  position: relative;
  overflow: hidden;
  height: 0;
  transition: height 0.2s;
  display: none;
  padding: 22px;
}
.modal-dialog .setup-wrapper .notification-tabs .notification-tab .config-section .seg-acc-expandible-wrapper .seg-acc-expandable .seg-acc-content::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.modal-dialog .setup-wrapper .notification-tabs .add-quote {
  line-height: 26px;
  height: 26px;
  display: flex;
  margin-top: 26px;
}
.modal-dialog .setup-wrapper .notification-tabs .add-quote .seg-add-circle {
  color: #FFFFFF;
  background-color: #3E3E3E;
  border-radius: 50%;
  position: relative;
  font-size: 26px;
  cursor: pointer;
  margin-right: 14px;
}
.modal-dialog .setup-wrapper .owl-stage-outer {
  padding: 4px 32px 4px 32px;
}
.modal-dialog .setup-wrapper .notification-tab {
  display: none;
}
.modal-dialog .setup-wrapper .notification-tab.selected {
  display: block;
}
.modal-dialog .setup-wrapper .owl-nav .owl-dots {
  display: none;
}
.modal-dialog .setup-wrapper .owl-nav .owl-nav button {
  position: absolute;
  width: 24px;
  background-color: transparent;
  height: 100%;
  transform: translateY(-50%);
  top: 50%;
}
.modal-dialog .setup-wrapper .owl-nav .owl-nav button span {
  font-size: 24px;
  line-height: 20px;
}
.modal-dialog .setup-wrapper .owl-nav .owl-nav button::before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #adb1b9;
  top: 0;
  height: 100%;
}
.modal-dialog .setup-wrapper .owl-nav .owl-nav button.owl-next {
  left: 100%;
}
.modal-dialog .setup-wrapper .owl-nav .owl-nav button.owl-next::before {
  right: calc(100% - 2px);
}
.modal-dialog .setup-wrapper .owl-nav .owl-nav button.owl-prev::before {
  left: calc(100% - 2px);
}
.modal-dialog .setup-wrapper .owl-nav .owl-nav-block {
  text-transform: uppercase;
  color: #ADB1B9;
  cursor: pointer;
}
.modal-dialog .setup-wrapper .owl-nav .owl-nav-block.selected {
  color: #0FB1FD;
}

.dashboard-wrapper {
  /*app panel aggregates*/
  /*seg mdl card styles*/
}
.dashboard-wrapper [data-notification-aggregate] {
  position: relative;
}
.dashboard-wrapper [data-notification-aggregate]::before {
  content: attr(data-notification-aggregate);
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  background-color: #fff;
  border-radius: 12px;
  padding: 0px 7px;
  line-height: 18px;
  z-index: 2;
  box-shadow: inset 0 0 0 1px var(--app-colour);
  color: var(--app-colour);
}
@media screen and (max-width: 1800px) {
  .dashboard-wrapper [data-notification-aggregate]::before {
    font-size: 10px;
    line-height: 16px;
  }
}
.dashboard-wrapper .tab-toggles-container {
  gap: 0;
  padding: 0;
  background-color: #ececec;
  border-radius: 4px 4px 0 0;
}
.dashboard-wrapper .tab-toggles-container .nav-header {
  width: 100%;
  display: flex;
  min-height: 48px;
}
.dashboard-wrapper .tab-toggles-container .nav-header:hover {
  cursor: pointer;
}
.dashboard-wrapper .tab-toggles-container .nav-header ~ .nav-header {
  margin-left: auto;
  margin-right: auto;
}
.dashboard-wrapper .tab-toggles-container .nav-header.active {
  position: relative;
  isolation: isolate;
  z-index: 1;
  background-color: #fff;
  border-radius: inherit;
}
.dashboard-wrapper .tab-toggles-container .nav-header.active .seg-mdl-card {
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px;
}
.dashboard-wrapper .tab-toggles-container .nav-header h4 {
  margin: 0;
  padding-left: 24px;
  line-height: 48px;
  white-space: nowrap;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 12px;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications .dashboard-notification-item {
  padding: 0;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications .dashboard-notification-item.o1 {
  order: 1;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications .dashboard-notification-item.o2 {
  order: 2;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications .dashboard-notification-item.o3 {
  order: 3;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications .dashboard-notification-item.o4 {
  order: 4;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications .dashboard-notification-item.o5 {
  order: 5;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications .dashboard-notification-item.o6 {
  order: 6;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications .dashboard-notification-item.o7 {
  order: 7;
}
.dashboard-wrapper .tab-toggles-container .nav-header .dashboard-notifications .dashboard-notification-item .chevron-img {
  width: 24px;
  height: 24px;
}
.dashboard-wrapper .seg-mdl-card {
  height: 100%;
  background-color: #fff;
  box-shadow: none;
  border-radius: 4px;
  position: relative;
  margin: 0;
}
.dashboard-wrapper .seg-mdl-card.safety {
  background-color: #D4EDCA;
  border: 1px solid #7FB768;
}
.dashboard-wrapper .seg-mdl-card.active-tagouts-checklists {
  background-color: #B5E1F5;
  border: 1px solid #10B1FC;
}
.dashboard-wrapper .notifications [data-notification-count] {
  position: relative;
}
.dashboard-wrapper .notifications [data-notification-count="0"]::before {
  content: "You're all caught up.";
  position: absolute;
  top: calc(100% + 12px);
  left: 24px;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: normal;
}
.dashboard-wrapper .news-formatting {
  display: flex;
  height: 100%;
  gap: 12px;
  padding: 12px;
}
.dashboard-wrapper .toggle-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.dashboard-wrapper .toggle-container .sign-in-label {
  margin-top: auto;
  margin-bottom: 16px;
  font-size: 12px;
}
.dashboard-wrapper .toggle-container .onboard-toggle {
  margin: auto 0;
}
.dashboard-wrapper .toggle-container .seg-mdl-toggle {
  width: 120px;
  height: 36px;
  border-radius: 20px;
}
.dashboard-wrapper .toggle-container .seg-mdl-toggle-label,
.dashboard-wrapper .toggle-container .toggle-container,
.dashboard-wrapper .toggle-container .seg-mdl-toggle-label-right {
  height: 100%;
  line-height: 36px;
  color: #fff;
  font-size: 18px;
}
.dashboard-wrapper .toggle-container .seg-mdl-toggle-labels::after {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 0 1px #eaeaea;
  left: 3px;
}
.dashboard-wrapper .toggle-container .seg-mdl-on .seg-mdl-toggle-labels::after {
  left: -26px;
  animation-name: none;
}
.dashboard-wrapper .toggle-container .seg-mdl-off .seg-mdl-toggle-labels::after {
  animation-name: none;
}
.dashboard-wrapper .toggle-container .seg-mdl-toggle-btn-container {
  background-color: transparent;
}
.dashboard-wrapper .active-tag-out-table-items {
  width: 100% !important;
  /*this is for the specificity on the jQuery scroll component*/
}
.dashboard-wrapper .active-tag-out-table-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #323232;
}
.dashboard-wrapper .active-tag-out-table-header div {
  color: #323232;
}
.dashboard-wrapper .active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items {
  max-height: 135px;
  margin-bottom: 0;
}
.dashboard-wrapper .active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header div::after {
  content: none;
}
.dashboard-wrapper .apps-tray {
  position: relative;
}
.dashboard-wrapper .persponal-apps .owl-carousel .owl-stage-outer::after {
  /*We add this in to prevent white space happenning when we reach the end of the scollable list*/
  content: "";
  position: absolute;
  background-color: #eaeaea;
  z-index: -1;
  inset: 0 0 12px;
}
.dashboard-wrapper .persponal-apps .owl-carousel .owl-stage {
  margin-bottom: 12px;
  background-color: #eaeaea;
  padding-top: 24px;
  padding-bottom: 12px;
}
.dashboard-wrapper .persponal-apps .owl-dots {
  display: none;
}
.dashboard-wrapper .personal-apps-carousel,
.dashboard-wrapper .teams-carousel {
  height: 100%;
}
.dashboard-wrapper .personal-apps-carousel .owl-stage-outer,
.dashboard-wrapper .personal-apps-carousel .owl-stage,
.dashboard-wrapper .personal-apps-carousel .owl-item,
.dashboard-wrapper .teams-carousel .owl-stage-outer,
.dashboard-wrapper .teams-carousel .owl-stage,
.dashboard-wrapper .teams-carousel .owl-item {
  height: inherit;
}
.dashboard-wrapper .personal-apps-carousel .owl-item:not(.active),
.dashboard-wrapper .teams-carousel .owl-item:not(.active) {
  opacity: 0;
  pointer-events: none;
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button,
.dashboard-wrapper .teams-carousel .owl-nav button {
  position: absolute;
  width: 24px;
  background-color: transparent;
  height: 100%;
  transform: translateY(-50%);
  top: 50%;
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button span,
.dashboard-wrapper .teams-carousel .owl-nav button span {
  font-size: 24px;
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button::before,
.dashboard-wrapper .teams-carousel .owl-nav button::before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #707070;
  top: 0;
  height: 100%;
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button.owl-next,
.dashboard-wrapper .teams-carousel .owl-nav button.owl-next {
  right: 0;
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button.owl-next::before,
.dashboard-wrapper .teams-carousel .owl-nav button.owl-next::before {
  right: calc(100% - 2px);
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button.owl-next:after,
.dashboard-wrapper .teams-carousel .owl-nav button.owl-next:after {
  box-shadow: inset #919191 1px 1px 0 0px;
  transform: translate(-100%, -50%) rotate(135deg);
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button.owl-prev,
.dashboard-wrapper .teams-carousel .owl-nav button.owl-prev {
  right: 100%;
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button.owl-prev::before,
.dashboard-wrapper .teams-carousel .owl-nav button.owl-prev::before {
  left: calc(100% - 2px);
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button.owl-prev:after,
.dashboard-wrapper .teams-carousel .owl-nav button.owl-prev:after {
  box-shadow: inset #919191 1px 1px 0 0;
  transform: translate(-50%, -50%) rotate(135deg) scale(-1, -1);
}
.dashboard-wrapper .personal-apps-carousel .owl-nav button.disabled,
.dashboard-wrapper .teams-carousel .owl-nav button.disabled {
  opacity: 0;
}
.dashboard-wrapper .personal-apps-carousel .owl-item {
  max-width: 144px;
}
.dashboard-wrapper .active-checklists-carousel {
  height: 100%;
  /*max-height: 118px;*/
  max-height: 75px;
}
.dashboard-wrapper .active-checklists-carousel .owl-stage-outer,
.dashboard-wrapper .active-checklists-carousel .owl-stage,
.dashboard-wrapper .active-checklists-carousel .owl-item,
.dashboard-wrapper .active-checklists-carousel .checklist-top-bar-checklist {
  height: inherit;
}
.dashboard-wrapper .active-checklists-carousel .checklist-top-bar-checklist {
  padding-right: 24px;
  border-right: 1px solid;
}
.dashboard-wrapper .active-checklists-carousel .checklist-top-bar-checklist a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 300px;
  color: #323232;
  height: inherit;
}
.dashboard-wrapper .active-checklists-carousel .checklist-top-bar-checklist a .item-title {
  margin-bottom: 18px;
}
.dashboard-wrapper .active-checklists-carousel .checklist-top-bar-checklist a .item-meta {
  font-size: 12px;
}
.dashboard-wrapper .active-checklists-carousel .checklist-top-bar-checklist a .item-meta + .item-meta {
  margin-top: 6px;
}
.dashboard-wrapper .active-checklists-carousel .checklist-top-bar-checklist a:hover {
  color: var(--app-colour);
}
.dashboard-wrapper .active-checklists-carousel .checklist-top-bar-checklist a:hover .item-title {
  color: var(--app-colour);
}
.dashboard-wrapper .active-checklists-carousel .owl-nav button {
  position: absolute;
  width: 24px;
  background-color: transparent;
  height: 100%;
  transform: translateY(-50%);
  top: 50%;
}
.dashboard-wrapper .active-checklists-carousel .owl-nav button span {
  font-size: 24px;
}
.dashboard-wrapper .active-checklists-carousel .owl-nav button::before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #707070;
  top: 0;
  height: 100%;
}
.dashboard-wrapper .active-checklists-carousel .owl-nav button.owl-next {
  left: 100%;
}
.dashboard-wrapper .active-checklists-carousel .owl-nav button.owl-next::before {
  right: calc(100% - 2px);
}
.dashboard-wrapper .active-checklists-carousel .owl-nav button.owl-prev {
  right: 100%;
}
.dashboard-wrapper .active-checklists-carousel .owl-nav button.owl-prev::before {
  left: calc(100% - 2px);
}
.dashboard-wrapper .active-checklists-carousel .owl-nav button.disabled {
  opacity: 0;
}
.dashboard-wrapper .active-tag-out-log-wrapper {
  overflow: auto;
  height: 100%;
}
.dashboard-wrapper .active-tag-out-log-wrapper .seg-scroll > .scroll-element.scroll-y {
  right: 0px;
}
.dashboard-wrapper .app-context-content {
  height: calc(100% - 87px);
  margin-top: 16px;
  padding-left: 24px;
}

.dashboard-notification-item {
  display: flex;
  padding: 6px 24px 0;
  align-items: center;
}
.dashboard-notification-item .seg-badge {
  display: block;
  position: relative;
  line-height: 24px;
}
.dashboard-notification-item .dashboard-notification-text {
  padding: 0 12px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 315px;
}
@media screen and (max-width: 2300px) {
  .dashboard-notification-item .dashboard-notification-text {
    max-width: 300px;
    word-break: break-word;
  }
}

.awe-ajaxradiolist-field.seg-mdl-image-dropdown.v2 {
  position: relative;
  min-height: 42px;
  margin: 14px 0 14px 0;
  display: inline-block;
  width: calc(100% - 2px);
  z-index: 1;
}
.awe-ajaxradiolist-field.seg-mdl-image-dropdown.v2 .o-disp button.o-btn {
  min-height: 42px;
  min-width: calc(100% - 2px);
  max-width: calc(100% - 2px);
  height: 42px;
  border: none;
  outline: none;
  width: calc(100% - 2px);
  display: block;
  min-height: 42px;
  z-index: 3;
  border-radius: 2px;
  margin: 0 1px;
  padding: 0 14px;
  line-height: 1em;
  position: relative;
  background-image: none;
}
.awe-ajaxradiolist-field.seg-mdl-image-dropdown.v2 .o-disp button.o-btn .o-cptn {
  padding-top: 14px;
  padding-bottom: 14px;
  min-height: 42px;
  min-width: calc(100% - 2px);
  max-width: calc(100% - 2px);
  height: 42px;
  width: 100%;
  background: #fff;
  /* z-index: 999; */
  position: absolute;
  left: 1px;
  top: 0;
  z-index: 1;
  border-radius: 3px;
  color: initial;
  padding-left: 14px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 10px;
  font-size: 14px;
}
.awe-ajaxradiolist-field.seg-mdl-image-dropdown.v2 .o-disp button.o-btn .o-cptn .o-cptn-img {
  width: 22px;
  height: auto;
}
.awe-ajaxradiolist-field.seg-mdl-image-dropdown.v2 .o-disp button.o-btn:hover {
  font-size: 14px;
}
.awe-ajaxradiolist-field.seg-mdl-image-dropdown.v2 .o-disp button.o-btn:hover .o-cptn {
  font-size: 14px;
}
.awe-ajaxradiolist-field.seg-mdl-image-dropdown.v2 .o-disp button.o-btn::before {
  content: "";
  height: calc(100% + 2px);
  width: 100%;
  position: absolute;
  top: -1px;
  left: 0;
  background-color: #b0b0b0;
  border-radius: 4px;
  z-index: 1;
}

/*pop open menu*/
.o-menu .o-itm.selected::before {
  margin-top: 0;
}

.o-itm .o-igit {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 15px;
}

.o-itm .o-igit img {
  width: 35px;
}

/*********** NEW Action Log Section ******************/
#nav li .view-action-log-wrapper {
  /*padding: 12px 18px;*/
}
#nav li .view-action-log-wrapper .action-log-title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  position: relative;
  margin: 0 30px;
  text-transform: uppercase;
}
#nav li .view-action-log-wrapper .action-log-title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ccc;
  bottom: 0;
}
#nav li .view-action-log-wrapper .view-action-log-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px;
  padding-top: 0;
}
#nav li .view-action-log-wrapper .view-action-log-buttons .seg-mdl-btn {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#nav li .view-action-log-wrapper .view-action-log-buttons .seg-mdl-btn.cancel-btn {
  background-color: #ccc;
}
#nav li .view-action-log-wrapper .view-action-log-buttons .seg-mdl-btn.cancel-btn .seg-mdl-riple {
  background-color: rgba(0, 0, 0, 0.3);
}
#nav li .view-action-log-wrapper .seg-checkbox label {
  flex-direction: unset !important;
}
#nav li .view-action-log-wrapper .seg-checkbox label::after {
  left: 22px !important;
}
#nav li .view-action-log-wrapper .seg-checkbox label span {
  padding-left: 12px !important;
}

#nav-log.active ~ .view-action-log-wrapper {
  display: block;
  animation: fadein 0.5s ease;
}

@keyframes fadein {
  0% {
    opacity: 0.1;
  }
  25% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
/***************************************************************************/
/* Popup fields*/
input[type=text].awe-txt, .awe-searchtxt {
  border: 0px;
  box-shadow: none;
  background-color: transparent;
}

/*Popup styles*/
/*#partialChecklistOverdue, #activeChecklist, #activeChecklistList, #status, #reviewChecklist, #pushNotificationPopup, .seg-popup-wrap, #notice {
    padding: 0px 12px 12px 12px;
}*/
.seg-modal .modal-content {
  background-color: #E6E6EE;
}

label.timePart, label.datePart {
  padding: 0px;
  margin: 0px;
  height: auto;
  display: inline;
  font-weight: normal;
}

.row-grey .bootstrap-datetimepicker-widget, .row-grey .bootstrap-datetimepicker-widget td {
  background-color: #fff !important;
}

.datepicker th {
  background-color: transparent;
  color: #666666 !important;
}

.tag-out-layout-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
}
.tag-out-layout-wrapper #vsm-tagout {
  flex: 1 0 50%;
  overflow: hidden;
}
.tag-out-layout-wrapper #vsm-tagout .vsm-tag-outs-inner {
  max-height: calc(100vh - 130px);
}
.tag-out-layout-wrapper .tag-outs-wrapper {
  flex: 1 0 50%;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1), -3px 3px 6px rgba(0, 0, 0, 0.1);
  padding: 20px 20px 0 20px;
  max-height: calc(100vh - 130px);
  overflow: hidden;
}

.vsm-tag-container {
  padding: 0 25px;
}
.vsm-tag-container h3 {
  margin-top: 10px;
}
.vsm-tag-container .vsm-tagout-items {
  display: inline-flex;
  column-gap: 30px;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 30px;
}
.vsm-tag-container .vsm-tagout-items .vsm-tagout {
  display: flex;
  flex-direction: column;
  flex: 0 0 148px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.vsm-tag-container .vsm-tagout-items .vsm-tagout img {
  width: 100%;
  height: auto;
}
.vsm-tag-container .vsm-tagout-items .vsm-tagout .vsm-tagout-title {
  text-align: center;
}
.vsm-tag-container:last-child {
  margin-bottom: 20px;
}

.tag-outs-wrapper .tag-outs-title {
  border-bottom: 1px solid #333;
  color: #999;
  text-shadow: 0 0 #999;
  padding: 5px 0;
  text-transform: uppercase;
}
.tag-outs-wrapper .tag-out-application-inputs .seg-textbox.mdl-validation-error label {
  top: 18px;
}

.tag-out-application-wrapper {
  padding-top: 15px;
}
.tag-out-application-wrapper .tag-out-application-btns {
  align-items: center;
  justify-content: center;
  display: flex;
}
.tag-out-application-wrapper .tag-out-application-btns .seg-mdl-submit-btn {
  background: #333;
  border-radius: 20px;
}
.tag-out-application-wrapper .tag-out-application-btns .seg-mdl-submit-btn .seg-mdl-riple {
  background-color: #fff;
  opacity: 0.3;
}
.tag-out-application-wrapper #VesselChecklistItemId-awed .o-slbtn {
  display: inline-flex;
  padding-left: 19px;
  padding-right: 12px;
  margin-right: 3px;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 100%;
  z-index: 3;
  background-color: #FFFFFF;
}
.tag-out-application-wrapper #VesselChecklistItemId-awed .o-caret {
  position: unset;
  left: unset;
  display: inline-flex;
  align-items: center;
  width: 22px;
  height: 22px;
  transition: transform 250ms ease-in-out;
  transform: rotateX(0deg);
  transform-origin: center;
}
.tag-out-application-wrapper #VesselChecklistItemId-awed .o-caret::before {
  content: "\e963";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.tag-out-application-wrapper #VesselChecklistItemId-awed.awe-focus .o-caret {
  transform: rotateX(180deg);
}
.tag-out-application-wrapper.popup .tag-out-application-btns {
  display: none;
}

.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header,
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item {
  display: inline-flex;
  flex: 1 0 100%;
  width: 100%;
  align-items: center;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(1),
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(1) {
  flex: 0 0 50px;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(1) img,
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(1) img {
  width: 30px;
  height: 30px;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(2),
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(2) {
  flex: 0 0 90px;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(3),
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(3) {
  flex: 0 0 120px;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(4),
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(4) {
  flex: 0 0 110px;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(5),
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(5) {
  flex: 1 0 120px;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(6),
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(6) {
  flex: 0 0 150px;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(7),
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(7) {
  flex: 1 0 130px;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(8),
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(8) {
  flex: 0 0 130px;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header > div:nth-child(9),
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item > div:nth-child(9) {
  flex: 0 0 50px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header {
  text-shadow: 0 0 black;
  position: relative;
  align-items: flex-end;
  position: sticky;
  top: 0;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header div {
  padding: 5px 0;
  position: relative;
  background: #fff;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-header div::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #efefef;
  position: absolute;
  bottom: 0;
  left: 0;
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items {
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  max-height: calc(50vh - 130px);
}
.active-tag-out-log-wrapper .active-tag-out-table .active-tag-out-table-items .active-tag-out-log-item {
  padding: 5px 0;
  border-bottom: 1px solid #efefef;
}

/*checklist crud*/
.checklist-delete-btn {
  /*display: none;*/
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #aeaeae;
  width: 24px;
  height: 24px;
}
.checklist-delete-btn i {
  font-size: 10px;
  color: #999;
}

/*@include _dashboard-responsive();*/
/*App colours*/
.app-1 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1,*/
.btn-wrapper.active-parent .app-colour-1,
.btn-wrapper.active .app-colour-1 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1 {
  color: #333333;
}

.seg-text-secondary-colour-1 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1:hover {
  color: #1A1A1A;
}

.app-2 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="2"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-2,*/
.btn-wrapper.active-parent .app-colour-2,
.btn-wrapper.active .app-colour-2 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2 {
  color: #676767;
}

.seg-text-secondary-colour-2 {
  color: #494949;
}

.seg-hover-text-primary-colour-2:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-2:hover {
  color: #494949;
}

.app-3 {
  --app-colour: #9B4160;
  --app-colour-alt: #80334F;
}

[data-app="3"] {
  --app-colour: #9B4160;
  --app-colour-alt: #80334F;
}

/*.appButton:active.app-icon .app-colour-3,*/
.btn-wrapper.active-parent .app-colour-3,
.btn-wrapper.active .app-colour-3 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3 {
  color: #9B4160;
}

.seg-text-secondary-colour-3 {
  color: #80334F;
}

.seg-hover-text-primary-colour-3:hover {
  color: #9B4160;
}

.seg-hover-text-secondary-colour-3:hover {
  color: #80334F;
}

.app-4 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="4"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-4,*/
.btn-wrapper.active-parent .app-colour-4,
.btn-wrapper.active .app-colour-4 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-4 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-4 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-4 {
  color: #FFCA28;
}

.seg-text-secondary-colour-4 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-4:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-4:hover {
  color: #FFB300;
}

.app-5 {
  --app-colour: #0C8ABB;
  --app-colour-alt: #0B729B;
}

[data-app="5"] {
  --app-colour: #0C8ABB;
  --app-colour-alt: #0B729B;
}

/*.appButton:active.app-icon .app-colour-5,*/
.btn-wrapper.active-parent .app-colour-5,
.btn-wrapper.active .app-colour-5 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-5 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-5 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-5 {
  color: #0C8ABB;
}

.seg-text-secondary-colour-5 {
  color: #0B729B;
}

.seg-hover-text-primary-colour-5:hover {
  color: #0C8ABB;
}

.seg-hover-text-secondary-colour-5:hover {
  color: #0B729B;
}

.app-6 {
  --app-colour: #1F853F;
  --app-colour-alt: #157237;
}

[data-app="6"] {
  --app-colour: #1F853F;
  --app-colour-alt: #157237;
}

/*.appButton:active.app-icon .app-colour-6,*/
.btn-wrapper.active-parent .app-colour-6,
.btn-wrapper.active .app-colour-6 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6 {
  color: #1F853F;
}

.seg-text-secondary-colour-6 {
  color: #157237;
}

.seg-hover-text-primary-colour-6:hover {
  color: #1F853F;
}

.seg-hover-text-secondary-colour-6:hover {
  color: #157237;
}

.app-7 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="7"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-7,*/
.btn-wrapper.active-parent .app-colour-7,
.btn-wrapper.active .app-colour-7 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-7 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-7 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-7 {
  color: #1975BD;
}

.seg-text-secondary-colour-7 {
  color: #16609B;
}

.seg-hover-text-primary-colour-7:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-7:hover {
  color: #16609B;
}

.app-8 {
  --app-colour: #0FB2AA;
  --app-colour-alt: #078D83;
}

[data-app="8"] {
  --app-colour: #0FB2AA;
  --app-colour-alt: #078D83;
}

/*.appButton:active.app-icon .app-colour-8,*/
.btn-wrapper.active-parent .app-colour-8,
.btn-wrapper.active .app-colour-8 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-8 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-8 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-8 {
  color: #0FB2AA;
}

.seg-text-secondary-colour-8 {
  color: #078D83;
}

.seg-hover-text-primary-colour-8:hover {
  color: #0FB2AA;
}

.seg-hover-text-secondary-colour-8:hover {
  color: #078D83;
}

.app-9 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="9"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-9,*/
.btn-wrapper.active-parent .app-colour-9,
.btn-wrapper.active .app-colour-9 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-9 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-9 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-9 {
  color: #CC0000;
}

.seg-text-secondary-colour-9 {
  color: #A30202;
}

.seg-hover-text-primary-colour-9:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-9:hover {
  color: #A30202;
}

.app-10 {
  --app-colour: #01CBFD;
  --app-colour-alt: #00aad4;
}

[data-app="10"] {
  --app-colour: #01CBFD;
  --app-colour-alt: #00aad4;
}

/*.appButton:active.app-icon .app-colour-10,*/
.btn-wrapper.active-parent .app-colour-10,
.btn-wrapper.active .app-colour-10 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-10 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-10 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-10 {
  color: #01CBFD;
}

.seg-text-secondary-colour-10 {
  color: #00aad4;
}

.seg-hover-text-primary-colour-10:hover {
  color: #01CBFD;
}

.seg-hover-text-secondary-colour-10:hover {
  color: #00aad4;
}

.app-11 {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

[data-app="11"] {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

/*.appButton:active.app-icon .app-colour-11,*/
.btn-wrapper.active-parent .app-colour-11,
.btn-wrapper.active .app-colour-11 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-11 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-11 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-11 {
  color: #0FB1FD;
}

.seg-text-secondary-colour-11 {
  color: #0064D9;
}

.seg-hover-text-primary-colour-11:hover {
  color: #0FB1FD;
}

.seg-hover-text-secondary-colour-11:hover {
  color: #0064D9;
}

.app-12 {
  --app-colour: #EF5B14;
  --app-colour-alt: #D8541F;
}

[data-app="12"] {
  --app-colour: #EF5B14;
  --app-colour-alt: #D8541F;
}

/*.appButton:active.app-icon .app-colour-12,*/
.btn-wrapper.active-parent .app-colour-12,
.btn-wrapper.active .app-colour-12 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-12 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-12 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-12 {
  color: #EF5B14;
}

.seg-text-secondary-colour-12 {
  color: #D8541F;
}

.seg-hover-text-primary-colour-12:hover {
  color: #EF5B14;
}

.seg-hover-text-secondary-colour-12:hover {
  color: #D8541F;
}

.app-13 {
  --app-colour: #9DD72A;
  --app-colour-alt: #7BBA42;
}

[data-app="13"] {
  --app-colour: #9DD72A;
  --app-colour-alt: #7BBA42;
}

/*.appButton:active.app-icon .app-colour-13,*/
.btn-wrapper.active-parent .app-colour-13,
.btn-wrapper.active .app-colour-13 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-13 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-13 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-13 {
  color: #9DD72A;
}

.seg-text-secondary-colour-13 {
  color: #7BBA42;
}

.seg-hover-text-primary-colour-13:hover {
  color: #9DD72A;
}

.seg-hover-text-secondary-colour-13:hover {
  color: #7BBA42;
}

.app-14 {
  --app-colour: #EC5B25;
  --app-colour-alt: #BE481C;
}

[data-app="14"] {
  --app-colour: #EC5B25;
  --app-colour-alt: #BE481C;
}

/*.appButton:active.app-icon .app-colour-14,*/
.btn-wrapper.active-parent .app-colour-14,
.btn-wrapper.active .app-colour-14 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-14 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-14 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-14 {
  color: #EC5B25;
}

.seg-text-secondary-colour-14 {
  color: #BE481C;
}

.seg-hover-text-primary-colour-14:hover {
  color: #EC5B25;
}

.seg-hover-text-secondary-colour-14:hover {
  color: #BE481C;
}

[data-app-selected="14"] .active-checklist-toggle:hover {
  color: #EC5B25;
}
[data-app-selected="14"] .active-checklist-toggle:hover .apps-sp-subheader-dot {
  color: #EC5B25;
  box-shadow: 0 0 0 1px #EC5B25;
}
[data-app-selected="14"] .active-checklist-toggle.side-panel-selected {
  color: #EC5B25;
}
[data-app-selected="14"] .active-checklist-toggle.side-panel-selected .apps-sp-subheader-dot {
  color: #EC5B25;
  box-shadow: 0 0 0 1px #EC5B25;
}

.app-15 {
  --app-colour: #953C5A;
  --app-colour-alt: #702541;
}

[data-app="15"] {
  --app-colour: #953C5A;
  --app-colour-alt: #702541;
}

/*.appButton:active.app-icon .app-colour-15,*/
.btn-wrapper.active-parent .app-colour-15,
.btn-wrapper.active .app-colour-15 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-15 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-15 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-15 {
  color: #953C5A;
}

.seg-text-secondary-colour-15 {
  color: #702541;
}

.seg-hover-text-primary-colour-15:hover {
  color: #953C5A;
}

.seg-hover-text-secondary-colour-15:hover {
  color: #702541;
}

.app-16 {
  --app-colour: #FCC047;
  --app-colour-alt: #EDA434;
}

[data-app="16"] {
  --app-colour: #FCC047;
  --app-colour-alt: #EDA434;
}

/*.appButton:active.app-icon .app-colour-16,*/
.btn-wrapper.active-parent .app-colour-16,
.btn-wrapper.active .app-colour-16 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-16 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-16 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-16 {
  color: #FCC047;
}

.seg-text-secondary-colour-16 {
  color: #EDA434;
}

.seg-hover-text-primary-colour-16:hover {
  color: #FCC047;
}

.seg-hover-text-secondary-colour-16:hover {
  color: #EDA434;
}

.app-17 {
  --app-colour: #0D9FFB;
  --app-colour-alt: #2893A9;
}

[data-app="17"] {
  --app-colour: #0D9FFB;
  --app-colour-alt: #2893A9;
}

/*.appButton:active.app-icon .app-colour-17,*/
.btn-wrapper.active-parent .app-colour-17,
.btn-wrapper.active .app-colour-17 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-17 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-17 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-17 {
  color: #0D9FFB;
}

.seg-text-secondary-colour-17 {
  color: #2893A9;
}

.seg-hover-text-primary-colour-17:hover {
  color: #0D9FFB;
}

.seg-hover-text-secondary-colour-17:hover {
  color: #2893A9;
}

.app-18 {
  --app-colour: #795F96;
  --app-colour-alt: #664F7F;
}

[data-app="18"] {
  --app-colour: #795F96;
  --app-colour-alt: #664F7F;
}

/*.appButton:active.app-icon .app-colour-18,*/
.btn-wrapper.active-parent .app-colour-18,
.btn-wrapper.active .app-colour-18 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-18 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-18 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-18 {
  color: #795F96;
}

.seg-text-secondary-colour-18 {
  color: #664F7F;
}

.seg-hover-text-primary-colour-18:hover {
  color: #795F96;
}

.seg-hover-text-secondary-colour-18:hover {
  color: #664F7F;
}

.app-1013 {
  --app-colour: #0c8abb;
  --app-colour-alt: #0b729b;
}

[data-app="1013"] {
  --app-colour: #0c8abb;
  --app-colour-alt: #0b729b;
}

/*.appButton:active.app-icon .app-colour-1013,*/
.btn-wrapper.active-parent .app-colour-1013,
.btn-wrapper.active .app-colour-1013 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1013 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1013 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1013 {
  color: #0c8abb;
}

.seg-text-secondary-colour-1013 {
  color: #0b729b;
}

.seg-hover-text-primary-colour-1013:hover {
  color: #0c8abb;
}

.seg-hover-text-secondary-colour-1013:hover {
  color: #0b729b;
}

.app-1014 {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

[data-app="1014"] {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

/*.appButton:active.app-icon .app-colour-1014,*/
.btn-wrapper.active-parent .app-colour-1014,
.btn-wrapper.active .app-colour-1014 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1014 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1014 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1014 {
  color: #1975bd;
}

.seg-text-secondary-colour-1014 {
  color: #16609b;
}

.seg-hover-text-primary-colour-1014:hover {
  color: #1975bd;
}

.seg-hover-text-secondary-colour-1014:hover {
  color: #16609b;
}

.app-1015 {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

[data-app="1015"] {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

/*.appButton:active.app-icon .app-colour-1015,*/
.btn-wrapper.active-parent .app-colour-1015,
.btn-wrapper.active .app-colour-1015 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1015 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1015 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1015 {
  color: #34b9d5;
}

.seg-text-secondary-colour-1015 {
  color: #2893a9;
}

.seg-hover-text-primary-colour-1015:hover {
  color: #34b9d5;
}

.seg-hover-text-secondary-colour-1015:hover {
  color: #2893a9;
}

.app-1016 {
  --app-colour: #0fb2aa;
  --app-colour-alt: #079389;
}

[data-app="1016"] {
  --app-colour: #0fb2aa;
  --app-colour-alt: #079389;
}

/*.appButton:active.app-icon .app-colour-1016,*/
.btn-wrapper.active-parent .app-colour-1016,
.btn-wrapper.active .app-colour-1016 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1016 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1016 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1016 {
  color: #0fb2aa;
}

.seg-text-secondary-colour-1016 {
  color: #079389;
}

.seg-hover-text-primary-colour-1016:hover {
  color: #0fb2aa;
}

.seg-hover-text-secondary-colour-1016:hover {
  color: #079389;
}

.app-1017 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1017"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1017,*/
.btn-wrapper.active-parent .app-colour-1017,
.btn-wrapper.active .app-colour-1017 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1017 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1017 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1017 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1017 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1017:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1017:hover {
  color: #FFB300;
}

[data-app-selected="1017"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1017"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1017"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1018 {
  --app-colour: #BA5127;
  --app-colour-alt: #A54820;
}

[data-app="1018"] {
  --app-colour: #BA5127;
  --app-colour-alt: #A54820;
}

/*.appButton:active.app-icon .app-colour-1018,*/
.btn-wrapper.active-parent .app-colour-1018,
.btn-wrapper.active .app-colour-1018 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1018 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1018 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1018 {
  color: #BA5127;
}

.seg-text-secondary-colour-1018 {
  color: #A54820;
}

.seg-hover-text-primary-colour-1018:hover {
  color: #BA5127;
}

.seg-hover-text-secondary-colour-1018:hover {
  color: #A54820;
}

[data-app-selected="1018"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1018"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1018"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1019 {
  --app-colour: #EC5B25;
  --app-colour-alt: #BE481C;
}

[data-app="1019"] {
  --app-colour: #EC5B25;
  --app-colour-alt: #BE481C;
}

/*.appButton:active.app-icon .app-colour-1019,*/
.btn-wrapper.active-parent .app-colour-1019,
.btn-wrapper.active .app-colour-1019 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1019 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1019 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1019 {
  color: #EC5B25;
}

.seg-text-secondary-colour-1019 {
  color: #BE481C;
}

.seg-hover-text-primary-colour-1019:hover {
  color: #EC5B25;
}

.seg-hover-text-secondary-colour-1019:hover {
  color: #BE481C;
}

[data-app-selected="1019"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1019"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1019"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1020 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1020"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1020,*/
.btn-wrapper.active-parent .app-colour-1020,
.btn-wrapper.active .app-colour-1020 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1020 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1020 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1020 {
  color: #CC0000;
}

.seg-text-secondary-colour-1020 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1020:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1020:hover {
  color: #A30202;
}

[data-app-selected="1020"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1020"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1020"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1021 {
  --app-colour: #FF9800;
  --app-colour-alt: #F57C00;
}

[data-app="1021"] {
  --app-colour: #FF9800;
  --app-colour-alt: #F57C00;
}

/*.appButton:active.app-icon .app-colour-1021,*/
.btn-wrapper.active-parent .app-colour-1021,
.btn-wrapper.active .app-colour-1021 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1021 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1021 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1021 {
  color: #FF9800;
}

.seg-text-secondary-colour-1021 {
  color: #F57C00;
}

.seg-hover-text-primary-colour-1021:hover {
  color: #FF9800;
}

.seg-hover-text-secondary-colour-1021:hover {
  color: #F57C00;
}

[data-app-selected="1021"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1021"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1021"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1022 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1022"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1022,*/
.btn-wrapper.active-parent .app-colour-1022,
.btn-wrapper.active .app-colour-1022 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1022 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1022 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1022 {
  color: #333333;
}

.seg-text-secondary-colour-1022 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1022:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1022:hover {
  color: #1A1A1A;
}

.app-1023 {
  --app-colour: #E85D41;
  --app-colour-alt: #C44E36;
}

[data-app="1023"] {
  --app-colour: #E85D41;
  --app-colour-alt: #C44E36;
}

/*.appButton:active.app-icon .app-colour-1023,*/
.btn-wrapper.active-parent .app-colour-1023,
.btn-wrapper.active .app-colour-1023 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1023 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1023 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1023 {
  color: #E85D41;
}

.seg-text-secondary-colour-1023 {
  color: #C44E36;
}

.seg-hover-text-primary-colour-1023:hover {
  color: #E85D41;
}

.seg-hover-text-secondary-colour-1023:hover {
  color: #C44E36;
}

.app-1024 {
  --app-colour: #51BFD0;
  --app-colour-alt: #45A2B1;
}

[data-app="1024"] {
  --app-colour: #51BFD0;
  --app-colour-alt: #45A2B1;
}

/*.appButton:active.app-icon .app-colour-1024,*/
.btn-wrapper.active-parent .app-colour-1024,
.btn-wrapper.active .app-colour-1024 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1024 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1024 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1024 {
  color: #51BFD0;
}

.seg-text-secondary-colour-1024 {
  color: #45A2B1;
}

.seg-hover-text-primary-colour-1024:hover {
  color: #51BFD0;
}

.seg-hover-text-secondary-colour-1024:hover {
  color: #45A2B1;
}

.app-1025 {
  --app-colour: #7DB9A3;
  --app-colour-alt: #699E8B;
}

[data-app="1025"] {
  --app-colour: #7DB9A3;
  --app-colour-alt: #699E8B;
}

/*.appButton:active.app-icon .app-colour-1025,*/
.btn-wrapper.active-parent .app-colour-1025,
.btn-wrapper.active .app-colour-1025 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1025 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1025 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1025 {
  color: #7DB9A3;
}

.seg-text-secondary-colour-1025 {
  color: #699E8B;
}

.seg-hover-text-primary-colour-1025:hover {
  color: #7DB9A3;
}

.seg-hover-text-secondary-colour-1025:hover {
  color: #699E8B;
}

.app-1026 {
  --app-colour: #F16A25;
  --app-colour-alt: #CB591D;
}

[data-app="1026"] {
  --app-colour: #F16A25;
  --app-colour-alt: #CB591D;
}

/*.appButton:active.app-icon .app-colour-1026,*/
.btn-wrapper.active-parent .app-colour-1026,
.btn-wrapper.active .app-colour-1026 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1026 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1026 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1026 {
  color: #F16A25;
}

.seg-text-secondary-colour-1026 {
  color: #CB591D;
}

.seg-hover-text-primary-colour-1026:hover {
  color: #F16A25;
}

.seg-hover-text-secondary-colour-1026:hover {
  color: #CB591D;
}

.app-1027 {
  --app-colour: #9BBA5A;
  --app-colour-alt: #829E4B;
}

[data-app="1027"] {
  --app-colour: #9BBA5A;
  --app-colour-alt: #829E4B;
}

/*.appButton:active.app-icon .app-colour-1027,*/
.btn-wrapper.active-parent .app-colour-1027,
.btn-wrapper.active .app-colour-1027 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1027 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1027 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1027 {
  color: #9BBA5A;
}

.seg-text-secondary-colour-1027 {
  color: #829E4B;
}

.seg-hover-text-primary-colour-1027:hover {
  color: #9BBA5A;
}

.seg-hover-text-secondary-colour-1027:hover {
  color: #829E4B;
}

.app-1028 {
  --app-colour: #578BC8;
  --app-colour-alt: #4A78AB;
}

[data-app="1028"] {
  --app-colour: #578BC8;
  --app-colour-alt: #4A78AB;
}

/*.appButton:active.app-icon .app-colour-1028,*/
.btn-wrapper.active-parent .app-colour-1028,
.btn-wrapper.active .app-colour-1028 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1028 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1028 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1028 {
  color: #578BC8;
}

.seg-text-secondary-colour-1028 {
  color: #4A78AB;
}

.seg-hover-text-primary-colour-1028:hover {
  color: #578BC8;
}

.seg-hover-text-secondary-colour-1028:hover {
  color: #4A78AB;
}

.app-1029 {
  --app-colour: #957BB7;
  --app-colour-alt: #80699D;
}

[data-app="1029"] {
  --app-colour: #957BB7;
  --app-colour-alt: #80699D;
}

/*.appButton:active.app-icon .app-colour-1029,*/
.btn-wrapper.active-parent .app-colour-1029,
.btn-wrapper.active .app-colour-1029 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1029 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1029 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1029 {
  color: #957BB7;
}

.seg-text-secondary-colour-1029 {
  color: #80699D;
}

.seg-hover-text-primary-colour-1029:hover {
  color: #957BB7;
}

.seg-hover-text-secondary-colour-1029:hover {
  color: #80699D;
}

.app-1030 {
  --app-colour: #C13A43;
  --app-colour-alt: #A32F37;
}

[data-app="1030"] {
  --app-colour: #C13A43;
  --app-colour-alt: #A32F37;
}

/*.appButton:active.app-icon .app-colour-1030,*/
.btn-wrapper.active-parent .app-colour-1030,
.btn-wrapper.active .app-colour-1030 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1030 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1030 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1030 {
  color: #C13A43;
}

.seg-text-secondary-colour-1030 {
  color: #A32F37;
}

.seg-hover-text-primary-colour-1030:hover {
  color: #C13A43;
}

.seg-hover-text-secondary-colour-1030:hover {
  color: #A32F37;
}

.app-1031 {
  --app-colour: #2FA5B9;
  --app-colour-alt: #278D9E;
}

[data-app="1031"] {
  --app-colour: #2FA5B9;
  --app-colour-alt: #278D9E;
}

/*.appButton:active.app-icon .app-colour-1031,*/
.btn-wrapper.active-parent .app-colour-1031,
.btn-wrapper.active .app-colour-1031 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1031 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1031 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1031 {
  color: #2FA5B9;
}

.seg-text-secondary-colour-1031 {
  color: #278D9E;
}

.seg-hover-text-primary-colour-1031:hover {
  color: #2FA5B9;
}

.seg-hover-text-secondary-colour-1031:hover {
  color: #278D9E;
}

.app-1032 {
  --app-colour: #118C6C;
  --app-colour-alt: #0F6B51;
}

[data-app="1032"] {
  --app-colour: #118C6C;
  --app-colour-alt: #0F6B51;
}

/*.appButton:active.app-icon .app-colour-1032,*/
.btn-wrapper.active-parent .app-colour-1032,
.btn-wrapper.active .app-colour-1032 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1032 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1032 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1032 {
  color: #118C6C;
}

.seg-text-secondary-colour-1032 {
  color: #0F6B51;
}

.seg-hover-text-primary-colour-1032:hover {
  color: #118C6C;
}

.seg-hover-text-secondary-colour-1032:hover {
  color: #0F6B51;
}

.app-1033 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1033"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1033,*/
.btn-wrapper.active-parent .app-colour-1033,
.btn-wrapper.active .app-colour-1033 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1033 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1033 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1033 {
  color: #333333;
}

.seg-text-secondary-colour-1033 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1033:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1033:hover {
  color: #1A1A1A;
}

.app-1034 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="1034"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-1034,*/
.btn-wrapper.active-parent .app-colour-1034,
.btn-wrapper.active .app-colour-1034 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1034 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1034 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1034 {
  color: #FBD000;
}

.seg-text-secondary-colour-1034 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-1034:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-1034:hover {
  color: #F4BE1E;
}

[data-app-selected="1034"] .drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}
[data-app-selected="1034"] .drawer-item-carousel .drawer-item.drawer-item-selected {
  /*color: (nth($a, 2));*/
  color: #454545;
}

[data-app="1034"].drawer-options-item.selected .title {
  /*color: (nth($a, 2));*/
  color: #454545;
}

.app-1035 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1035"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1035,*/
.btn-wrapper.active-parent .app-colour-1035,
.btn-wrapper.active .app-colour-1035 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1035 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1035 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1035 {
  color: #333333;
}

.seg-text-secondary-colour-1035 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1035:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1035:hover {
  color: #1A1A1A;
}

.app-1036 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1036"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1036,*/
.btn-wrapper.active-parent .app-colour-1036,
.btn-wrapper.active .app-colour-1036 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1036 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1036 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1036 {
  color: #676767;
}

.seg-text-secondary-colour-1036 {
  color: #494949;
}

.seg-hover-text-primary-colour-1036:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1036:hover {
  color: #494949;
}

.app-1037 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1037"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1037,*/
.btn-wrapper.active-parent .app-colour-1037,
.btn-wrapper.active .app-colour-1037 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1037 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1037 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1037 {
  color: #676767;
}

.seg-text-secondary-colour-1037 {
  color: #494949;
}

.seg-hover-text-primary-colour-1037:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1037:hover {
  color: #494949;
}

.app-1190 {
  --app-colour: #FFBD11;
  --app-colour-alt: #494949;
}

[data-app="1190"] {
  --app-colour: #FFBD11;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1190,*/
.btn-wrapper.active-parent .app-colour-1190,
.btn-wrapper.active .app-colour-1190 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1190 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1190 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1190 {
  color: #FFBD11;
}

.seg-text-secondary-colour-1190 {
  color: #494949;
}

.seg-hover-text-primary-colour-1190:hover {
  color: #FFBD11;
}

.seg-hover-text-secondary-colour-1190:hover {
  color: #494949;
}

.app-1038 {
  --app-colour: #FFBD11;
  --app-colour-alt: #494949;
}

[data-app="1038"] {
  --app-colour: #FFBD11;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1038,*/
.btn-wrapper.active-parent .app-colour-1038,
.btn-wrapper.active .app-colour-1038 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1038 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1038 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1038 {
  color: #FFBD11;
}

.seg-text-secondary-colour-1038 {
  color: #494949;
}

.seg-hover-text-primary-colour-1038:hover {
  color: #FFBD11;
}

.seg-hover-text-secondary-colour-1038:hover {
  color: #494949;
}

.app-1039 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1039"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1039,*/
.btn-wrapper.active-parent .app-colour-1039,
.btn-wrapper.active .app-colour-1039 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1039 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1039 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1039 {
  color: #676767;
}

.seg-text-secondary-colour-1039 {
  color: #494949;
}

.seg-hover-text-primary-colour-1039:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1039:hover {
  color: #494949;
}

.app-1040 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1040"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1040,*/
.btn-wrapper.active-parent .app-colour-1040,
.btn-wrapper.active .app-colour-1040 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1040 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1040 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1040 {
  color: #676767;
}

.seg-text-secondary-colour-1040 {
  color: #494949;
}

.seg-hover-text-primary-colour-1040:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1040:hover {
  color: #494949;
}

.app-1041 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="1041"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-1041,*/
.btn-wrapper.active-parent .app-colour-1041,
.btn-wrapper.active .app-colour-1041 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1041 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1041 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1041 {
  color: #FBD000;
}

.seg-text-secondary-colour-1041 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-1041:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-1041:hover {
  color: #F4BE1E;
}

.app-1042 {
  --app-colour: #76D133;
  --app-colour-alt: #5D982A;
}

[data-app="1042"] {
  --app-colour: #76D133;
  --app-colour-alt: #5D982A;
}

/*.appButton:active.app-icon .app-colour-1042,*/
.btn-wrapper.active-parent .app-colour-1042,
.btn-wrapper.active .app-colour-1042 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1042 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1042 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1042 {
  color: #76D133;
}

.seg-text-secondary-colour-1042 {
  color: #5D982A;
}

.seg-hover-text-primary-colour-1042:hover {
  color: #76D133;
}

.seg-hover-text-secondary-colour-1042:hover {
  color: #5D982A;
}

.app-1043 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1043"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1043,*/
.btn-wrapper.active-parent .app-colour-1043,
.btn-wrapper.active .app-colour-1043 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1043 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1043 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1043 {
  color: #333333;
}

.seg-text-secondary-colour-1043 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1043:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1043:hover {
  color: #1A1A1A;
}

.app-1044 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1044"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1044,*/
.btn-wrapper.active-parent .app-colour-1044,
.btn-wrapper.active .app-colour-1044 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1044 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1044 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1044 {
  color: #0090EA;
}

.seg-text-secondary-colour-1044 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1044:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1044:hover {
  color: #1074b3;
}

.app-1045 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1045"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1045,*/
.btn-wrapper.active-parent .app-colour-1045,
.btn-wrapper.active .app-colour-1045 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1045 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1045 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1045 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1045 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1045:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1045:hover {
  color: #11a1ad;
}

.app-1046 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1046"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1046,*/
.btn-wrapper.active-parent .app-colour-1046,
.btn-wrapper.active .app-colour-1046 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1046 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1046 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1046 {
  color: #005DCA;
}

.seg-text-secondary-colour-1046 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1046:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1046:hover {
  color: #0d509e;
}

.app-1047 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1047"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1047,*/
.btn-wrapper.active-parent .app-colour-1047,
.btn-wrapper.active .app-colour-1047 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1047 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1047 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1047 {
  color: #E7453A;
}

.seg-text-secondary-colour-1047 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1047:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1047:hover {
  color: #C62828;
}

.app-1048 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1048"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1048,*/
.btn-wrapper.active-parent .app-colour-1048,
.btn-wrapper.active .app-colour-1048 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1048 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1048 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1048 {
  color: #333333;
}

.seg-text-secondary-colour-1048 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1048:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1048:hover {
  color: #1A1A1A;
}

.app-1049 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1049"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1049,*/
.btn-wrapper.active-parent .app-colour-1049,
.btn-wrapper.active .app-colour-1049 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1049 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1049 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1049 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1049 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1049:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1049:hover {
  color: #39ADAE;
}

.app-1050 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1050"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1050,*/
.btn-wrapper.active-parent .app-colour-1050,
.btn-wrapper.active .app-colour-1050 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1050 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1050 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1050 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1050 {
  color: #009595;
}

.seg-hover-text-primary-colour-1050:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1050:hover {
  color: #009595;
}

.app-1051 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1051"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1051,*/
.btn-wrapper.active-parent .app-colour-1051,
.btn-wrapper.active .app-colour-1051 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1051 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1051 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1051 {
  color: #E7453A;
}

.seg-text-secondary-colour-1051 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1051:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1051:hover {
  color: #C62828;
}

.app-1052 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1052"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1052,*/
.btn-wrapper.active-parent .app-colour-1052,
.btn-wrapper.active .app-colour-1052 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1052 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1052 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1052 {
  color: #333333;
}

.seg-text-secondary-colour-1052 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1052:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1052:hover {
  color: #1A1A1A;
}

.app-1053 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1053"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1053,*/
.btn-wrapper.active-parent .app-colour-1053,
.btn-wrapper.active .app-colour-1053 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1053 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1053 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1053 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1053 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1053:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1053:hover {
  color: #39ADAE;
}

.app-1054 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1054"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1054,*/
.btn-wrapper.active-parent .app-colour-1054,
.btn-wrapper.active .app-colour-1054 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1054 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1054 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1054 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1054 {
  color: #009595;
}

.seg-hover-text-primary-colour-1054:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1054:hover {
  color: #009595;
}

.app-1055 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1055"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1055,*/
.btn-wrapper.active-parent .app-colour-1055,
.btn-wrapper.active .app-colour-1055 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1055 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1055 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1055 {
  color: #E7453A;
}

.seg-text-secondary-colour-1055 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1055:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1055:hover {
  color: #C62828;
}

.app-1056 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1056"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1056,*/
.btn-wrapper.active-parent .app-colour-1056,
.btn-wrapper.active .app-colour-1056 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1056 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1056 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1056 {
  color: #333333;
}

.seg-text-secondary-colour-1056 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1056:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1056:hover {
  color: #1A1A1A;
}

.app-1057 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1057"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1057,*/
.btn-wrapper.active-parent .app-colour-1057,
.btn-wrapper.active .app-colour-1057 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1057 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1057 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1057 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1057 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1057:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1057:hover {
  color: #39ADAE;
}

.app-1058 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1058"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1058,*/
.btn-wrapper.active-parent .app-colour-1058,
.btn-wrapper.active .app-colour-1058 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1058 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1058 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1058 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1058 {
  color: #009595;
}

.seg-hover-text-primary-colour-1058:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1058:hover {
  color: #009595;
}

.app-1059 {
  --app-colour: #1F853F;
  --app-colour-alt: #157237;
}

[data-app="1059"] {
  --app-colour: #1F853F;
  --app-colour-alt: #157237;
}

/*.appButton:active.app-icon .app-colour-1059,*/
.btn-wrapper.active-parent .app-colour-1059,
.btn-wrapper.active .app-colour-1059 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1059 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1059 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1059 {
  color: #1F853F;
}

.seg-text-secondary-colour-1059 {
  color: #157237;
}

.seg-hover-text-primary-colour-1059:hover {
  color: #1F853F;
}

.seg-hover-text-secondary-colour-1059:hover {
  color: #157237;
}

.app-1060 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="1060"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-1060,*/
.btn-wrapper.active-parent .app-colour-1060,
.btn-wrapper.active .app-colour-1060 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1060 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1060 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1060 {
  color: #333333;
}

.seg-text-secondary-colour-1060 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-1060:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-1060:hover {
  color: #1A1A1A;
}

.app-1061 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1061"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1061,*/
.btn-wrapper.active-parent .app-colour-1061,
.btn-wrapper.active .app-colour-1061 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1061 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1061 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1061 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1061 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1061:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1061:hover {
  color: #39ADAE;
}

.app-1062 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1062"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1062,*/
.btn-wrapper.active-parent .app-colour-1062,
.btn-wrapper.active .app-colour-1062 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1062 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1062 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1062 {
  color: #1975BD;
}

.seg-text-secondary-colour-1062 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1062:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1062:hover {
  color: #16609B;
}

.app-1063 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1063"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1063,*/
.btn-wrapper.active-parent .app-colour-1063,
.btn-wrapper.active .app-colour-1063 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1063 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1063 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1063 {
  color: #1975BD;
}

.seg-text-secondary-colour-1063 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1063:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1063:hover {
  color: #16609B;
}

.app-1064 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1064"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1064,*/
.btn-wrapper.active-parent .app-colour-1064,
.btn-wrapper.active .app-colour-1064 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1064 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1064 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1064 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1064 {
  color: #009595;
}

.seg-hover-text-primary-colour-1064:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1064:hover {
  color: #009595;
}

.app-1065 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1065"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1065,*/
.btn-wrapper.active-parent .app-colour-1065,
.btn-wrapper.active .app-colour-1065 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1065 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1065 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1065 {
  color: #1975BD;
}

.seg-text-secondary-colour-1065 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1065:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1065:hover {
  color: #16609B;
}

.app-1066 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1066"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1066,*/
.btn-wrapper.active-parent .app-colour-1066,
.btn-wrapper.active .app-colour-1066 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1066 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1066 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1066 {
  color: #607D8B;
}

.seg-text-secondary-colour-1066 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1066:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1066:hover {
  color: #455A64;
}

.app-1067 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1067"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1067,*/
.btn-wrapper.active-parent .app-colour-1067,
.btn-wrapper.active .app-colour-1067 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1067 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1067 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1067 {
  color: #1975BD;
}

.seg-text-secondary-colour-1067 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1067:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1067:hover {
  color: #16609B;
}

.app-1068 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1068"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1068,*/
.btn-wrapper.active-parent .app-colour-1068,
.btn-wrapper.active .app-colour-1068 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1068 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1068 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1068 {
  color: #1975BD;
}

.seg-text-secondary-colour-1068 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1068:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1068:hover {
  color: #16609B;
}

.app-1069 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1069"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1069,*/
.btn-wrapper.active-parent .app-colour-1069,
.btn-wrapper.active .app-colour-1069 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1069 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1069 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1069 {
  color: #1975BD;
}

.seg-text-secondary-colour-1069 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1069:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1069:hover {
  color: #16609B;
}

.app-1070 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1070"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1070,*/
.btn-wrapper.active-parent .app-colour-1070,
.btn-wrapper.active .app-colour-1070 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1070 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1070 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1070 {
  color: #607D8B;
}

.seg-text-secondary-colour-1070 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1070:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1070:hover {
  color: #455A64;
}

.app-1071 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1071"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1071,*/
.btn-wrapper.active-parent .app-colour-1071,
.btn-wrapper.active .app-colour-1071 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1071 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1071 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1071 {
  color: #0090EA;
}

.seg-text-secondary-colour-1071 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1071:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1071:hover {
  color: #1074b3;
}

.app-1072 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1072"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1072,*/
.btn-wrapper.active-parent .app-colour-1072,
.btn-wrapper.active .app-colour-1072 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1072 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1072 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1072 {
  color: #676767;
}

.seg-text-secondary-colour-1072 {
  color: #494949;
}

.seg-hover-text-primary-colour-1072:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1072:hover {
  color: #494949;
}

.app-1079 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1079"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1079,*/
.btn-wrapper.active-parent .app-colour-1079,
.btn-wrapper.active .app-colour-1079 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1079 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1079 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1079 {
  color: #7D217F;
}

.seg-text-secondary-colour-1079 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1079:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1079:hover {
  color: #52215A;
}

.app-1080 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1080"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1080,*/
.btn-wrapper.active-parent .app-colour-1080,
.btn-wrapper.active .app-colour-1080 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1080 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1080 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1080 {
  color: #0090EA;
}

.seg-text-secondary-colour-1080 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1080:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1080:hover {
  color: #1074b3;
}

.app-1081 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1081"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1081,*/
.btn-wrapper.active-parent .app-colour-1081,
.btn-wrapper.active .app-colour-1081 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1081 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1081 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1081 {
  color: #7D217F;
}

.seg-text-secondary-colour-1081 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1081:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1081:hover {
  color: #52215A;
}

.app-1085 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1085"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1085,*/
.btn-wrapper.active-parent .app-colour-1085,
.btn-wrapper.active .app-colour-1085 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1085 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1085 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1085 {
  color: #0090EA;
}

.seg-text-secondary-colour-1085 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1085:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1085:hover {
  color: #1074b3;
}

.app-1086 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1086"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1086,*/
.btn-wrapper.active-parent .app-colour-1086,
.btn-wrapper.active .app-colour-1086 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1086 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1086 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1086 {
  color: #0090EA;
}

.seg-text-secondary-colour-1086 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1086:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1086:hover {
  color: #1074b3;
}

.app-1087 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1087"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1087,*/
.btn-wrapper.active-parent .app-colour-1087,
.btn-wrapper.active .app-colour-1087 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1087 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1087 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1087 {
  color: #0090EA;
}

.seg-text-secondary-colour-1087 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1087:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1087:hover {
  color: #1074b3;
}

.app-1088 {
  --app-colour: #8F1B6A;
  --app-colour-alt: #591748;
}

[data-app="1088"] {
  --app-colour: #8F1B6A;
  --app-colour-alt: #591748;
}

/*.appButton:active.app-icon .app-colour-1088,*/
.btn-wrapper.active-parent .app-colour-1088,
.btn-wrapper.active .app-colour-1088 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1088 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1088 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1088 {
  color: #8F1B6A;
}

.seg-text-secondary-colour-1088 {
  color: #591748;
}

.seg-hover-text-primary-colour-1088:hover {
  color: #8F1B6A;
}

.seg-hover-text-secondary-colour-1088:hover {
  color: #591748;
}

.app-1089 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1089"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1089,*/
.btn-wrapper.active-parent .app-colour-1089,
.btn-wrapper.active .app-colour-1089 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1089 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1089 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1089 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1089 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1089:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1089:hover {
  color: #11a1ad;
}

.app-1090 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1090"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1090,*/
.btn-wrapper.active-parent .app-colour-1090,
.btn-wrapper.active .app-colour-1090 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1090 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1090 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1090 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1090 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1090:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1090:hover {
  color: #11a1ad;
}

.app-1091 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1091"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1091,*/
.btn-wrapper.active-parent .app-colour-1091,
.btn-wrapper.active .app-colour-1091 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1091 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1091 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1091 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1091 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1091:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1091:hover {
  color: #11a1ad;
}

.app-1092 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1092"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1092,*/
.btn-wrapper.active-parent .app-colour-1092,
.btn-wrapper.active .app-colour-1092 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1092 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1092 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1092 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1092 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1092:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1092:hover {
  color: #11a1ad;
}

.app-1093 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1093"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1093,*/
.btn-wrapper.active-parent .app-colour-1093,
.btn-wrapper.active .app-colour-1093 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1093 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1093 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1093 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1093 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1093:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1093:hover {
  color: #11a1ad;
}

.app-1094 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1094"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1094,*/
.btn-wrapper.active-parent .app-colour-1094,
.btn-wrapper.active .app-colour-1094 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1094 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1094 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1094 {
  color: #005DCA;
}

.seg-text-secondary-colour-1094 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1094:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1094:hover {
  color: #0d509e;
}

.app-1095 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1095"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1095,*/
.btn-wrapper.active-parent .app-colour-1095,
.btn-wrapper.active .app-colour-1095 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1095 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1095 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1095 {
  color: #005DCA;
}

.seg-text-secondary-colour-1095 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1095:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1095:hover {
  color: #0d509e;
}

.app-1096 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1096"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1096,*/
.btn-wrapper.active-parent .app-colour-1096,
.btn-wrapper.active .app-colour-1096 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1096 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1096 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1096 {
  color: #005DCA;
}

.seg-text-secondary-colour-1096 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1096:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1096:hover {
  color: #0d509e;
}

.app-1097 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1097"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1097,*/
.btn-wrapper.active-parent .app-colour-1097,
.btn-wrapper.active .app-colour-1097 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1097 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1097 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1097 {
  color: #005DCA;
}

.seg-text-secondary-colour-1097 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1097:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1097:hover {
  color: #0d509e;
}

.app-1098 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1098"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1098,*/
.btn-wrapper.active-parent .app-colour-1098,
.btn-wrapper.active .app-colour-1098 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1098 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1098 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1098 {
  color: #005DCA;
}

.seg-text-secondary-colour-1098 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1098:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1098:hover {
  color: #0d509e;
}

.app-1099 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1099"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1099,*/
.btn-wrapper.active-parent .app-colour-1099,
.btn-wrapper.active .app-colour-1099 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1099 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1099 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1099 {
  color: #005DCA;
}

.seg-text-secondary-colour-1099 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1099:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1099:hover {
  color: #0d509e;
}

.app-1100 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1100"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1100,*/
.btn-wrapper.active-parent .app-colour-1100,
.btn-wrapper.active .app-colour-1100 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1100 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1100 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1100 {
  color: #005DCA;
}

.seg-text-secondary-colour-1100 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1100:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1100:hover {
  color: #0d509e;
}

.app-1101 {
  --app-colour: #ffca28;
  --app-colour-alt: #ffca28;
}

[data-app="1101"] {
  --app-colour: #ffca28;
  --app-colour-alt: #ffca28;
}

/*.appButton:active.app-icon .app-colour-1101,*/
.btn-wrapper.active-parent .app-colour-1101,
.btn-wrapper.active .app-colour-1101 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1101 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1101 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1101 {
  color: #ffca28;
}

.seg-text-secondary-colour-1101 {
  color: #ffca28;
}

.seg-hover-text-primary-colour-1101:hover {
  color: #ffca28;
}

.seg-hover-text-secondary-colour-1101:hover {
  color: #ffca28;
}

.app-1102 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1102"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1102,*/
.btn-wrapper.active-parent .app-colour-1102,
.btn-wrapper.active .app-colour-1102 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1102 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1102 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1102 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1102 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1102:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1102:hover {
  color: #FBC02D;
}

.app-1103 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1103"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1103,*/
.btn-wrapper.active-parent .app-colour-1103,
.btn-wrapper.active .app-colour-1103 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1103 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1103 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1103 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1103 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1103:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1103:hover {
  color: #FBC02D;
}

.app-1104 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1104"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1104,*/
.btn-wrapper.active-parent .app-colour-1104,
.btn-wrapper.active .app-colour-1104 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1104 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1104 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1104 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1104 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1104:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1104:hover {
  color: #FBC02D;
}

.app-1105 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1105"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1105,*/
.btn-wrapper.active-parent .app-colour-1105,
.btn-wrapper.active .app-colour-1105 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1105 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1105 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1105 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1105 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1105:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1105:hover {
  color: #FBC02D;
}

.app-1106 {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

[data-app="1106"] {
  --app-colour: #FDCF35;
  --app-colour-alt: #FBC02D;
}

/*.appButton:active.app-icon .app-colour-1106,*/
.btn-wrapper.active-parent .app-colour-1106,
.btn-wrapper.active .app-colour-1106 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1106 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1106 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1106 {
  color: #FDCF35;
}

.seg-text-secondary-colour-1106 {
  color: #FBC02D;
}

.seg-hover-text-primary-colour-1106:hover {
  color: #FDCF35;
}

.seg-hover-text-secondary-colour-1106:hover {
  color: #FBC02D;
}

.app-1107 {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

[data-app="1107"] {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

/*.appButton:active.app-icon .app-colour-1107,*/
.btn-wrapper.active-parent .app-colour-1107,
.btn-wrapper.active .app-colour-1107 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1107 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1107 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1107 {
  color: #1975bd;
}

.seg-text-secondary-colour-1107 {
  color: #16609b;
}

.seg-hover-text-primary-colour-1107:hover {
  color: #1975bd;
}

.seg-hover-text-secondary-colour-1107:hover {
  color: #16609b;
}

.app-1108 {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

[data-app="1108"] {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

/*.appButton:active.app-icon .app-colour-1108,*/
.btn-wrapper.active-parent .app-colour-1108,
.btn-wrapper.active .app-colour-1108 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1108 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1108 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1108 {
  color: #34b9d5;
}

.seg-text-secondary-colour-1108 {
  color: #2893a9;
}

.seg-hover-text-primary-colour-1108:hover {
  color: #34b9d5;
}

.seg-hover-text-secondary-colour-1108:hover {
  color: #2893a9;
}

.app-1109 {
  --app-colour: #F44336;
  --app-colour-alt: #C62828;
}

[data-app="1109"] {
  --app-colour: #F44336;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1109,*/
.btn-wrapper.active-parent .app-colour-1109,
.btn-wrapper.active .app-colour-1109 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1109 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1109 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1109 {
  color: #F44336;
}

.seg-text-secondary-colour-1109 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1109:hover {
  color: #F44336;
}

.seg-hover-text-secondary-colour-1109:hover {
  color: #C62828;
}

.app-1110 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1110"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1110,*/
.btn-wrapper.active-parent .app-colour-1110,
.btn-wrapper.active .app-colour-1110 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1110 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1110 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1110 {
  color: #CC0000;
}

.seg-text-secondary-colour-1110 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1110:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1110:hover {
  color: #A30202;
}

.app-1111 {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

[data-app="1111"] {
  --app-colour: #00ACB2;
  --app-colour-alt: #009595;
}

/*.appButton:active.app-icon .app-colour-1111,*/
.btn-wrapper.active-parent .app-colour-1111,
.btn-wrapper.active .app-colour-1111 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1111 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1111 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1111 {
  color: #00ACB2;
}

.seg-text-secondary-colour-1111 {
  color: #009595;
}

.seg-hover-text-primary-colour-1111:hover {
  color: #00ACB2;
}

.seg-hover-text-secondary-colour-1111:hover {
  color: #009595;
}

.app-1112 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1112"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1112,*/
.btn-wrapper.active-parent .app-colour-1112,
.btn-wrapper.active .app-colour-1112 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1112 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1112 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1112 {
  color: #607D8B;
}

.seg-text-secondary-colour-1112 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1112:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1112:hover {
  color: #455A64;
}

.app-1113 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1113"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1113,*/
.btn-wrapper.active-parent .app-colour-1113,
.btn-wrapper.active .app-colour-1113 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1113 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1113 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1113 {
  color: #607D8B;
}

.seg-text-secondary-colour-1113 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1113:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1113:hover {
  color: #455A64;
}

.app-1114 {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

[data-app="1114"] {
  --app-colour: #607D8B;
  --app-colour-alt: #455A64;
}

/*.appButton:active.app-icon .app-colour-1114,*/
.btn-wrapper.active-parent .app-colour-1114,
.btn-wrapper.active .app-colour-1114 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1114 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1114 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1114 {
  color: #607D8B;
}

.seg-text-secondary-colour-1114 {
  color: #455A64;
}

.seg-hover-text-primary-colour-1114:hover {
  color: #607D8B;
}

.seg-hover-text-secondary-colour-1114:hover {
  color: #455A64;
}

.app-1115 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1115"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1115,*/
.btn-wrapper.active-parent .app-colour-1115,
.btn-wrapper.active .app-colour-1115 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1115 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1115 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1115 {
  color: #0090EA;
}

.seg-text-secondary-colour-1115 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1115:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1115:hover {
  color: #1074b3;
}

.app-1116 {
  --app-colour: #FCC047;
  --app-colour-alt: #EDA434;
}

[data-app="1116"] {
  --app-colour: #FCC047;
  --app-colour-alt: #EDA434;
}

/*.appButton:active.app-icon .app-colour-1116,*/
.btn-wrapper.active-parent .app-colour-1116,
.btn-wrapper.active .app-colour-1116 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1116 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1116 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1116 {
  color: #FCC047;
}

.seg-text-secondary-colour-1116 {
  color: #EDA434;
}

.seg-hover-text-primary-colour-1116:hover {
  color: #FCC047;
}

.seg-hover-text-secondary-colour-1116:hover {
  color: #EDA434;
}

.app-1118 {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

[data-app="1118"] {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

/*.appButton:active.app-icon .app-colour-1118,*/
.btn-wrapper.active-parent .app-colour-1118,
.btn-wrapper.active .app-colour-1118 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1118 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1118 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1118 {
  color: #561F57;
}

.seg-text-secondary-colour-1118 {
  color: #37163A;
}

.seg-hover-text-primary-colour-1118:hover {
  color: #561F57;
}

.seg-hover-text-secondary-colour-1118:hover {
  color: #37163A;
}

.app-1119 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1119"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1119,*/
.btn-wrapper.active-parent .app-colour-1119,
.btn-wrapper.active .app-colour-1119 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1119 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1119 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1119 {
  color: #E7453A;
}

.seg-text-secondary-colour-1119 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1119:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1119:hover {
  color: #C62828;
}

.app-1120 {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

[data-app="1120"] {
  --app-colour: #39ADAE;
  --app-colour-alt: #39ADAE;
}

/*.appButton:active.app-icon .app-colour-1120,*/
.btn-wrapper.active-parent .app-colour-1120,
.btn-wrapper.active .app-colour-1120 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1120 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1120 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1120 {
  color: #39ADAE;
}

.seg-text-secondary-colour-1120 {
  color: #39ADAE;
}

.seg-hover-text-primary-colour-1120:hover {
  color: #39ADAE;
}

.seg-hover-text-secondary-colour-1120:hover {
  color: #39ADAE;
}

.app-1134 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1134"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1134,*/
.btn-wrapper.active-parent .app-colour-1134,
.btn-wrapper.active .app-colour-1134 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1134 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1134 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1134 {
  color: #7D217F;
}

.seg-text-secondary-colour-1134 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1134:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1134:hover {
  color: #52215A;
}

.app-1135 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1135"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1135,*/
.btn-wrapper.active-parent .app-colour-1135,
.btn-wrapper.active .app-colour-1135 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1135 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1135 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1135 {
  color: #7D217F;
}

.seg-text-secondary-colour-1135 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1135:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1135:hover {
  color: #52215A;
}

.app-1136 {
  --app-colour: #8F1B6A;
  --app-colour-alt: #591748;
}

[data-app="1136"] {
  --app-colour: #8F1B6A;
  --app-colour-alt: #591748;
}

/*.appButton:active.app-icon .app-colour-1136,*/
.btn-wrapper.active-parent .app-colour-1136,
.btn-wrapper.active .app-colour-1136 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1136 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1136 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1136 {
  color: #8F1B6A;
}

.seg-text-secondary-colour-1136 {
  color: #591748;
}

.seg-hover-text-primary-colour-1136:hover {
  color: #8F1B6A;
}

.seg-hover-text-secondary-colour-1136:hover {
  color: #591748;
}

.app-1137 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1137"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1137,*/
.btn-wrapper.active-parent .app-colour-1137,
.btn-wrapper.active .app-colour-1137 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1137 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1137 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1137 {
  color: #005DCA;
}

.seg-text-secondary-colour-1137 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1137:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1137:hover {
  color: #0d509e;
}

.app-1138 {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

[data-app="1138"] {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

/*.appButton:active.app-icon .app-colour-1138,*/
.btn-wrapper.active-parent .app-colour-1138,
.btn-wrapper.active .app-colour-1138 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1138 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1138 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1138 {
  color: #561F57;
}

.seg-text-secondary-colour-1138 {
  color: #37163A;
}

.seg-hover-text-primary-colour-1138:hover {
  color: #561F57;
}

.seg-hover-text-secondary-colour-1138:hover {
  color: #37163A;
}

.app-1140 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1140"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1140,*/
.btn-wrapper.active-parent .app-colour-1140,
.btn-wrapper.active .app-colour-1140 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1140 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1140 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1140 {
  color: #676767;
}

.seg-text-secondary-colour-1140 {
  color: #494949;
}

.seg-hover-text-primary-colour-1140:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1140:hover {
  color: #494949;
}

.app-1143 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1143"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1143,*/
.btn-wrapper.active-parent .app-colour-1143,
.btn-wrapper.active .app-colour-1143 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1143 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1143 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1143 {
  color: #0090EA;
}

.seg-text-secondary-colour-1143 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1143:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1143:hover {
  color: #1074b3;
}

.app-1144 {
  --app-colour: #009CB1;
  --app-colour-alt: #0a7b8a;
}

[data-app="1144"] {
  --app-colour: #009CB1;
  --app-colour-alt: #0a7b8a;
}

/*.appButton:active.app-icon .app-colour-1144,*/
.btn-wrapper.active-parent .app-colour-1144,
.btn-wrapper.active .app-colour-1144 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1144 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1144 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1144 {
  color: #009CB1;
}

.seg-text-secondary-colour-1144 {
  color: #0a7b8a;
}

.seg-hover-text-primary-colour-1144:hover {
  color: #009CB1;
}

.seg-hover-text-secondary-colour-1144:hover {
  color: #0a7b8a;
}

.app-1145 {
  --app-colour: #6561a4;
  --app-colour-alt: #534f88;
}

[data-app="1145"] {
  --app-colour: #6561a4;
  --app-colour-alt: #534f88;
}

/*.appButton:active.app-icon .app-colour-1145,*/
.btn-wrapper.active-parent .app-colour-1145,
.btn-wrapper.active .app-colour-1145 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1145 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1145 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1145 {
  color: #6561a4;
}

.seg-text-secondary-colour-1145 {
  color: #534f88;
}

.seg-hover-text-primary-colour-1145:hover {
  color: #6561a4;
}

.seg-hover-text-secondary-colour-1145:hover {
  color: #534f88;
}

.app-1146 {
  --app-colour: #0c8abb;
  --app-colour-alt: #0b729b;
}

[data-app="1146"] {
  --app-colour: #0c8abb;
  --app-colour-alt: #0b729b;
}

/*.appButton:active.app-icon .app-colour-1146,*/
.btn-wrapper.active-parent .app-colour-1146,
.btn-wrapper.active .app-colour-1146 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1146 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1146 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1146 {
  color: #0c8abb;
}

.seg-text-secondary-colour-1146 {
  color: #0b729b;
}

.seg-hover-text-primary-colour-1146:hover {
  color: #0c8abb;
}

.seg-hover-text-secondary-colour-1146:hover {
  color: #0b729b;
}

.app-1147 {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

[data-app="1147"] {
  --app-colour: #1975bd;
  --app-colour-alt: #16609b;
}

/*.appButton:active.app-icon .app-colour-1147,*/
.btn-wrapper.active-parent .app-colour-1147,
.btn-wrapper.active .app-colour-1147 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1147 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1147 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1147 {
  color: #1975bd;
}

.seg-text-secondary-colour-1147 {
  color: #16609b;
}

.seg-hover-text-primary-colour-1147:hover {
  color: #1975bd;
}

.seg-hover-text-secondary-colour-1147:hover {
  color: #16609b;
}

.app-1148 {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

[data-app="1148"] {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

/*.appButton:active.app-icon .app-colour-1148,*/
.btn-wrapper.active-parent .app-colour-1148,
.btn-wrapper.active .app-colour-1148 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1148 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1148 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1148 {
  color: #561F57;
}

.seg-text-secondary-colour-1148 {
  color: #37163A;
}

.seg-hover-text-primary-colour-1148:hover {
  color: #561F57;
}

.seg-hover-text-secondary-colour-1148:hover {
  color: #37163A;
}

.app-1149 {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

[data-app="1149"] {
  --app-colour: #561F57;
  --app-colour-alt: #37163A;
}

/*.appButton:active.app-icon .app-colour-1149,*/
.btn-wrapper.active-parent .app-colour-1149,
.btn-wrapper.active .app-colour-1149 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1149 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1149 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1149 {
  color: #561F57;
}

.seg-text-secondary-colour-1149 {
  color: #37163A;
}

.seg-hover-text-primary-colour-1149:hover {
  color: #561F57;
}

.seg-hover-text-secondary-colour-1149:hover {
  color: #37163A;
}

.app-1150 {
  --app-colour: #036297;
  --app-colour-alt: #004872;
}

[data-app="1150"] {
  --app-colour: #036297;
  --app-colour-alt: #004872;
}

/*.appButton:active.app-icon .app-colour-1150,*/
.btn-wrapper.active-parent .app-colour-1150,
.btn-wrapper.active .app-colour-1150 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1150 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1150 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1150 {
  color: #036297;
}

.seg-text-secondary-colour-1150 {
  color: #004872;
}

.seg-hover-text-primary-colour-1150:hover {
  color: #036297;
}

.seg-hover-text-secondary-colour-1150:hover {
  color: #004872;
}

.app-1151 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="1151"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-1151,*/
.btn-wrapper.active-parent .app-colour-1151,
.btn-wrapper.active .app-colour-1151 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1151 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1151 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1151 {
  color: #7D217F;
}

.seg-text-secondary-colour-1151 {
  color: #52215A;
}

.seg-hover-text-primary-colour-1151:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-1151:hover {
  color: #52215A;
}

.app-1152 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1152"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1152,*/
.btn-wrapper.active-parent .app-colour-1152,
.btn-wrapper.active .app-colour-1152 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1152 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1152 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1152 {
  color: #E7453A;
}

.seg-text-secondary-colour-1152 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1152:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1152:hover {
  color: #C62828;
}

.app-1153 {
  --app-colour: #FEB32A;
  --app-colour-alt: #FD9926;
}

[data-app="1153"] {
  --app-colour: #FEB32A;
  --app-colour-alt: #FD9926;
}

/*.appButton:active.app-icon .app-colour-1153,*/
.btn-wrapper.active-parent .app-colour-1153,
.btn-wrapper.active .app-colour-1153 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1153 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1153 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1153 {
  color: #FEB32A;
}

.seg-text-secondary-colour-1153 {
  color: #FD9926;
}

.seg-hover-text-primary-colour-1153:hover {
  color: #FEB32A;
}

.seg-hover-text-secondary-colour-1153:hover {
  color: #FD9926;
}

.app-1154 {
  --app-colour: #76D133;
  --app-colour-alt: #5D982A;
}

[data-app="1154"] {
  --app-colour: #76D133;
  --app-colour-alt: #5D982A;
}

/*.appButton:active.app-icon .app-colour-1154,*/
.btn-wrapper.active-parent .app-colour-1154,
.btn-wrapper.active .app-colour-1154 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1154 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1154 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1154 {
  color: #76D133;
}

.seg-text-secondary-colour-1154 {
  color: #5D982A;
}

.seg-hover-text-primary-colour-1154:hover {
  color: #76D133;
}

.seg-hover-text-secondary-colour-1154:hover {
  color: #5D982A;
}

.app-1155 {
  --app-colour: #790000;
  --app-colour-alt: #5d0000;
}

[data-app="1155"] {
  --app-colour: #790000;
  --app-colour-alt: #5d0000;
}

/*.appButton:active.app-icon .app-colour-1155,*/
.btn-wrapper.active-parent .app-colour-1155,
.btn-wrapper.active .app-colour-1155 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1155 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1155 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1155 {
  color: #790000;
}

.seg-text-secondary-colour-1155 {
  color: #5d0000;
}

.seg-hover-text-primary-colour-1155:hover {
  color: #790000;
}

.seg-hover-text-secondary-colour-1155:hover {
  color: #5d0000;
}

.app-1156 {
  --app-colour: #A8242B;
  --app-colour-alt: #841720;
}

[data-app="1156"] {
  --app-colour: #A8242B;
  --app-colour-alt: #841720;
}

/*.appButton:active.app-icon .app-colour-1156,*/
.btn-wrapper.active-parent .app-colour-1156,
.btn-wrapper.active .app-colour-1156 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1156 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1156 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1156 {
  color: #A8242B;
}

.seg-text-secondary-colour-1156 {
  color: #841720;
}

.seg-hover-text-primary-colour-1156:hover {
  color: #A8242B;
}

.seg-hover-text-secondary-colour-1156:hover {
  color: #841720;
}

.app-1157 {
  --app-colour: #0089FF;
  --app-colour-alt: #016DC9;
}

[data-app="1157"] {
  --app-colour: #0089FF;
  --app-colour-alt: #016DC9;
}

/*.appButton:active.app-icon .app-colour-1157,*/
.btn-wrapper.active-parent .app-colour-1157,
.btn-wrapper.active .app-colour-1157 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1157 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1157 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1157 {
  color: #0089FF;
}

.seg-text-secondary-colour-1157 {
  color: #016DC9;
}

.seg-hover-text-primary-colour-1157:hover {
  color: #0089FF;
}

.seg-hover-text-secondary-colour-1157:hover {
  color: #016DC9;
}

.app-1158 {
  --app-colour: #0EADC0;
  --app-colour-alt: #217991;
}

[data-app="1158"] {
  --app-colour: #0EADC0;
  --app-colour-alt: #217991;
}

/*.appButton:active.app-icon .app-colour-1158,*/
.btn-wrapper.active-parent .app-colour-1158,
.btn-wrapper.active .app-colour-1158 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1158 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1158 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1158 {
  color: #0EADC0;
}

.seg-text-secondary-colour-1158 {
  color: #217991;
}

.seg-hover-text-primary-colour-1158:hover {
  color: #0EADC0;
}

.seg-hover-text-secondary-colour-1158:hover {
  color: #217991;
}

.app-1164 {
  --app-colour: #01CBFD;
  --app-colour-alt: #00aad4;
}

[data-app="1164"] {
  --app-colour: #01CBFD;
  --app-colour-alt: #00aad4;
}

/*.appButton:active.app-icon .app-colour-1164,*/
.btn-wrapper.active-parent .app-colour-1164,
.btn-wrapper.active .app-colour-1164 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1164 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1164 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1164 {
  color: #01CBFD;
}

.seg-text-secondary-colour-1164 {
  color: #00aad4;
}

.seg-hover-text-primary-colour-1164:hover {
  color: #01CBFD;
}

.seg-hover-text-secondary-colour-1164:hover {
  color: #00aad4;
}

.app-1165 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="1165"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-1165,*/
.btn-wrapper.active-parent .app-colour-1165,
.btn-wrapper.active .app-colour-1165 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1165 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1165 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1165 {
  color: #676767;
}

.seg-text-secondary-colour-1165 {
  color: #494949;
}

.seg-hover-text-primary-colour-1165:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-1165:hover {
  color: #494949;
}

.app-1166 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1166"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1166,*/
.btn-wrapper.active-parent .app-colour-1166,
.btn-wrapper.active .app-colour-1166 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1166 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1166 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1166 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1166 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1166:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1166:hover {
  color: #FFB300;
}

.app-1167 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1167"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1167,*/
.btn-wrapper.active-parent .app-colour-1167,
.btn-wrapper.active .app-colour-1167 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1167 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1167 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1167 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1167 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1167:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1167:hover {
  color: #FFB300;
}

.app-1168 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1168"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1168,*/
.btn-wrapper.active-parent .app-colour-1168,
.btn-wrapper.active .app-colour-1168 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1168 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1168 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1168 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1168 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1168:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1168:hover {
  color: #FFB300;
}

.app-1169 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="1169"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-1169,*/
.btn-wrapper.active-parent .app-colour-1169,
.btn-wrapper.active .app-colour-1169 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1169 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1169 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1169 {
  color: #1975BD;
}

.seg-text-secondary-colour-1169 {
  color: #16609B;
}

.seg-hover-text-primary-colour-1169:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-1169:hover {
  color: #16609B;
}

.app-1170 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1170"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1170,*/
.btn-wrapper.active-parent .app-colour-1170,
.btn-wrapper.active .app-colour-1170 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1170 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1170 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1170 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1170 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1170:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1170:hover {
  color: #FFB300;
}

.app-1171 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1171"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1171,*/
.btn-wrapper.active-parent .app-colour-1171,
.btn-wrapper.active .app-colour-1171 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1171 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1171 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1171 {
  color: #0090EA;
}

.seg-text-secondary-colour-1171 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1171:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1171:hover {
  color: #1074b3;
}

.app-1172 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1172"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1172,*/
.btn-wrapper.active-parent .app-colour-1172,
.btn-wrapper.active .app-colour-1172 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1172 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1172 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1172 {
  color: #0090EA;
}

.seg-text-secondary-colour-1172 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1172:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1172:hover {
  color: #1074b3;
}

.app-1173 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1173"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1173,*/
.btn-wrapper.active-parent .app-colour-1173,
.btn-wrapper.active .app-colour-1173 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1173 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1173 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1173 {
  color: #0090EA;
}

.seg-text-secondary-colour-1173 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1173:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1173:hover {
  color: #1074b3;
}

.app-1174 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1174"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1174,*/
.btn-wrapper.active-parent .app-colour-1174,
.btn-wrapper.active .app-colour-1174 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1174 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1174 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1174 {
  color: #0090EA;
}

.seg-text-secondary-colour-1174 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1174:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1174:hover {
  color: #1074b3;
}

.app-1175 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1175"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1175,*/
.btn-wrapper.active-parent .app-colour-1175,
.btn-wrapper.active .app-colour-1175 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1175 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1175 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1175 {
  color: #0090EA;
}

.seg-text-secondary-colour-1175 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1175:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1175:hover {
  color: #1074b3;
}

.app-1300 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1300"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1300,*/
.btn-wrapper.active-parent .app-colour-1300,
.btn-wrapper.active .app-colour-1300 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1300 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1300 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1300 {
  color: #CC0000;
}

.seg-text-secondary-colour-1300 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1300:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1300:hover {
  color: #A30202;
}

.app-1301 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1301"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1301,*/
.btn-wrapper.active-parent .app-colour-1301,
.btn-wrapper.active .app-colour-1301 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1301 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1301 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1301 {
  color: #CC0000;
}

.seg-text-secondary-colour-1301 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1301:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1301:hover {
  color: #A30202;
}

.app-1302 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1302"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1302,*/
.btn-wrapper.active-parent .app-colour-1302,
.btn-wrapper.active .app-colour-1302 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1302 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1302 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1302 {
  color: #CC0000;
}

.seg-text-secondary-colour-1302 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1302:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1302:hover {
  color: #A30202;
}

.app-1305 {
  --app-colour: #014679;
  --app-colour-alt: #0D2E46;
}

[data-app="1305"] {
  --app-colour: #014679;
  --app-colour-alt: #0D2E46;
}

/*.appButton:active.app-icon .app-colour-1305,*/
.btn-wrapper.active-parent .app-colour-1305,
.btn-wrapper.active .app-colour-1305 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1305 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1305 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1305 {
  color: #014679;
}

.seg-text-secondary-colour-1305 {
  color: #0D2E46;
}

.seg-hover-text-primary-colour-1305:hover {
  color: #014679;
}

.seg-hover-text-secondary-colour-1305:hover {
  color: #0D2E46;
}

.app-1308 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1308"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1308,*/
.btn-wrapper.active-parent .app-colour-1308,
.btn-wrapper.active .app-colour-1308 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1308 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1308 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1308 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1308 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1308:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1308:hover {
  color: #FFB300;
}

.app-1309 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1309"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1309,*/
.btn-wrapper.active-parent .app-colour-1309,
.btn-wrapper.active .app-colour-1309 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1309 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1309 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1309 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1309 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1309:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1309:hover {
  color: #FFB300;
}

.app-1310 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="1310"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-1310,*/
.btn-wrapper.active-parent .app-colour-1310,
.btn-wrapper.active .app-colour-1310 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1310 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1310 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1310 {
  color: #FFCA28;
}

.seg-text-secondary-colour-1310 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-1310:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-1310:hover {
  color: #FFB300;
}

.app-1311 {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

[data-app="1311"] {
  --app-colour: #34b9d5;
  --app-colour-alt: #2893a9;
}

/*.appButton:active.app-icon .app-colour-1311,*/
.btn-wrapper.active-parent .app-colour-1311,
.btn-wrapper.active .app-colour-1311 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1311 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1311 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1311 {
  color: #34b9d5;
}

.seg-text-secondary-colour-1311 {
  color: #2893a9;
}

.seg-hover-text-primary-colour-1311:hover {
  color: #34b9d5;
}

.seg-hover-text-secondary-colour-1311:hover {
  color: #2893a9;
}

.app-1313 {
  --app-colour: #C20010;
  --app-colour-alt: #C81A27;
}

[data-app="1313"] {
  --app-colour: #C20010;
  --app-colour-alt: #C81A27;
}

/*.appButton:active.app-icon .app-colour-1313,*/
.btn-wrapper.active-parent .app-colour-1313,
.btn-wrapper.active .app-colour-1313 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1313 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1313 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1313 {
  color: #C20010;
}

.seg-text-secondary-colour-1313 {
  color: #C81A27;
}

.seg-hover-text-primary-colour-1313:hover {
  color: #C20010;
}

.seg-hover-text-secondary-colour-1313:hover {
  color: #C81A27;
}

.app-6000 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6000"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6000,*/
.btn-wrapper.active-parent .app-colour-6000,
.btn-wrapper.active .app-colour-6000 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6000 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6000 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6000 {
  color: #CC0000;
}

.seg-text-secondary-colour-6000 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6000:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6000:hover {
  color: #A30202;
}

.app-6001 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6001"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6001,*/
.btn-wrapper.active-parent .app-colour-6001,
.btn-wrapper.active .app-colour-6001 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6001 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6001 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6001 {
  color: #CC0000;
}

.seg-text-secondary-colour-6001 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6001:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6001:hover {
  color: #A30202;
}

.app-6002 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6002"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6002,*/
.btn-wrapper.active-parent .app-colour-6002,
.btn-wrapper.active .app-colour-6002 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6002 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6002 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6002 {
  color: #CC0000;
}

.seg-text-secondary-colour-6002 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6002:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6002:hover {
  color: #A30202;
}

.app-6003 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6003"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6003,*/
.btn-wrapper.active-parent .app-colour-6003,
.btn-wrapper.active .app-colour-6003 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6003 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6003 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6003 {
  color: #CC0000;
}

.seg-text-secondary-colour-6003 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6003:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6003:hover {
  color: #A30202;
}

.app-6004 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6004"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6004,*/
.btn-wrapper.active-parent .app-colour-6004,
.btn-wrapper.active .app-colour-6004 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6004 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6004 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6004 {
  color: #CC0000;
}

.seg-text-secondary-colour-6004 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6004:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6004:hover {
  color: #A30202;
}

.app-6005 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6005"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6005,*/
.btn-wrapper.active-parent .app-colour-6005,
.btn-wrapper.active .app-colour-6005 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6005 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6005 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6005 {
  color: #CC0000;
}

.seg-text-secondary-colour-6005 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6005:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6005:hover {
  color: #A30202;
}

.app-6006 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6006"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6006,*/
.btn-wrapper.active-parent .app-colour-6006,
.btn-wrapper.active .app-colour-6006 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6006 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6006 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6006 {
  color: #CC0000;
}

.seg-text-secondary-colour-6006 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6006:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6006:hover {
  color: #A30202;
}

.app-6007 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6007"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6007,*/
.btn-wrapper.active-parent .app-colour-6007,
.btn-wrapper.active .app-colour-6007 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6007 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6007 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6007 {
  color: #CC0000;
}

.seg-text-secondary-colour-6007 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6007:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6007:hover {
  color: #A30202;
}

.app-1301 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1301"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1301,*/
.btn-wrapper.active-parent .app-colour-1301,
.btn-wrapper.active .app-colour-1301 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1301 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1301 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1301 {
  color: #CC0000;
}

.seg-text-secondary-colour-1301 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1301:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1301:hover {
  color: #A30202;
}

.app-1302 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="1302"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-1302,*/
.btn-wrapper.active-parent .app-colour-1302,
.btn-wrapper.active .app-colour-1302 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1302 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1302 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1302 {
  color: #CC0000;
}

.seg-text-secondary-colour-1302 {
  color: #A30202;
}

.seg-hover-text-primary-colour-1302:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-1302:hover {
  color: #A30202;
}

.app-2000 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="2000"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-2000,*/
.btn-wrapper.active-parent .app-colour-2000,
.btn-wrapper.active .app-colour-2000 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2000 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2000 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2000 {
  color: #333333;
}

.seg-text-secondary-colour-2000 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-2000:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-2000:hover {
  color: #1A1A1A;
}

.app-2001 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2001"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2001,*/
.btn-wrapper.active-parent .app-colour-2001,
.btn-wrapper.active .app-colour-2001 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2001 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2001 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2001 {
  color: #FBD000;
}

.seg-text-secondary-colour-2001 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2001:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2001:hover {
  color: #F4BE1E;
}

.app-2002 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="2002"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-2002,*/
.btn-wrapper.active-parent .app-colour-2002,
.btn-wrapper.active .app-colour-2002 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2002 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2002 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2002 {
  color: #676767;
}

.seg-text-secondary-colour-2002 {
  color: #494949;
}

.seg-hover-text-primary-colour-2002:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-2002:hover {
  color: #494949;
}

.app-2003 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="2003"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-2003,*/
.btn-wrapper.active-parent .app-colour-2003,
.btn-wrapper.active .app-colour-2003 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2003 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2003 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2003 {
  color: #676767;
}

.seg-text-secondary-colour-2003 {
  color: #494949;
}

.seg-hover-text-primary-colour-2003:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-2003:hover {
  color: #494949;
}

.app-2004 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2004"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2004,*/
.btn-wrapper.active-parent .app-colour-2004,
.btn-wrapper.active .app-colour-2004 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2004 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2004 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2004 {
  color: #FBD000;
}

.seg-text-secondary-colour-2004 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2004:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2004:hover {
  color: #F4BE1E;
}

.app-2005 {
  --app-colour: #0EADC0;
  --app-colour-alt: #217991;
}

[data-app="2005"] {
  --app-colour: #0EADC0;
  --app-colour-alt: #217991;
}

/*.appButton:active.app-icon .app-colour-2005,*/
.btn-wrapper.active-parent .app-colour-2005,
.btn-wrapper.active .app-colour-2005 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2005 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2005 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2005 {
  color: #0EADC0;
}

.seg-text-secondary-colour-2005 {
  color: #217991;
}

.seg-hover-text-primary-colour-2005:hover {
  color: #0EADC0;
}

.seg-hover-text-secondary-colour-2005:hover {
  color: #217991;
}

.app-2010 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2010"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2010,*/
.btn-wrapper.active-parent .app-colour-2010,
.btn-wrapper.active .app-colour-2010 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2010 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2010 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2010 {
  color: #FBD000;
}

.seg-text-secondary-colour-2010 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2010:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2010:hover {
  color: #F4BE1E;
}

.app-2011 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2011"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2011,*/
.btn-wrapper.active-parent .app-colour-2011,
.btn-wrapper.active .app-colour-2011 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2011 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2011 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2011 {
  color: #FBD000;
}

.seg-text-secondary-colour-2011 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2011:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2011:hover {
  color: #F4BE1E;
}

.app-2012 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2012"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2012,*/
.btn-wrapper.active-parent .app-colour-2012,
.btn-wrapper.active .app-colour-2012 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2012 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2012 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2012 {
  color: #FBD000;
}

.seg-text-secondary-colour-2012 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2012:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2012:hover {
  color: #F4BE1E;
}

.app-2013 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2013"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2013,*/
.btn-wrapper.active-parent .app-colour-2013,
.btn-wrapper.active .app-colour-2013 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2013 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2013 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2013 {
  color: #FBD000;
}

.seg-text-secondary-colour-2013 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2013:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2013:hover {
  color: #F4BE1E;
}

.app-2014 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="2014"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-2014,*/
.btn-wrapper.active-parent .app-colour-2014,
.btn-wrapper.active .app-colour-2014 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2014 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2014 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2014 {
  color: #FBD000;
}

.seg-text-secondary-colour-2014 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-2014:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-2014:hover {
  color: #F4BE1E;
}

.app-2200 {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

[data-app="2200"] {
  --app-colour: #333333;
  --app-colour-alt: #1A1A1A;
}

/*.appButton:active.app-icon .app-colour-2200,*/
.btn-wrapper.active-parent .app-colour-2200,
.btn-wrapper.active .app-colour-2200 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2200 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2200 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2200 {
  color: #333333;
}

.seg-text-secondary-colour-2200 {
  color: #1A1A1A;
}

.seg-hover-text-primary-colour-2200:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-2200:hover {
  color: #1A1A1A;
}

.app-2202 {
  --app-colour: #000CB0;
  --app-colour-alt: #000874;
}

[data-app="2202"] {
  --app-colour: #000CB0;
  --app-colour-alt: #000874;
}

/*.appButton:active.app-icon .app-colour-2202,*/
.btn-wrapper.active-parent .app-colour-2202,
.btn-wrapper.active .app-colour-2202 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2202 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2202 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2202 {
  color: #000CB0;
}

.seg-text-secondary-colour-2202 {
  color: #000874;
}

.seg-hover-text-primary-colour-2202:hover {
  color: #000CB0;
}

.seg-hover-text-secondary-colour-2202:hover {
  color: #000874;
}

.app-1176 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="1176"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-1176,*/
.btn-wrapper.active-parent .app-colour-1176,
.btn-wrapper.active .app-colour-1176 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1176 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1176 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1176 {
  color: #1A3A59;
}

.seg-text-secondary-colour-1176 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-1176:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-1176:hover {
  color: #1A3A59;
}

.app-999 {
  --app-colour: #24344E;
  --app-colour-alt: #2A4B80;
}

[data-app="999"] {
  --app-colour: #24344E;
  --app-colour-alt: #2A4B80;
}

/*.appButton:active.app-icon .app-colour-999,*/
.btn-wrapper.active-parent .app-colour-999,
.btn-wrapper.active .app-colour-999 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-999 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-999 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-999 {
  color: #24344E;
}

.seg-text-secondary-colour-999 {
  color: #2A4B80;
}

.seg-hover-text-primary-colour-999:hover {
  color: #24344E;
}

.seg-hover-text-secondary-colour-999:hover {
  color: #2A4B80;
}

.app-998 {
  --app-colour: #FFBA00;
  --app-colour-alt: #F5BE45;
}

[data-app="998"] {
  --app-colour: #FFBA00;
  --app-colour-alt: #F5BE45;
}

/*.appButton:active.app-icon .app-colour-998,*/
.btn-wrapper.active-parent .app-colour-998,
.btn-wrapper.active .app-colour-998 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-998 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-998 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-998 {
  color: #FFBA00;
}

.seg-text-secondary-colour-998 {
  color: #F5BE45;
}

.seg-hover-text-primary-colour-998:hover {
  color: #FFBA00;
}

.seg-hover-text-secondary-colour-998:hover {
  color: #F5BE45;
}

.app-1159 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1159"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1159,*/
.btn-wrapper.active-parent .app-colour-1159,
.btn-wrapper.active .app-colour-1159 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1159 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1159 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1159 {
  color: #E7453A;
}

.seg-text-secondary-colour-1159 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1159:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1159:hover {
  color: #C62828;
}

.app-1160 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1160"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1160,*/
.btn-wrapper.active-parent .app-colour-1160,
.btn-wrapper.active .app-colour-1160 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1160 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1160 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1160 {
  color: #E7453A;
}

.seg-text-secondary-colour-1160 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1160:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1160:hover {
  color: #C62828;
}

.app-1161 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1161"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1161,*/
.btn-wrapper.active-parent .app-colour-1161,
.btn-wrapper.active .app-colour-1161 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1161 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1161 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1161 {
  color: #E7453A;
}

.seg-text-secondary-colour-1161 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1161:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1161:hover {
  color: #C62828;
}

.app-1162 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1162"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1162,*/
.btn-wrapper.active-parent .app-colour-1162,
.btn-wrapper.active .app-colour-1162 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1162 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1162 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1162 {
  color: #E7453A;
}

.seg-text-secondary-colour-1162 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1162:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1162:hover {
  color: #C62828;
}

.app-1163 {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

[data-app="1163"] {
  --app-colour: #E7453A;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-1163,*/
.btn-wrapper.active-parent .app-colour-1163,
.btn-wrapper.active .app-colour-1163 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1163 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1163 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1163 {
  color: #E7453A;
}

.seg-text-secondary-colour-1163 {
  color: #C62828;
}

.seg-hover-text-primary-colour-1163:hover {
  color: #E7453A;
}

.seg-hover-text-secondary-colour-1163:hover {
  color: #C62828;
}

.app-3017 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3017"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3017,*/
.btn-wrapper.active-parent .app-colour-3017,
.btn-wrapper.active .app-colour-3017 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3017 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3017 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3017 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3017 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3017:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3017:hover {
  color: #1A3A59;
}

.app-3006 {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

[data-app="3006"] {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

/*.appButton:active.app-icon .app-colour-3006,*/
.btn-wrapper.active-parent .app-colour-3006,
.btn-wrapper.active .app-colour-3006 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3006 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3006 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3006 {
  color: #0FB1FD;
}

.seg-text-secondary-colour-3006 {
  color: #0064D9;
}

.seg-hover-text-primary-colour-3006:hover {
  color: #0FB1FD;
}

.seg-hover-text-secondary-colour-3006:hover {
  color: #0064D9;
}

.app-3106 {
  --app-colour: #A8242B;
  --app-colour-alt: #A8242B;
}

[data-app="3106"] {
  --app-colour: #A8242B;
  --app-colour-alt: #A8242B;
}

/*.appButton:active.app-icon .app-colour-3106,*/
.btn-wrapper.active-parent .app-colour-3106,
.btn-wrapper.active .app-colour-3106 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3106 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3106 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3106 {
  color: #A8242B;
}

.seg-text-secondary-colour-3106 {
  color: #A8242B;
}

.seg-hover-text-primary-colour-3106:hover {
  color: #A8242B;
}

.seg-hover-text-secondary-colour-3106:hover {
  color: #A8242B;
}

.app-3109 {
  --app-colour: #373A31;
  --app-colour-alt: #373A31;
}

[data-app="3109"] {
  --app-colour: #373A31;
  --app-colour-alt: #373A31;
}

/*.appButton:active.app-icon .app-colour-3109,*/
.btn-wrapper.active-parent .app-colour-3109,
.btn-wrapper.active .app-colour-3109 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3109 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3109 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3109 {
  color: #373A31;
}

.seg-text-secondary-colour-3109 {
  color: #373A31;
}

.seg-hover-text-primary-colour-3109:hover {
  color: #373A31;
}

.seg-hover-text-secondary-colour-3109:hover {
  color: #373A31;
}

.app-3110 {
  --app-colour: #373A31;
  --app-colour-alt: #373A31;
}

[data-app="3110"] {
  --app-colour: #373A31;
  --app-colour-alt: #373A31;
}

/*.appButton:active.app-icon .app-colour-3110,*/
.btn-wrapper.active-parent .app-colour-3110,
.btn-wrapper.active .app-colour-3110 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3110 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3110 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3110 {
  color: #373A31;
}

.seg-text-secondary-colour-3110 {
  color: #373A31;
}

.seg-hover-text-primary-colour-3110:hover {
  color: #373A31;
}

.seg-hover-text-secondary-colour-3110:hover {
  color: #373A31;
}

.app-3113 {
  --app-colour: #790000;
  --app-colour-alt: #790000;
}

[data-app="3113"] {
  --app-colour: #790000;
  --app-colour-alt: #790000;
}

/*.appButton:active.app-icon .app-colour-3113,*/
.btn-wrapper.active-parent .app-colour-3113,
.btn-wrapper.active .app-colour-3113 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3113 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3113 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3113 {
  color: #790000;
}

.seg-text-secondary-colour-3113 {
  color: #790000;
}

.seg-hover-text-primary-colour-3113:hover {
  color: #790000;
}

.seg-hover-text-secondary-colour-3113:hover {
  color: #790000;
}

.app-3117 {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

[data-app="3117"] {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

/*.appButton:active.app-icon .app-colour-3117,*/
.btn-wrapper.active-parent .app-colour-3117,
.btn-wrapper.active .app-colour-3117 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3117 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3117 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3117 {
  color: #FFBD25;
}

.seg-text-secondary-colour-3117 {
  color: #FFBD25;
}

.seg-hover-text-primary-colour-3117:hover {
  color: #FFBD25;
}

.seg-hover-text-secondary-colour-3117:hover {
  color: #FFBD25;
}

.app-3119 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3119"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3119,*/
.btn-wrapper.active-parent .app-colour-3119,
.btn-wrapper.active .app-colour-3119 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3119 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3119 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3119 {
  color: #676767;
}

.seg-text-secondary-colour-3119 {
  color: #494949;
}

.seg-hover-text-primary-colour-3119:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3119:hover {
  color: #494949;
}

.app-3120 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="3120"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-3120,*/
.btn-wrapper.active-parent .app-colour-3120,
.btn-wrapper.active .app-colour-3120 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3120 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3120 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3120 {
  color: #7D217F;
}

.seg-text-secondary-colour-3120 {
  color: #52215A;
}

.seg-hover-text-primary-colour-3120:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-3120:hover {
  color: #52215A;
}

.app-3121 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3121"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3121,*/
.btn-wrapper.active-parent .app-colour-3121,
.btn-wrapper.active .app-colour-3121 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3121 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3121 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3121 {
  color: #676767;
}

.seg-text-secondary-colour-3121 {
  color: #494949;
}

.seg-hover-text-primary-colour-3121:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3121:hover {
  color: #494949;
}

.app-3122 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3122"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3122,*/
.btn-wrapper.active-parent .app-colour-3122,
.btn-wrapper.active .app-colour-3122 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3122 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3122 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3122 {
  color: #676767;
}

.seg-text-secondary-colour-3122 {
  color: #494949;
}

.seg-hover-text-primary-colour-3122:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3122:hover {
  color: #494949;
}

.app-3123 {
  --app-colour: #0D9FFB;
  --app-colour-alt: #2893A9;
}

[data-app="3123"] {
  --app-colour: #0D9FFB;
  --app-colour-alt: #2893A9;
}

/*.appButton:active.app-icon .app-colour-3123,*/
.btn-wrapper.active-parent .app-colour-3123,
.btn-wrapper.active .app-colour-3123 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3123 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3123 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3123 {
  color: #0D9FFB;
}

.seg-text-secondary-colour-3123 {
  color: #2893A9;
}

.seg-hover-text-primary-colour-3123:hover {
  color: #0D9FFB;
}

.seg-hover-text-secondary-colour-3123:hover {
  color: #2893A9;
}

.app-3124 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3124"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3124,*/
.btn-wrapper.active-parent .app-colour-3124,
.btn-wrapper.active .app-colour-3124 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3124 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3124 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3124 {
  color: #676767;
}

.seg-text-secondary-colour-3124 {
  color: #494949;
}

.seg-hover-text-primary-colour-3124:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3124:hover {
  color: #494949;
}

.app-3125 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3125"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3125,*/
.btn-wrapper.active-parent .app-colour-3125,
.btn-wrapper.active .app-colour-3125 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3125 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3125 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3125 {
  color: #676767;
}

.seg-text-secondary-colour-3125 {
  color: #494949;
}

.seg-hover-text-primary-colour-3125:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3125:hover {
  color: #494949;
}

.app-3126 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3126"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3126,*/
.btn-wrapper.active-parent .app-colour-3126,
.btn-wrapper.active .app-colour-3126 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3126 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3126 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3126 {
  color: #676767;
}

.seg-text-secondary-colour-3126 {
  color: #494949;
}

.seg-hover-text-primary-colour-3126:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3126:hover {
  color: #494949;
}

.app-3132 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3132"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3132,*/
.btn-wrapper.active-parent .app-colour-3132,
.btn-wrapper.active .app-colour-3132 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3132 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3132 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3132 {
  color: #676767;
}

.seg-text-secondary-colour-3132 {
  color: #494949;
}

.seg-hover-text-primary-colour-3132:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3132:hover {
  color: #494949;
}

.app-3009 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3009"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3009,*/
.btn-wrapper.active-parent .app-colour-3009,
.btn-wrapper.active .app-colour-3009 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3009 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3009 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3009 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3009 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3009:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3009:hover {
  color: #1A3A59;
}

.app-3010 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3010"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3010,*/
.btn-wrapper.active-parent .app-colour-3010,
.btn-wrapper.active .app-colour-3010 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3010 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3010 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3010 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3010 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3010:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3010:hover {
  color: #1A3A59;
}

.app-3213 {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

[data-app="3213"] {
  --app-colour: #0FB1FD;
  --app-colour-alt: #0064D9;
}

/*.appButton:active.app-icon .app-colour-3213,*/
.btn-wrapper.active-parent .app-colour-3213,
.btn-wrapper.active .app-colour-3213 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3213 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3213 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3213 {
  color: #0FB1FD;
}

.seg-text-secondary-colour-3213 {
  color: #0064D9;
}

.seg-hover-text-primary-colour-3213:hover {
  color: #0FB1FD;
}

.seg-hover-text-secondary-colour-3213:hover {
  color: #0064D9;
}

.app-3214 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3214"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3214,*/
.btn-wrapper.active-parent .app-colour-3214,
.btn-wrapper.active .app-colour-3214 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3214 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3214 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3214 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3214 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3214:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3214:hover {
  color: #1A3A59;
}

.app-3230 {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

[data-app="3230"] {
  --app-colour: #7D217F;
  --app-colour-alt: #52215A;
}

/*.appButton:active.app-icon .app-colour-3230,*/
.btn-wrapper.active-parent .app-colour-3230,
.btn-wrapper.active .app-colour-3230 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3230 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3230 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3230 {
  color: #7D217F;
}

.seg-text-secondary-colour-3230 {
  color: #52215A;
}

.seg-hover-text-primary-colour-3230:hover {
  color: #7D217F;
}

.seg-hover-text-secondary-colour-3230:hover {
  color: #52215A;
}

.app-3231 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3231"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3231,*/
.btn-wrapper.active-parent .app-colour-3231,
.btn-wrapper.active .app-colour-3231 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3231 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3231 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3231 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3231 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3231:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3231:hover {
  color: #1A3A59;
}

.app-3232 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3232"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3232,*/
.btn-wrapper.active-parent .app-colour-3232,
.btn-wrapper.active .app-colour-3232 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3232 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3232 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3232 {
  color: #676767;
}

.seg-text-secondary-colour-3232 {
  color: #494949;
}

.seg-hover-text-primary-colour-3232:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3232:hover {
  color: #494949;
}

.app-3233 {
  --app-colour: #34B9D5;
  --app-colour-alt: #2893A9;
}

[data-app="3233"] {
  --app-colour: #34B9D5;
  --app-colour-alt: #2893A9;
}

/*.appButton:active.app-icon .app-colour-3233,*/
.btn-wrapper.active-parent .app-colour-3233,
.btn-wrapper.active .app-colour-3233 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3233 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3233 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3233 {
  color: #34B9D5;
}

.seg-text-secondary-colour-3233 {
  color: #2893A9;
}

.seg-hover-text-primary-colour-3233:hover {
  color: #34B9D5;
}

.seg-hover-text-secondary-colour-3233:hover {
  color: #2893A9;
}

.app-3234 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3234"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3234,*/
.btn-wrapper.active-parent .app-colour-3234,
.btn-wrapper.active .app-colour-3234 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3234 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3234 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3234 {
  color: #676767;
}

.seg-text-secondary-colour-3234 {
  color: #494949;
}

.seg-hover-text-primary-colour-3234:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3234:hover {
  color: #494949;
}

.app-3235 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3235"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3235,*/
.btn-wrapper.active-parent .app-colour-3235,
.btn-wrapper.active .app-colour-3235 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3235 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3235 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3235 {
  color: #676767;
}

.seg-text-secondary-colour-3235 {
  color: #494949;
}

.seg-hover-text-primary-colour-3235:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3235:hover {
  color: #494949;
}

.app-3236 {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

[data-app="3236"] {
  --app-colour: #FBD000;
  --app-colour-alt: #F4BE1E;
}

/*.appButton:active.app-icon .app-colour-3236,*/
.btn-wrapper.active-parent .app-colour-3236,
.btn-wrapper.active .app-colour-3236 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3236 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3236 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3236 {
  color: #FBD000;
}

.seg-text-secondary-colour-3236 {
  color: #F4BE1E;
}

.seg-hover-text-primary-colour-3236:hover {
  color: #FBD000;
}

.seg-hover-text-secondary-colour-3236:hover {
  color: #F4BE1E;
}

.app-3237 {
  --app-colour: #1a3a59;
  --app-colour-alt: #494949;
}

[data-app="3237"] {
  --app-colour: #1a3a59;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3237,*/
.btn-wrapper.active-parent .app-colour-3237,
.btn-wrapper.active .app-colour-3237 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3237 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3237 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3237 {
  color: #1a3a59;
}

.seg-text-secondary-colour-3237 {
  color: #494949;
}

.seg-hover-text-primary-colour-3237:hover {
  color: #1a3a59;
}

.seg-hover-text-secondary-colour-3237:hover {
  color: #494949;
}

.app-3243 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3243"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3243,*/
.btn-wrapper.active-parent .app-colour-3243,
.btn-wrapper.active .app-colour-3243 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3243 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3243 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3243 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3243 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3243:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3243:hover {
  color: #1A3A59;
}

.app-3250 {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

[data-app="3250"] {
  --app-colour: #1975BD;
  --app-colour-alt: #16609B;
}

/*.appButton:active.app-icon .app-colour-3250,*/
.btn-wrapper.active-parent .app-colour-3250,
.btn-wrapper.active .app-colour-3250 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3250 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3250 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3250 {
  color: #1975BD;
}

.seg-text-secondary-colour-3250 {
  color: #16609B;
}

.seg-hover-text-primary-colour-3250:hover {
  color: #1975BD;
}

.seg-hover-text-secondary-colour-3250:hover {
  color: #16609B;
}

.app-3251 {
  --app-colour: #10A3B8;
  --app-colour-alt: #10A3B8;
}

[data-app="3251"] {
  --app-colour: #10A3B8;
  --app-colour-alt: #10A3B8;
}

/*.appButton:active.app-icon .app-colour-3251,*/
.btn-wrapper.active-parent .app-colour-3251,
.btn-wrapper.active .app-colour-3251 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3251 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3251 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3251 {
  color: #10A3B8;
}

.seg-text-secondary-colour-3251 {
  color: #10A3B8;
}

.seg-hover-text-primary-colour-3251:hover {
  color: #10A3B8;
}

.seg-hover-text-secondary-colour-3251:hover {
  color: #10A3B8;
}

.app-3210 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3210"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3210,*/
.btn-wrapper.active-parent .app-colour-3210,
.btn-wrapper.active .app-colour-3210 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3210 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3210 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3210 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3210 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3210:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3210:hover {
  color: #1A3A59;
}

.app-3211 {
  --app-colour: #F44336;
  --app-colour-alt: #C62828;
}

[data-app="3211"] {
  --app-colour: #F44336;
  --app-colour-alt: #C62828;
}

/*.appButton:active.app-icon .app-colour-3211,*/
.btn-wrapper.active-parent .app-colour-3211,
.btn-wrapper.active .app-colour-3211 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3211 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3211 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3211 {
  color: #F44336;
}

.seg-text-secondary-colour-3211 {
  color: #C62828;
}

.seg-hover-text-primary-colour-3211:hover {
  color: #F44336;
}

.seg-hover-text-secondary-colour-3211:hover {
  color: #C62828;
}

.app-3252 {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

[data-app="3252"] {
  --app-colour: #1A3A59;
  --app-colour-alt: #1A3A59;
}

/*.appButton:active.app-icon .app-colour-3252,*/
.btn-wrapper.active-parent .app-colour-3252,
.btn-wrapper.active .app-colour-3252 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3252 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3252 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3252 {
  color: #1A3A59;
}

.seg-text-secondary-colour-3252 {
  color: #1A3A59;
}

.seg-hover-text-primary-colour-3252:hover {
  color: #1A3A59;
}

.seg-hover-text-secondary-colour-3252:hover {
  color: #1A3A59;
}

.app-3265 {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

[data-app="3265"] {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

/*.appButton:active.app-icon .app-colour-3265,*/
.btn-wrapper.active-parent .app-colour-3265,
.btn-wrapper.active .app-colour-3265 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3265 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3265 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3265 {
  color: #FFBD25;
}

.seg-text-secondary-colour-3265 {
  color: #FFBD25;
}

.seg-hover-text-primary-colour-3265:hover {
  color: #FFBD25;
}

.seg-hover-text-secondary-colour-3265:hover {
  color: #FFBD25;
}

.app-3266 {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

[data-app="3266"] {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

/*.appButton:active.app-icon .app-colour-3266,*/
.btn-wrapper.active-parent .app-colour-3266,
.btn-wrapper.active .app-colour-3266 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3266 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3266 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3266 {
  color: #FFBD25;
}

.seg-text-secondary-colour-3266 {
  color: #FFBD25;
}

.seg-hover-text-primary-colour-3266:hover {
  color: #FFBD25;
}

.seg-hover-text-secondary-colour-3266:hover {
  color: #FFBD25;
}

.app-3259 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3259"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3259,*/
.btn-wrapper.active-parent .app-colour-3259,
.btn-wrapper.active .app-colour-3259 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3259 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3259 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3259 {
  color: #676767;
}

.seg-text-secondary-colour-3259 {
  color: #494949;
}

.seg-hover-text-primary-colour-3259:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3259:hover {
  color: #494949;
}

.app-3260 {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

[data-app="3260"] {
  --app-colour: #676767;
  --app-colour-alt: #494949;
}

/*.appButton:active.app-icon .app-colour-3260,*/
.btn-wrapper.active-parent .app-colour-3260,
.btn-wrapper.active .app-colour-3260 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3260 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3260 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3260 {
  color: #676767;
}

.seg-text-secondary-colour-3260 {
  color: #494949;
}

.seg-hover-text-primary-colour-3260:hover {
  color: #676767;
}

.seg-hover-text-secondary-colour-3260:hover {
  color: #494949;
}

.app-3267 {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

[data-app="3267"] {
  --app-colour: #FFBD25;
  --app-colour-alt: #FFBD25;
}

/*.appButton:active.app-icon .app-colour-3267,*/
.btn-wrapper.active-parent .app-colour-3267,
.btn-wrapper.active .app-colour-3267 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3267 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3267 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3267 {
  color: #FFBD25;
}

.seg-text-secondary-colour-3267 {
  color: #FFBD25;
}

.seg-hover-text-primary-colour-3267:hover {
  color: #FFBD25;
}

.seg-hover-text-secondary-colour-3267:hover {
  color: #FFBD25;
}

.app-3244 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3244"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3244,*/
.btn-wrapper.active-parent .app-colour-3244,
.btn-wrapper.active .app-colour-3244 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3244 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3244 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3244 {
  color: #333333;
}

.seg-text-secondary-colour-3244 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3244:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3244:hover {
  color: #3E3E3E;
}

.app-3245 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3245"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3245,*/
.btn-wrapper.active-parent .app-colour-3245,
.btn-wrapper.active .app-colour-3245 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3245 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3245 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3245 {
  color: #333333;
}

.seg-text-secondary-colour-3245 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3245:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3245:hover {
  color: #3E3E3E;
}

.app-3246 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3246"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3246,*/
.btn-wrapper.active-parent .app-colour-3246,
.btn-wrapper.active .app-colour-3246 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3246 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3246 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3246 {
  color: #333333;
}

.seg-text-secondary-colour-3246 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3246:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3246:hover {
  color: #3E3E3E;
}

.app-3247 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3247"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3247,*/
.btn-wrapper.active-parent .app-colour-3247,
.btn-wrapper.active .app-colour-3247 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3247 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3247 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3247 {
  color: #333333;
}

.seg-text-secondary-colour-3247 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3247:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3247:hover {
  color: #3E3E3E;
}

.app-3248 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3248"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3248,*/
.btn-wrapper.active-parent .app-colour-3248,
.btn-wrapper.active .app-colour-3248 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3248 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3248 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3248 {
  color: #333333;
}

.seg-text-secondary-colour-3248 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3248:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3248:hover {
  color: #3E3E3E;
}

.app-3249 {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

[data-app="3249"] {
  --app-colour: #333333;
  --app-colour-alt: #3E3E3E;
}

/*.appButton:active.app-icon .app-colour-3249,*/
.btn-wrapper.active-parent .app-colour-3249,
.btn-wrapper.active .app-colour-3249 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-3249 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-3249 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-3249 {
  color: #333333;
}

.seg-text-secondary-colour-3249 {
  color: #3E3E3E;
}

.seg-hover-text-primary-colour-3249:hover {
  color: #333333;
}

.seg-hover-text-secondary-colour-3249:hover {
  color: #3E3E3E;
}

.app-5101 {
  --app-colour: #F24F1B;
  --app-colour-alt: #F24F1B;
}

[data-app="5101"] {
  --app-colour: #F24F1B;
  --app-colour-alt: #F24F1B;
}

/*.appButton:active.app-icon .app-colour-5101,*/
.btn-wrapper.active-parent .app-colour-5101,
.btn-wrapper.active .app-colour-5101 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-5101 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-5101 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-5101 {
  color: #F24F1B;
}

.seg-text-secondary-colour-5101 {
  color: #F24F1B;
}

.seg-hover-text-primary-colour-5101:hover {
  color: #F24F1B;
}

.seg-hover-text-secondary-colour-5101:hover {
  color: #F24F1B;
}

.app-5004 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="5004"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-5004,*/
.btn-wrapper.active-parent .app-colour-5004,
.btn-wrapper.active .app-colour-5004 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-5004 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-5004 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-5004 {
  color: #CC0000;
}

.seg-text-secondary-colour-5004 {
  color: #A30202;
}

.seg-hover-text-primary-colour-5004:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-5004:hover {
  color: #A30202;
}

.app-5104 {
  --app-colour: #F24F1B;
  --app-colour-alt: #F24F1B;
}

[data-app="5104"] {
  --app-colour: #F24F1B;
  --app-colour-alt: #F24F1B;
}

/*.appButton:active.app-icon .app-colour-5104,*/
.btn-wrapper.active-parent .app-colour-5104,
.btn-wrapper.active .app-colour-5104 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-5104 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-5104 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-5104 {
  color: #F24F1B;
}

.seg-text-secondary-colour-5104 {
  color: #F24F1B;
}

.seg-hover-text-primary-colour-5104:hover {
  color: #F24F1B;
}

.seg-hover-text-secondary-colour-5104:hover {
  color: #F24F1B;
}

.app-10001 {
  --app-colour: #4D85B6;
  --app-colour-alt: #4D85B6;
}

[data-app="10001"] {
  --app-colour: #4D85B6;
  --app-colour-alt: #4D85B6;
}

/*.appButton:active.app-icon .app-colour-10001,*/
.btn-wrapper.active-parent .app-colour-10001,
.btn-wrapper.active .app-colour-10001 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-10001 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-10001 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-10001 {
  color: #4D85B6;
}

.seg-text-secondary-colour-10001 {
  color: #4D85B6;
}

.seg-hover-text-primary-colour-10001:hover {
  color: #4D85B6;
}

.seg-hover-text-secondary-colour-10001:hover {
  color: #4D85B6;
}

.app-1179 {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

[data-app="1179"] {
  --app-colour: #0090EA;
  --app-colour-alt: #1074b3;
}

/*.appButton:active.app-icon .app-colour-1179,*/
.btn-wrapper.active-parent .app-colour-1179,
.btn-wrapper.active .app-colour-1179 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1179 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1179 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1179 {
  color: #0090EA;
}

.seg-text-secondary-colour-1179 {
  color: #1074b3;
}

.seg-hover-text-primary-colour-1179:hover {
  color: #0090EA;
}

.seg-hover-text-secondary-colour-1179:hover {
  color: #1074b3;
}

.app-1180 {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

[data-app="1180"] {
  --app-colour: #01D0E2;
  --app-colour-alt: #11a1ad;
}

/*.appButton:active.app-icon .app-colour-1180,*/
.btn-wrapper.active-parent .app-colour-1180,
.btn-wrapper.active .app-colour-1180 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1180 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1180 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1180 {
  color: #01D0E2;
}

.seg-text-secondary-colour-1180 {
  color: #11a1ad;
}

.seg-hover-text-primary-colour-1180:hover {
  color: #01D0E2;
}

.seg-hover-text-secondary-colour-1180:hover {
  color: #11a1ad;
}

.app-1181 {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

[data-app="1181"] {
  --app-colour: #005DCA;
  --app-colour-alt: #0d509e;
}

/*.appButton:active.app-icon .app-colour-1181,*/
.btn-wrapper.active-parent .app-colour-1181,
.btn-wrapper.active .app-colour-1181 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-1181 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-1181 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-1181 {
  color: #005DCA;
}

.seg-text-secondary-colour-1181 {
  color: #0d509e;
}

.seg-hover-text-primary-colour-1181:hover {
  color: #005DCA;
}

.seg-hover-text-secondary-colour-1181:hover {
  color: #0d509e;
}

.app-2301 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2301"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2301,*/
.btn-wrapper.active-parent .app-colour-2301,
.btn-wrapper.active .app-colour-2301 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2301 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2301 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2301 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2301 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2301:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2301:hover {
  color: #FFB300;
}

.app-2302 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2302"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2302,*/
.btn-wrapper.active-parent .app-colour-2302,
.btn-wrapper.active .app-colour-2302 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2302 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2302 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2302 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2302 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2302:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2302:hover {
  color: #FFB300;
}

.app-2303 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2303"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2303,*/
.btn-wrapper.active-parent .app-colour-2303,
.btn-wrapper.active .app-colour-2303 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2303 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2303 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2303 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2303 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2303:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2303:hover {
  color: #FFB300;
}

.app-2304 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2304"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2304,*/
.btn-wrapper.active-parent .app-colour-2304,
.btn-wrapper.active .app-colour-2304 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2304 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2304 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2304 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2304 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2304:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2304:hover {
  color: #FFB300;
}

.app-2305 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2305"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2305,*/
.btn-wrapper.active-parent .app-colour-2305,
.btn-wrapper.active .app-colour-2305 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2305 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2305 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2305 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2305 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2305:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2305:hover {
  color: #FFB300;
}

.app-2306 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2306"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2306,*/
.btn-wrapper.active-parent .app-colour-2306,
.btn-wrapper.active .app-colour-2306 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2306 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2306 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2306 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2306 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2306:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2306:hover {
  color: #FFB300;
}

.app-2307 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2307"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2307,*/
.btn-wrapper.active-parent .app-colour-2307,
.btn-wrapper.active .app-colour-2307 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2307 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2307 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2307 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2307 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2307:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2307:hover {
  color: #FFB300;
}

.app-2308 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2308"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2308,*/
.btn-wrapper.active-parent .app-colour-2308,
.btn-wrapper.active .app-colour-2308 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2308 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2308 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2308 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2308 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2308:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2308:hover {
  color: #FFB300;
}

.app-2309 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2309"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2309,*/
.btn-wrapper.active-parent .app-colour-2309,
.btn-wrapper.active .app-colour-2309 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2309 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2309 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2309 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2309 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2309:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2309:hover {
  color: #FFB300;
}

.app-2310 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2310"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2310,*/
.btn-wrapper.active-parent .app-colour-2310,
.btn-wrapper.active .app-colour-2310 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2310 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2310 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2310 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2310 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2310:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2310:hover {
  color: #FFB300;
}

.app-2311 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2311"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2311,*/
.btn-wrapper.active-parent .app-colour-2311,
.btn-wrapper.active .app-colour-2311 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2311 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2311 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2311 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2311 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2311:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2311:hover {
  color: #FFB300;
}

.app-2312 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2312"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2312,*/
.btn-wrapper.active-parent .app-colour-2312,
.btn-wrapper.active .app-colour-2312 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2312 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2312 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2312 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2312 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2312:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2312:hover {
  color: #FFB300;
}

.app-2313 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2313"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2313,*/
.btn-wrapper.active-parent .app-colour-2313,
.btn-wrapper.active .app-colour-2313 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2313 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2313 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2313 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2313 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2313:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2313:hover {
  color: #FFB300;
}

.app-2314 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2314"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2314,*/
.btn-wrapper.active-parent .app-colour-2314,
.btn-wrapper.active .app-colour-2314 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2314 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2314 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2314 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2314 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2314:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2314:hover {
  color: #FFB300;
}

.app-2315 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2315"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2315,*/
.btn-wrapper.active-parent .app-colour-2315,
.btn-wrapper.active .app-colour-2315 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2315 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2315 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2315 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2315 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2315:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2315:hover {
  color: #FFB300;
}

.app-2316 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2316"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2316,*/
.btn-wrapper.active-parent .app-colour-2316,
.btn-wrapper.active .app-colour-2316 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2316 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2316 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2316 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2316 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2316:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2316:hover {
  color: #FFB300;
}

.app-2317 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2317"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2317,*/
.btn-wrapper.active-parent .app-colour-2317,
.btn-wrapper.active .app-colour-2317 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2317 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2317 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2317 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2317 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2317:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2317:hover {
  color: #FFB300;
}

.app-2318 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2318"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2318,*/
.btn-wrapper.active-parent .app-colour-2318,
.btn-wrapper.active .app-colour-2318 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2318 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2318 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2318 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2318 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2318:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2318:hover {
  color: #FFB300;
}

.app-2319 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2319"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2319,*/
.btn-wrapper.active-parent .app-colour-2319,
.btn-wrapper.active .app-colour-2319 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2319 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2319 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2319 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2319 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2319:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2319:hover {
  color: #FFB300;
}

.app-2320 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2320"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2320,*/
.btn-wrapper.active-parent .app-colour-2320,
.btn-wrapper.active .app-colour-2320 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2320 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2320 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2320 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2320 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2320:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2320:hover {
  color: #FFB300;
}

.app-2321 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2321"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2321,*/
.btn-wrapper.active-parent .app-colour-2321,
.btn-wrapper.active .app-colour-2321 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2321 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2321 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2321 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2321 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2321:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2321:hover {
  color: #FFB300;
}

.app-2322 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2322"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2322,*/
.btn-wrapper.active-parent .app-colour-2322,
.btn-wrapper.active .app-colour-2322 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2322 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2322 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2322 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2322 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2322:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2322:hover {
  color: #FFB300;
}

.app-2323 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2323"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2323,*/
.btn-wrapper.active-parent .app-colour-2323,
.btn-wrapper.active .app-colour-2323 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2323 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2323 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2323 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2323 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2323:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2323:hover {
  color: #FFB300;
}

.app-2324 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2324"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2324,*/
.btn-wrapper.active-parent .app-colour-2324,
.btn-wrapper.active .app-colour-2324 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2324 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2324 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2324 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2324 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2324:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2324:hover {
  color: #FFB300;
}

.app-2325 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2325"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2325,*/
.btn-wrapper.active-parent .app-colour-2325,
.btn-wrapper.active .app-colour-2325 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2325 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2325 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2325 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2325 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2325:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2325:hover {
  color: #FFB300;
}

.app-2326 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2326"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2326,*/
.btn-wrapper.active-parent .app-colour-2326,
.btn-wrapper.active .app-colour-2326 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2326 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2326 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2326 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2326 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2326:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2326:hover {
  color: #FFB300;
}

.app-2327 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2327"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2327,*/
.btn-wrapper.active-parent .app-colour-2327,
.btn-wrapper.active .app-colour-2327 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2327 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2327 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2327 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2327 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2327:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2327:hover {
  color: #FFB300;
}

.app-2328 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2328"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2328,*/
.btn-wrapper.active-parent .app-colour-2328,
.btn-wrapper.active .app-colour-2328 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2328 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2328 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2328 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2328 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2328:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2328:hover {
  color: #FFB300;
}

.app-2329 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2329"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2329,*/
.btn-wrapper.active-parent .app-colour-2329,
.btn-wrapper.active .app-colour-2329 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2329 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2329 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2329 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2329 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2329:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2329:hover {
  color: #FFB300;
}

.app-2330 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2330"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2330,*/
.btn-wrapper.active-parent .app-colour-2330,
.btn-wrapper.active .app-colour-2330 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2330 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2330 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2330 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2330 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2330:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2330:hover {
  color: #FFB300;
}

.app-2331 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2331"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2331,*/
.btn-wrapper.active-parent .app-colour-2331,
.btn-wrapper.active .app-colour-2331 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2331 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2331 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2331 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2331 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2331:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2331:hover {
  color: #FFB300;
}

.app-2332 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2332"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2332,*/
.btn-wrapper.active-parent .app-colour-2332,
.btn-wrapper.active .app-colour-2332 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2332 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2332 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2332 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2332 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2332:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2332:hover {
  color: #FFB300;
}

.app-2333 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2333"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2333,*/
.btn-wrapper.active-parent .app-colour-2333,
.btn-wrapper.active .app-colour-2333 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2333 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2333 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2333 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2333 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2333:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2333:hover {
  color: #FFB300;
}

.app-2334 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2334"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2334,*/
.btn-wrapper.active-parent .app-colour-2334,
.btn-wrapper.active .app-colour-2334 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2334 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2334 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2334 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2334 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2334:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2334:hover {
  color: #FFB300;
}

.app-2335 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2335"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2335,*/
.btn-wrapper.active-parent .app-colour-2335,
.btn-wrapper.active .app-colour-2335 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2335 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2335 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2335 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2335 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2335:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2335:hover {
  color: #FFB300;
}

.app-2336 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2336"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2336,*/
.btn-wrapper.active-parent .app-colour-2336,
.btn-wrapper.active .app-colour-2336 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2336 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2336 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2336 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2336 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2336:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2336:hover {
  color: #FFB300;
}

.app-2337 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2337"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2337,*/
.btn-wrapper.active-parent .app-colour-2337,
.btn-wrapper.active .app-colour-2337 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2337 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2337 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2337 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2337 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2337:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2337:hover {
  color: #FFB300;
}

.app-2338 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2338"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2338,*/
.btn-wrapper.active-parent .app-colour-2338,
.btn-wrapper.active .app-colour-2338 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2338 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2338 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2338 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2338 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2338:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2338:hover {
  color: #FFB300;
}

.app-2339 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2339"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2339,*/
.btn-wrapper.active-parent .app-colour-2339,
.btn-wrapper.active .app-colour-2339 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2339 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2339 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2339 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2339 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2339:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2339:hover {
  color: #FFB300;
}

.app-2340 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2340"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2340,*/
.btn-wrapper.active-parent .app-colour-2340,
.btn-wrapper.active .app-colour-2340 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2340 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2340 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2340 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2340 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2340:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2340:hover {
  color: #FFB300;
}

.app-2341 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2341"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2341,*/
.btn-wrapper.active-parent .app-colour-2341,
.btn-wrapper.active .app-colour-2341 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2341 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2341 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2341 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2341 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2341:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2341:hover {
  color: #FFB300;
}

.app-2342 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2342"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2342,*/
.btn-wrapper.active-parent .app-colour-2342,
.btn-wrapper.active .app-colour-2342 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2342 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2342 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2342 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2342 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2342:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2342:hover {
  color: #FFB300;
}

.app-2343 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2343"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2343,*/
.btn-wrapper.active-parent .app-colour-2343,
.btn-wrapper.active .app-colour-2343 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2343 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2343 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2343 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2343 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2343:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2343:hover {
  color: #FFB300;
}

.app-2344 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2344"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2344,*/
.btn-wrapper.active-parent .app-colour-2344,
.btn-wrapper.active .app-colour-2344 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2344 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2344 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2344 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2344 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2344:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2344:hover {
  color: #FFB300;
}

.app-2345 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2345"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2345,*/
.btn-wrapper.active-parent .app-colour-2345,
.btn-wrapper.active .app-colour-2345 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2345 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2345 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2345 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2345 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2345:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2345:hover {
  color: #FFB300;
}

.app-2346 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2346"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2346,*/
.btn-wrapper.active-parent .app-colour-2346,
.btn-wrapper.active .app-colour-2346 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2346 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2346 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2346 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2346 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2346:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2346:hover {
  color: #FFB300;
}

.app-2347 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2347"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2347,*/
.btn-wrapper.active-parent .app-colour-2347,
.btn-wrapper.active .app-colour-2347 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2347 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2347 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2347 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2347 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2347:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2347:hover {
  color: #FFB300;
}

.app-2348 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2348"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2348,*/
.btn-wrapper.active-parent .app-colour-2348,
.btn-wrapper.active .app-colour-2348 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2348 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2348 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2348 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2348 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2348:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2348:hover {
  color: #FFB300;
}

.app-2349 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2349"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2349,*/
.btn-wrapper.active-parent .app-colour-2349,
.btn-wrapper.active .app-colour-2349 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2349 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2349 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2349 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2349 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2349:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2349:hover {
  color: #FFB300;
}

.app-2350 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2350"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2350,*/
.btn-wrapper.active-parent .app-colour-2350,
.btn-wrapper.active .app-colour-2350 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2350 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2350 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2350 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2350 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2350:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2350:hover {
  color: #FFB300;
}

.app-2351 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2351"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2351,*/
.btn-wrapper.active-parent .app-colour-2351,
.btn-wrapper.active .app-colour-2351 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2351 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2351 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2351 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2351 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2351:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2351:hover {
  color: #FFB300;
}

.app-2352 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2352"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2352,*/
.btn-wrapper.active-parent .app-colour-2352,
.btn-wrapper.active .app-colour-2352 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2352 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2352 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2352 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2352 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2352:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2352:hover {
  color: #FFB300;
}

.app-2353 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2353"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2353,*/
.btn-wrapper.active-parent .app-colour-2353,
.btn-wrapper.active .app-colour-2353 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2353 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2353 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2353 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2353 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2353:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2353:hover {
  color: #FFB300;
}

.app-2354 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2354"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2354,*/
.btn-wrapper.active-parent .app-colour-2354,
.btn-wrapper.active .app-colour-2354 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2354 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2354 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2354 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2354 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2354:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2354:hover {
  color: #FFB300;
}

.app-2355 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2355"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2355,*/
.btn-wrapper.active-parent .app-colour-2355,
.btn-wrapper.active .app-colour-2355 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2355 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2355 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2355 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2355 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2355:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2355:hover {
  color: #FFB300;
}

.app-2356 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2356"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2356,*/
.btn-wrapper.active-parent .app-colour-2356,
.btn-wrapper.active .app-colour-2356 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2356 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2356 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2356 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2356 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2356:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2356:hover {
  color: #FFB300;
}

.app-2357 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2357"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2357,*/
.btn-wrapper.active-parent .app-colour-2357,
.btn-wrapper.active .app-colour-2357 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2357 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2357 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2357 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2357 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2357:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2357:hover {
  color: #FFB300;
}

.app-2358 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2358"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2358,*/
.btn-wrapper.active-parent .app-colour-2358,
.btn-wrapper.active .app-colour-2358 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2358 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2358 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2358 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2358 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2358:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2358:hover {
  color: #FFB300;
}

.app-2359 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2359"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2359,*/
.btn-wrapper.active-parent .app-colour-2359,
.btn-wrapper.active .app-colour-2359 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2359 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2359 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2359 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2359 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2359:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2359:hover {
  color: #FFB300;
}

.app-2360 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2360"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2360,*/
.btn-wrapper.active-parent .app-colour-2360,
.btn-wrapper.active .app-colour-2360 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2360 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2360 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2360 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2360 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2360:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2360:hover {
  color: #FFB300;
}

.app-2361 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2361"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2361,*/
.btn-wrapper.active-parent .app-colour-2361,
.btn-wrapper.active .app-colour-2361 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2361 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2361 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2361 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2361 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2361:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2361:hover {
  color: #FFB300;
}

.app-2362 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2362"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2362,*/
.btn-wrapper.active-parent .app-colour-2362,
.btn-wrapper.active .app-colour-2362 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2362 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2362 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2362 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2362 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2362:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2362:hover {
  color: #FFB300;
}

.app-2363 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2363"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2363,*/
.btn-wrapper.active-parent .app-colour-2363,
.btn-wrapper.active .app-colour-2363 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2363 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2363 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2363 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2363 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2363:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2363:hover {
  color: #FFB300;
}

.app-2364 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2364"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2364,*/
.btn-wrapper.active-parent .app-colour-2364,
.btn-wrapper.active .app-colour-2364 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2364 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2364 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2364 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2364 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2364:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2364:hover {
  color: #FFB300;
}

.app-2365 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2365"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2365,*/
.btn-wrapper.active-parent .app-colour-2365,
.btn-wrapper.active .app-colour-2365 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2365 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2365 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2365 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2365 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2365:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2365:hover {
  color: #FFB300;
}

.app-2366 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2366"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2366,*/
.btn-wrapper.active-parent .app-colour-2366,
.btn-wrapper.active .app-colour-2366 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2366 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2366 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2366 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2366 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2366:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2366:hover {
  color: #FFB300;
}

.app-2367 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2367"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2367,*/
.btn-wrapper.active-parent .app-colour-2367,
.btn-wrapper.active .app-colour-2367 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2367 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2367 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2367 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2367 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2367:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2367:hover {
  color: #FFB300;
}

.app-2368 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2368"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2368,*/
.btn-wrapper.active-parent .app-colour-2368,
.btn-wrapper.active .app-colour-2368 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2368 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2368 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2368 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2368 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2368:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2368:hover {
  color: #FFB300;
}

.app-2369 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2369"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2369,*/
.btn-wrapper.active-parent .app-colour-2369,
.btn-wrapper.active .app-colour-2369 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2369 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2369 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2369 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2369 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2369:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2369:hover {
  color: #FFB300;
}

.app-2370 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2370"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2370,*/
.btn-wrapper.active-parent .app-colour-2370,
.btn-wrapper.active .app-colour-2370 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2370 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2370 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2370 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2370 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2370:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2370:hover {
  color: #FFB300;
}

.app-2371 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2371"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2371,*/
.btn-wrapper.active-parent .app-colour-2371,
.btn-wrapper.active .app-colour-2371 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2371 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2371 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2371 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2371 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2371:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2371:hover {
  color: #FFB300;
}

.app-2372 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2372"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2372,*/
.btn-wrapper.active-parent .app-colour-2372,
.btn-wrapper.active .app-colour-2372 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2372 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2372 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2372 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2372 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2372:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2372:hover {
  color: #FFB300;
}

.app-2373 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2373"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2373,*/
.btn-wrapper.active-parent .app-colour-2373,
.btn-wrapper.active .app-colour-2373 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2373 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2373 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2373 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2373 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2373:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2373:hover {
  color: #FFB300;
}

.app-2374 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2374"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2374,*/
.btn-wrapper.active-parent .app-colour-2374,
.btn-wrapper.active .app-colour-2374 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2374 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2374 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2374 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2374 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2374:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2374:hover {
  color: #FFB300;
}

.app-2375 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2375"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2375,*/
.btn-wrapper.active-parent .app-colour-2375,
.btn-wrapper.active .app-colour-2375 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2375 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2375 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2375 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2375 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2375:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2375:hover {
  color: #FFB300;
}

.app-2376 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2376"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2376,*/
.btn-wrapper.active-parent .app-colour-2376,
.btn-wrapper.active .app-colour-2376 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2376 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2376 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2376 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2376 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2376:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2376:hover {
  color: #FFB300;
}

.app-2377 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2377"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2377,*/
.btn-wrapper.active-parent .app-colour-2377,
.btn-wrapper.active .app-colour-2377 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2377 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2377 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2377 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2377 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2377:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2377:hover {
  color: #FFB300;
}

.app-2378 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2378"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2378,*/
.btn-wrapper.active-parent .app-colour-2378,
.btn-wrapper.active .app-colour-2378 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2378 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2378 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2378 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2378 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2378:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2378:hover {
  color: #FFB300;
}

.app-2379 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2379"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2379,*/
.btn-wrapper.active-parent .app-colour-2379,
.btn-wrapper.active .app-colour-2379 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2379 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2379 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2379 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2379 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2379:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2379:hover {
  color: #FFB300;
}

.app-2380 {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

[data-app="2380"] {
  --app-colour: #FFCA28;
  --app-colour-alt: #FFB300;
}

/*.appButton:active.app-icon .app-colour-2380,*/
.btn-wrapper.active-parent .app-colour-2380,
.btn-wrapper.active .app-colour-2380 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-2380 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-2380 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-2380 {
  color: #FFCA28;
}

.seg-text-secondary-colour-2380 {
  color: #FFB300;
}

.seg-hover-text-primary-colour-2380:hover {
  color: #FFCA28;
}

.seg-hover-text-secondary-colour-2380:hover {
  color: #FFB300;
}

.app-6000 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6000"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6000,*/
.btn-wrapper.active-parent .app-colour-6000,
.btn-wrapper.active .app-colour-6000 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6000 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6000 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6000 {
  color: #CC0000;
}

.seg-text-secondary-colour-6000 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6000:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6000:hover {
  color: #A30202;
}

.app-6001 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6001"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6001,*/
.btn-wrapper.active-parent .app-colour-6001,
.btn-wrapper.active .app-colour-6001 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6001 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6001 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6001 {
  color: #CC0000;
}

.seg-text-secondary-colour-6001 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6001:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6001:hover {
  color: #A30202;
}

.app-6002 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6002"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6002,*/
.btn-wrapper.active-parent .app-colour-6002,
.btn-wrapper.active .app-colour-6002 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6002 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6002 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6002 {
  color: #CC0000;
}

.seg-text-secondary-colour-6002 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6002:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6002:hover {
  color: #A30202;
}

.app-6003 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6003"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6003,*/
.btn-wrapper.active-parent .app-colour-6003,
.btn-wrapper.active .app-colour-6003 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6003 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6003 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6003 {
  color: #CC0000;
}

.seg-text-secondary-colour-6003 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6003:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6003:hover {
  color: #A30202;
}

.app-6004 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6004"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6004,*/
.btn-wrapper.active-parent .app-colour-6004,
.btn-wrapper.active .app-colour-6004 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6004 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6004 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6004 {
  color: #CC0000;
}

.seg-text-secondary-colour-6004 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6004:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6004:hover {
  color: #A30202;
}

.app-6005 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6005"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6005,*/
.btn-wrapper.active-parent .app-colour-6005,
.btn-wrapper.active .app-colour-6005 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6005 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6005 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6005 {
  color: #CC0000;
}

.seg-text-secondary-colour-6005 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6005:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6005:hover {
  color: #A30202;
}

.app-6006 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6006"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6006,*/
.btn-wrapper.active-parent .app-colour-6006,
.btn-wrapper.active .app-colour-6006 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6006 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6006 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6006 {
  color: #CC0000;
}

.seg-text-secondary-colour-6006 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6006:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6006:hover {
  color: #A30202;
}

.app-6007 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6007"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6007,*/
.btn-wrapper.active-parent .app-colour-6007,
.btn-wrapper.active .app-colour-6007 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6007 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6007 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6007 {
  color: #CC0000;
}

.seg-text-secondary-colour-6007 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6007:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6007:hover {
  color: #A30202;
}

.app-6008 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6008"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6008,*/
.btn-wrapper.active-parent .app-colour-6008,
.btn-wrapper.active .app-colour-6008 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6008 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6008 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6008 {
  color: #CC0000;
}

.seg-text-secondary-colour-6008 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6008:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6008:hover {
  color: #A30202;
}

.app-6009 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6009"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6009,*/
.btn-wrapper.active-parent .app-colour-6009,
.btn-wrapper.active .app-colour-6009 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6009 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6009 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6009 {
  color: #CC0000;
}

.seg-text-secondary-colour-6009 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6009:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6009:hover {
  color: #A30202;
}

.app-6010 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6010"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6010,*/
.btn-wrapper.active-parent .app-colour-6010,
.btn-wrapper.active .app-colour-6010 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6010 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6010 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6010 {
  color: #CC0000;
}

.seg-text-secondary-colour-6010 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6010:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6010:hover {
  color: #A30202;
}

.app-6011 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6011"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6011,*/
.btn-wrapper.active-parent .app-colour-6011,
.btn-wrapper.active .app-colour-6011 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6011 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6011 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6011 {
  color: #CC0000;
}

.seg-text-secondary-colour-6011 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6011:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6011:hover {
  color: #A30202;
}

.app-6012 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6012"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6012,*/
.btn-wrapper.active-parent .app-colour-6012,
.btn-wrapper.active .app-colour-6012 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6012 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6012 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6012 {
  color: #CC0000;
}

.seg-text-secondary-colour-6012 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6012:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6012:hover {
  color: #A30202;
}

.app-6013 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6013"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6013,*/
.btn-wrapper.active-parent .app-colour-6013,
.btn-wrapper.active .app-colour-6013 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6013 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6013 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6013 {
  color: #CC0000;
}

.seg-text-secondary-colour-6013 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6013:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6013:hover {
  color: #A30202;
}

.app-6014 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6014"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6014,*/
.btn-wrapper.active-parent .app-colour-6014,
.btn-wrapper.active .app-colour-6014 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6014 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6014 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6014 {
  color: #CC0000;
}

.seg-text-secondary-colour-6014 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6014:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6014:hover {
  color: #A30202;
}

.app-6015 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6015"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6015,*/
.btn-wrapper.active-parent .app-colour-6015,
.btn-wrapper.active .app-colour-6015 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6015 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6015 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6015 {
  color: #CC0000;
}

.seg-text-secondary-colour-6015 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6015:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6015:hover {
  color: #A30202;
}

.app-6016 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6016"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6016,*/
.btn-wrapper.active-parent .app-colour-6016,
.btn-wrapper.active .app-colour-6016 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6016 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6016 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6016 {
  color: #CC0000;
}

.seg-text-secondary-colour-6016 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6016:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6016:hover {
  color: #A30202;
}

.app-6017 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6017"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6017,*/
.btn-wrapper.active-parent .app-colour-6017,
.btn-wrapper.active .app-colour-6017 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6017 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6017 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6017 {
  color: #CC0000;
}

.seg-text-secondary-colour-6017 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6017:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6017:hover {
  color: #A30202;
}

.app-6018 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6018"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6018,*/
.btn-wrapper.active-parent .app-colour-6018,
.btn-wrapper.active .app-colour-6018 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6018 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6018 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6018 {
  color: #CC0000;
}

.seg-text-secondary-colour-6018 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6018:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6018:hover {
  color: #A30202;
}

.app-6019 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6019"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6019,*/
.btn-wrapper.active-parent .app-colour-6019,
.btn-wrapper.active .app-colour-6019 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6019 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6019 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6019 {
  color: #CC0000;
}

.seg-text-secondary-colour-6019 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6019:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6019:hover {
  color: #A30202;
}

.app-6020 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6020"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6020,*/
.btn-wrapper.active-parent .app-colour-6020,
.btn-wrapper.active .app-colour-6020 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6020 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6020 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6020 {
  color: #CC0000;
}

.seg-text-secondary-colour-6020 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6020:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6020:hover {
  color: #A30202;
}

.app-6021 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6021"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6021,*/
.btn-wrapper.active-parent .app-colour-6021,
.btn-wrapper.active .app-colour-6021 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6021 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6021 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6021 {
  color: #CC0000;
}

.seg-text-secondary-colour-6021 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6021:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6021:hover {
  color: #A30202;
}

.app-6022 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6022"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6022,*/
.btn-wrapper.active-parent .app-colour-6022,
.btn-wrapper.active .app-colour-6022 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6022 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6022 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6022 {
  color: #CC0000;
}

.seg-text-secondary-colour-6022 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6022:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6022:hover {
  color: #A30202;
}

.app-6023 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6023"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6023,*/
.btn-wrapper.active-parent .app-colour-6023,
.btn-wrapper.active .app-colour-6023 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6023 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6023 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6023 {
  color: #CC0000;
}

.seg-text-secondary-colour-6023 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6023:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6023:hover {
  color: #A30202;
}

.app-6024 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6024"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6024,*/
.btn-wrapper.active-parent .app-colour-6024,
.btn-wrapper.active .app-colour-6024 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6024 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6024 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6024 {
  color: #CC0000;
}

.seg-text-secondary-colour-6024 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6024:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6024:hover {
  color: #A30202;
}

.app-6025 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6025"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6025,*/
.btn-wrapper.active-parent .app-colour-6025,
.btn-wrapper.active .app-colour-6025 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6025 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6025 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6025 {
  color: #CC0000;
}

.seg-text-secondary-colour-6025 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6025:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6025:hover {
  color: #A30202;
}

.app-6026 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6026"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6026,*/
.btn-wrapper.active-parent .app-colour-6026,
.btn-wrapper.active .app-colour-6026 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6026 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6026 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6026 {
  color: #CC0000;
}

.seg-text-secondary-colour-6026 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6026:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6026:hover {
  color: #A30202;
}

.app-6027 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6027"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6027,*/
.btn-wrapper.active-parent .app-colour-6027,
.btn-wrapper.active .app-colour-6027 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6027 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6027 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6027 {
  color: #CC0000;
}

.seg-text-secondary-colour-6027 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6027:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6027:hover {
  color: #A30202;
}

.app-6028 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6028"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6028,*/
.btn-wrapper.active-parent .app-colour-6028,
.btn-wrapper.active .app-colour-6028 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6028 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6028 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6028 {
  color: #CC0000;
}

.seg-text-secondary-colour-6028 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6028:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6028:hover {
  color: #A30202;
}

.app-6029 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6029"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6029,*/
.btn-wrapper.active-parent .app-colour-6029,
.btn-wrapper.active .app-colour-6029 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6029 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6029 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6029 {
  color: #CC0000;
}

.seg-text-secondary-colour-6029 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6029:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6029:hover {
  color: #A30202;
}

.app-6030 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6030"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6030,*/
.btn-wrapper.active-parent .app-colour-6030,
.btn-wrapper.active .app-colour-6030 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6030 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6030 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6030 {
  color: #CC0000;
}

.seg-text-secondary-colour-6030 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6030:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6030:hover {
  color: #A30202;
}

.app-6031 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6031"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6031,*/
.btn-wrapper.active-parent .app-colour-6031,
.btn-wrapper.active .app-colour-6031 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6031 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6031 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6031 {
  color: #CC0000;
}

.seg-text-secondary-colour-6031 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6031:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6031:hover {
  color: #A30202;
}

.app-6032 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6032"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6032,*/
.btn-wrapper.active-parent .app-colour-6032,
.btn-wrapper.active .app-colour-6032 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6032 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6032 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6032 {
  color: #CC0000;
}

.seg-text-secondary-colour-6032 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6032:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6032:hover {
  color: #A30202;
}

.app-6033 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6033"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6033,*/
.btn-wrapper.active-parent .app-colour-6033,
.btn-wrapper.active .app-colour-6033 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6033 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6033 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6033 {
  color: #CC0000;
}

.seg-text-secondary-colour-6033 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6033:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6033:hover {
  color: #A30202;
}

.app-6034 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6034"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6034,*/
.btn-wrapper.active-parent .app-colour-6034,
.btn-wrapper.active .app-colour-6034 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6034 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6034 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6034 {
  color: #CC0000;
}

.seg-text-secondary-colour-6034 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6034:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6034:hover {
  color: #A30202;
}

.app-6035 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6035"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6035,*/
.btn-wrapper.active-parent .app-colour-6035,
.btn-wrapper.active .app-colour-6035 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6035 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6035 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6035 {
  color: #CC0000;
}

.seg-text-secondary-colour-6035 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6035:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6035:hover {
  color: #A30202;
}

.app-6036 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6036"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6036,*/
.btn-wrapper.active-parent .app-colour-6036,
.btn-wrapper.active .app-colour-6036 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6036 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6036 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6036 {
  color: #CC0000;
}

.seg-text-secondary-colour-6036 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6036:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6036:hover {
  color: #A30202;
}

.app-6037 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6037"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6037,*/
.btn-wrapper.active-parent .app-colour-6037,
.btn-wrapper.active .app-colour-6037 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6037 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6037 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6037 {
  color: #CC0000;
}

.seg-text-secondary-colour-6037 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6037:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6037:hover {
  color: #A30202;
}

.app-6038 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6038"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6038,*/
.btn-wrapper.active-parent .app-colour-6038,
.btn-wrapper.active .app-colour-6038 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6038 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6038 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6038 {
  color: #CC0000;
}

.seg-text-secondary-colour-6038 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6038:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6038:hover {
  color: #A30202;
}

.app-6039 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6039"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6039,*/
.btn-wrapper.active-parent .app-colour-6039,
.btn-wrapper.active .app-colour-6039 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6039 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6039 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6039 {
  color: #CC0000;
}

.seg-text-secondary-colour-6039 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6039:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6039:hover {
  color: #A30202;
}

.app-6040 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6040"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6040,*/
.btn-wrapper.active-parent .app-colour-6040,
.btn-wrapper.active .app-colour-6040 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6040 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6040 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6040 {
  color: #CC0000;
}

.seg-text-secondary-colour-6040 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6040:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6040:hover {
  color: #A30202;
}

.app-6041 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6041"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6041,*/
.btn-wrapper.active-parent .app-colour-6041,
.btn-wrapper.active .app-colour-6041 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6041 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6041 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6041 {
  color: #CC0000;
}

.seg-text-secondary-colour-6041 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6041:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6041:hover {
  color: #A30202;
}

.app-6042 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6042"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6042,*/
.btn-wrapper.active-parent .app-colour-6042,
.btn-wrapper.active .app-colour-6042 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6042 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6042 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6042 {
  color: #CC0000;
}

.seg-text-secondary-colour-6042 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6042:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6042:hover {
  color: #A30202;
}

.app-6043 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6043"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6043,*/
.btn-wrapper.active-parent .app-colour-6043,
.btn-wrapper.active .app-colour-6043 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6043 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6043 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6043 {
  color: #CC0000;
}

.seg-text-secondary-colour-6043 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6043:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6043:hover {
  color: #A30202;
}

.app-6044 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6044"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6044,*/
.btn-wrapper.active-parent .app-colour-6044,
.btn-wrapper.active .app-colour-6044 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6044 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6044 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6044 {
  color: #CC0000;
}

.seg-text-secondary-colour-6044 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6044:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6044:hover {
  color: #A30202;
}

.app-6045 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6045"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6045,*/
.btn-wrapper.active-parent .app-colour-6045,
.btn-wrapper.active .app-colour-6045 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6045 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6045 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6045 {
  color: #CC0000;
}

.seg-text-secondary-colour-6045 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6045:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6045:hover {
  color: #A30202;
}

.app-6046 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6046"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6046,*/
.btn-wrapper.active-parent .app-colour-6046,
.btn-wrapper.active .app-colour-6046 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6046 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6046 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6046 {
  color: #CC0000;
}

.seg-text-secondary-colour-6046 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6046:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6046:hover {
  color: #A30202;
}

.app-6047 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6047"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6047,*/
.btn-wrapper.active-parent .app-colour-6047,
.btn-wrapper.active .app-colour-6047 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6047 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6047 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6047 {
  color: #CC0000;
}

.seg-text-secondary-colour-6047 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6047:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6047:hover {
  color: #A30202;
}

.app-6048 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6048"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6048,*/
.btn-wrapper.active-parent .app-colour-6048,
.btn-wrapper.active .app-colour-6048 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6048 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6048 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6048 {
  color: #CC0000;
}

.seg-text-secondary-colour-6048 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6048:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6048:hover {
  color: #A30202;
}

.app-6049 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6049"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6049,*/
.btn-wrapper.active-parent .app-colour-6049,
.btn-wrapper.active .app-colour-6049 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6049 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6049 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6049 {
  color: #CC0000;
}

.seg-text-secondary-colour-6049 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6049:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6049:hover {
  color: #A30202;
}

.app-6050 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6050"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6050,*/
.btn-wrapper.active-parent .app-colour-6050,
.btn-wrapper.active .app-colour-6050 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6050 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6050 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6050 {
  color: #CC0000;
}

.seg-text-secondary-colour-6050 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6050:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6050:hover {
  color: #A30202;
}

.app-6051 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6051"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6051,*/
.btn-wrapper.active-parent .app-colour-6051,
.btn-wrapper.active .app-colour-6051 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6051 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6051 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6051 {
  color: #CC0000;
}

.seg-text-secondary-colour-6051 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6051:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6051:hover {
  color: #A30202;
}

.app-6052 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6052"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6052,*/
.btn-wrapper.active-parent .app-colour-6052,
.btn-wrapper.active .app-colour-6052 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6052 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6052 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6052 {
  color: #CC0000;
}

.seg-text-secondary-colour-6052 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6052:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6052:hover {
  color: #A30202;
}

.app-6053 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6053"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6053,*/
.btn-wrapper.active-parent .app-colour-6053,
.btn-wrapper.active .app-colour-6053 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6053 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6053 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6053 {
  color: #CC0000;
}

.seg-text-secondary-colour-6053 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6053:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6053:hover {
  color: #A30202;
}

.app-6054 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6054"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6054,*/
.btn-wrapper.active-parent .app-colour-6054,
.btn-wrapper.active .app-colour-6054 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6054 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6054 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6054 {
  color: #CC0000;
}

.seg-text-secondary-colour-6054 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6054:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6054:hover {
  color: #A30202;
}

.app-6055 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6055"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6055,*/
.btn-wrapper.active-parent .app-colour-6055,
.btn-wrapper.active .app-colour-6055 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6055 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6055 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6055 {
  color: #CC0000;
}

.seg-text-secondary-colour-6055 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6055:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6055:hover {
  color: #A30202;
}

.app-6056 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6056"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6056,*/
.btn-wrapper.active-parent .app-colour-6056,
.btn-wrapper.active .app-colour-6056 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6056 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6056 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6056 {
  color: #CC0000;
}

.seg-text-secondary-colour-6056 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6056:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6056:hover {
  color: #A30202;
}

.app-6057 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6057"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6057,*/
.btn-wrapper.active-parent .app-colour-6057,
.btn-wrapper.active .app-colour-6057 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6057 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6057 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6057 {
  color: #CC0000;
}

.seg-text-secondary-colour-6057 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6057:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6057:hover {
  color: #A30202;
}

.app-6058 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6058"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6058,*/
.btn-wrapper.active-parent .app-colour-6058,
.btn-wrapper.active .app-colour-6058 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6058 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6058 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6058 {
  color: #CC0000;
}

.seg-text-secondary-colour-6058 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6058:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6058:hover {
  color: #A30202;
}

.app-6059 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6059"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6059,*/
.btn-wrapper.active-parent .app-colour-6059,
.btn-wrapper.active .app-colour-6059 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6059 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6059 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6059 {
  color: #CC0000;
}

.seg-text-secondary-colour-6059 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6059:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6059:hover {
  color: #A30202;
}

.app-6060 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6060"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6060,*/
.btn-wrapper.active-parent .app-colour-6060,
.btn-wrapper.active .app-colour-6060 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6060 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6060 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6060 {
  color: #CC0000;
}

.seg-text-secondary-colour-6060 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6060:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6060:hover {
  color: #A30202;
}

.app-6061 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6061"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6061,*/
.btn-wrapper.active-parent .app-colour-6061,
.btn-wrapper.active .app-colour-6061 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6061 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6061 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6061 {
  color: #CC0000;
}

.seg-text-secondary-colour-6061 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6061:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6061:hover {
  color: #A30202;
}

.app-6062 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6062"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6062,*/
.btn-wrapper.active-parent .app-colour-6062,
.btn-wrapper.active .app-colour-6062 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6062 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6062 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6062 {
  color: #CC0000;
}

.seg-text-secondary-colour-6062 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6062:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6062:hover {
  color: #A30202;
}

.app-6063 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6063"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6063,*/
.btn-wrapper.active-parent .app-colour-6063,
.btn-wrapper.active .app-colour-6063 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6063 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6063 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6063 {
  color: #CC0000;
}

.seg-text-secondary-colour-6063 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6063:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6063:hover {
  color: #A30202;
}

.app-6064 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6064"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6064,*/
.btn-wrapper.active-parent .app-colour-6064,
.btn-wrapper.active .app-colour-6064 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6064 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6064 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6064 {
  color: #CC0000;
}

.seg-text-secondary-colour-6064 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6064:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6064:hover {
  color: #A30202;
}

.app-6065 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6065"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6065,*/
.btn-wrapper.active-parent .app-colour-6065,
.btn-wrapper.active .app-colour-6065 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6065 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6065 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6065 {
  color: #CC0000;
}

.seg-text-secondary-colour-6065 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6065:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6065:hover {
  color: #A30202;
}

.app-6066 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6066"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6066,*/
.btn-wrapper.active-parent .app-colour-6066,
.btn-wrapper.active .app-colour-6066 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6066 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6066 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6066 {
  color: #CC0000;
}

.seg-text-secondary-colour-6066 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6066:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6066:hover {
  color: #A30202;
}

.app-6067 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6067"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6067,*/
.btn-wrapper.active-parent .app-colour-6067,
.btn-wrapper.active .app-colour-6067 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6067 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6067 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6067 {
  color: #CC0000;
}

.seg-text-secondary-colour-6067 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6067:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6067:hover {
  color: #A30202;
}

.app-6068 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6068"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6068,*/
.btn-wrapper.active-parent .app-colour-6068,
.btn-wrapper.active .app-colour-6068 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6068 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6068 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6068 {
  color: #CC0000;
}

.seg-text-secondary-colour-6068 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6068:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6068:hover {
  color: #A30202;
}

.app-6069 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6069"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6069,*/
.btn-wrapper.active-parent .app-colour-6069,
.btn-wrapper.active .app-colour-6069 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6069 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6069 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6069 {
  color: #CC0000;
}

.seg-text-secondary-colour-6069 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6069:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6069:hover {
  color: #A30202;
}

.app-6070 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6070"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6070,*/
.btn-wrapper.active-parent .app-colour-6070,
.btn-wrapper.active .app-colour-6070 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6070 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6070 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6070 {
  color: #CC0000;
}

.seg-text-secondary-colour-6070 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6070:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6070:hover {
  color: #A30202;
}

.app-6071 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6071"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6071,*/
.btn-wrapper.active-parent .app-colour-6071,
.btn-wrapper.active .app-colour-6071 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6071 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6071 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6071 {
  color: #CC0000;
}

.seg-text-secondary-colour-6071 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6071:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6071:hover {
  color: #A30202;
}

.app-6072 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6072"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6072,*/
.btn-wrapper.active-parent .app-colour-6072,
.btn-wrapper.active .app-colour-6072 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6072 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6072 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6072 {
  color: #CC0000;
}

.seg-text-secondary-colour-6072 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6072:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6072:hover {
  color: #A30202;
}

.app-6073 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6073"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6073,*/
.btn-wrapper.active-parent .app-colour-6073,
.btn-wrapper.active .app-colour-6073 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6073 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6073 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6073 {
  color: #CC0000;
}

.seg-text-secondary-colour-6073 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6073:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6073:hover {
  color: #A30202;
}

.app-6074 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6074"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6074,*/
.btn-wrapper.active-parent .app-colour-6074,
.btn-wrapper.active .app-colour-6074 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6074 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6074 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6074 {
  color: #CC0000;
}

.seg-text-secondary-colour-6074 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6074:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6074:hover {
  color: #A30202;
}

.app-6075 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6075"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6075,*/
.btn-wrapper.active-parent .app-colour-6075,
.btn-wrapper.active .app-colour-6075 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6075 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6075 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6075 {
  color: #CC0000;
}

.seg-text-secondary-colour-6075 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6075:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6075:hover {
  color: #A30202;
}

.app-6076 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6076"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6076,*/
.btn-wrapper.active-parent .app-colour-6076,
.btn-wrapper.active .app-colour-6076 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6076 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6076 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6076 {
  color: #CC0000;
}

.seg-text-secondary-colour-6076 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6076:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6076:hover {
  color: #A30202;
}

.app-6077 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6077"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6077,*/
.btn-wrapper.active-parent .app-colour-6077,
.btn-wrapper.active .app-colour-6077 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6077 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6077 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6077 {
  color: #CC0000;
}

.seg-text-secondary-colour-6077 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6077:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6077:hover {
  color: #A30202;
}

.app-6078 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6078"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6078,*/
.btn-wrapper.active-parent .app-colour-6078,
.btn-wrapper.active .app-colour-6078 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6078 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6078 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6078 {
  color: #CC0000;
}

.seg-text-secondary-colour-6078 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6078:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6078:hover {
  color: #A30202;
}

.app-6079 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6079"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6079,*/
.btn-wrapper.active-parent .app-colour-6079,
.btn-wrapper.active .app-colour-6079 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6079 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6079 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6079 {
  color: #CC0000;
}

.seg-text-secondary-colour-6079 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6079:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6079:hover {
  color: #A30202;
}

.app-6080 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6080"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6080,*/
.btn-wrapper.active-parent .app-colour-6080,
.btn-wrapper.active .app-colour-6080 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6080 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6080 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6080 {
  color: #CC0000;
}

.seg-text-secondary-colour-6080 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6080:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6080:hover {
  color: #A30202;
}

.app-6081 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6081"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6081,*/
.btn-wrapper.active-parent .app-colour-6081,
.btn-wrapper.active .app-colour-6081 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6081 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6081 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6081 {
  color: #CC0000;
}

.seg-text-secondary-colour-6081 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6081:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6081:hover {
  color: #A30202;
}

.app-6082 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6082"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6082,*/
.btn-wrapper.active-parent .app-colour-6082,
.btn-wrapper.active .app-colour-6082 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6082 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6082 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6082 {
  color: #CC0000;
}

.seg-text-secondary-colour-6082 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6082:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6082:hover {
  color: #A30202;
}

.app-6083 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6083"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6083,*/
.btn-wrapper.active-parent .app-colour-6083,
.btn-wrapper.active .app-colour-6083 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6083 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6083 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6083 {
  color: #CC0000;
}

.seg-text-secondary-colour-6083 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6083:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6083:hover {
  color: #A30202;
}

.app-6084 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6084"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6084,*/
.btn-wrapper.active-parent .app-colour-6084,
.btn-wrapper.active .app-colour-6084 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6084 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6084 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6084 {
  color: #CC0000;
}

.seg-text-secondary-colour-6084 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6084:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6084:hover {
  color: #A30202;
}

.app-6085 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6085"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6085,*/
.btn-wrapper.active-parent .app-colour-6085,
.btn-wrapper.active .app-colour-6085 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6085 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6085 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6085 {
  color: #CC0000;
}

.seg-text-secondary-colour-6085 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6085:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6085:hover {
  color: #A30202;
}

.app-6086 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6086"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6086,*/
.btn-wrapper.active-parent .app-colour-6086,
.btn-wrapper.active .app-colour-6086 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6086 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6086 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6086 {
  color: #CC0000;
}

.seg-text-secondary-colour-6086 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6086:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6086:hover {
  color: #A30202;
}

.app-6087 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6087"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6087,*/
.btn-wrapper.active-parent .app-colour-6087,
.btn-wrapper.active .app-colour-6087 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6087 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6087 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6087 {
  color: #CC0000;
}

.seg-text-secondary-colour-6087 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6087:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6087:hover {
  color: #A30202;
}

.app-6088 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6088"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6088,*/
.btn-wrapper.active-parent .app-colour-6088,
.btn-wrapper.active .app-colour-6088 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6088 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6088 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6088 {
  color: #CC0000;
}

.seg-text-secondary-colour-6088 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6088:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6088:hover {
  color: #A30202;
}

.app-6089 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6089"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6089,*/
.btn-wrapper.active-parent .app-colour-6089,
.btn-wrapper.active .app-colour-6089 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6089 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6089 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6089 {
  color: #CC0000;
}

.seg-text-secondary-colour-6089 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6089:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6089:hover {
  color: #A30202;
}

.app-6090 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6090"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6090,*/
.btn-wrapper.active-parent .app-colour-6090,
.btn-wrapper.active .app-colour-6090 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6090 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6090 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6090 {
  color: #CC0000;
}

.seg-text-secondary-colour-6090 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6090:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6090:hover {
  color: #A30202;
}

.app-6091 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6091"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6091,*/
.btn-wrapper.active-parent .app-colour-6091,
.btn-wrapper.active .app-colour-6091 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6091 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6091 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6091 {
  color: #CC0000;
}

.seg-text-secondary-colour-6091 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6091:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6091:hover {
  color: #A30202;
}

.app-6092 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6092"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6092,*/
.btn-wrapper.active-parent .app-colour-6092,
.btn-wrapper.active .app-colour-6092 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6092 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6092 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6092 {
  color: #CC0000;
}

.seg-text-secondary-colour-6092 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6092:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6092:hover {
  color: #A30202;
}

.app-6093 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6093"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6093,*/
.btn-wrapper.active-parent .app-colour-6093,
.btn-wrapper.active .app-colour-6093 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6093 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6093 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6093 {
  color: #CC0000;
}

.seg-text-secondary-colour-6093 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6093:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6093:hover {
  color: #A30202;
}

.app-6094 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6094"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6094,*/
.btn-wrapper.active-parent .app-colour-6094,
.btn-wrapper.active .app-colour-6094 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6094 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6094 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6094 {
  color: #CC0000;
}

.seg-text-secondary-colour-6094 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6094:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6094:hover {
  color: #A30202;
}

.app-6095 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6095"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6095,*/
.btn-wrapper.active-parent .app-colour-6095,
.btn-wrapper.active .app-colour-6095 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6095 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6095 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6095 {
  color: #CC0000;
}

.seg-text-secondary-colour-6095 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6095:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6095:hover {
  color: #A30202;
}

.app-6096 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6096"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6096,*/
.btn-wrapper.active-parent .app-colour-6096,
.btn-wrapper.active .app-colour-6096 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6096 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6096 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6096 {
  color: #CC0000;
}

.seg-text-secondary-colour-6096 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6096:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6096:hover {
  color: #A30202;
}

.app-6097 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6097"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6097,*/
.btn-wrapper.active-parent .app-colour-6097,
.btn-wrapper.active .app-colour-6097 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6097 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6097 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6097 {
  color: #CC0000;
}

.seg-text-secondary-colour-6097 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6097:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6097:hover {
  color: #A30202;
}

.app-6098 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6098"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6098,*/
.btn-wrapper.active-parent .app-colour-6098,
.btn-wrapper.active .app-colour-6098 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6098 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6098 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6098 {
  color: #CC0000;
}

.seg-text-secondary-colour-6098 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6098:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6098:hover {
  color: #A30202;
}

.app-6099 {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

[data-app="6099"] {
  --app-colour: #CC0000;
  --app-colour-alt: #A30202;
}

/*.appButton:active.app-icon .app-colour-6099,*/
.btn-wrapper.active-parent .app-colour-6099,
.btn-wrapper.active .app-colour-6099 {
  background-color: var(--app-colour);
  border-color: var(--app-colour);
}

.btn-wrapper .app-colour-6099 + [anim=rippleContainer] {
  --ripple-background: (nth($a, 2));
}
.btn-wrapper .app-colour-6099 + [anim=rippleContainer]::before {
  /*background-color: (nth($a, 2));*/
  background-color: var(--app-colour);
}

.btn-wrapper.active-parent.parent-app-toggle .dots,
.btn-wrapper.active.parent-app-toggle .dots {
  background-color: var(--app-colour);
}

.seg-text-primary-colour-6099 {
  color: #CC0000;
}

.seg-text-secondary-colour-6099 {
  color: #A30202;
}

.seg-hover-text-primary-colour-6099:hover {
  color: #CC0000;
}

.seg-hover-text-secondary-colour-6099:hover {
  color: #A30202;
}

.btn-wrapper [class*=app-colour-] + [anim=rippleContainer] {
  --ripple-opacity: 1;
  border-radius: inherit;
}
.btn-wrapper [class*=app-colour-] + [anim=rippleContainer]::before {
  /*opacity: calc(var(--o, 1) * var(--ripple-opacity, 1));*/
}

.marketing-links {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 50%;
  gap: 12px;
  height: 100%;
  color: #fff;
}
.marketing-links .career-path-container,
.marketing-links .courses-container {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: 7px;
  flex-basis: 50%;
  gap: 12px;
  background-position: center;
  background-size: cover;
}
@media all and (max-width: 1024px) {
  .marketing-links .career-path-container,
.marketing-links .courses-container {
    justify-content: space-between;
  }
}
.marketing-links .career-path-container::before,
.marketing-links .courses-container::before {
  --gradient-fill: rgba(66, 123, 199, 0.6);
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, var(--gradient-fill) 40%, rgba(38, 50, 78, 0) 100%);
}
.marketing-links .career-path-container > div,
.marketing-links .courses-container > div {
  z-index: 1;
}
.marketing-links .career-path-container > div:first-of-type,
.marketing-links .courses-container > div:first-of-type {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.marketing-links .career-path-container > div:last-of-type,
.marketing-links .courses-container > div:last-of-type {
  display: flex;
}
.marketing-links .career-path-container > div .visit-store,
.marketing-links .career-path-container > div .visit-courses,
.marketing-links .courses-container > div .visit-store,
.marketing-links .courses-container > div .visit-courses {
  display: inline-block;
  height: fit-content;
  min-width: 100px;
  min-height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  background-color: #fff;
}
@media all and (max-width: 1570px) {
  .marketing-links .career-path-container > div .visit-store,
.marketing-links .career-path-container > div .visit-courses,
.marketing-links .courses-container > div .visit-store,
.marketing-links .courses-container > div .visit-courses {
    min-width: 80px;
    font-size: 10px;
  }
}
@media all and (max-width: 1305px) {
  .marketing-links .career-path-container > div .visit-store,
.marketing-links .career-path-container > div .visit-courses,
.marketing-links .courses-container > div .visit-store,
.marketing-links .courses-container > div .visit-courses {
    min-width: 65px;
  }
}
@media all and (max-width: 1024px) {
  .marketing-links .career-path-container > div .visit-store,
.marketing-links .career-path-container > div .visit-courses,
.marketing-links .courses-container > div .visit-store,
.marketing-links .courses-container > div .visit-courses {
    min-width: 100px;
    font-size: 13px;
  }
}
.marketing-links .career-path-container > div .visit-store,
.marketing-links .courses-container > div .visit-store {
  color: #315496;
}
.marketing-links .career-path-container > div .visit-courses,
.marketing-links .courses-container > div .visit-courses {
  color: #676767;
}
.marketing-links .career-path-container h3,
.marketing-links .career-path-container p,
.marketing-links .courses-container h3,
.marketing-links .courses-container p {
  margin-bottom: 0;
}
.marketing-links .career-path-container h3,
.marketing-links .courses-container h3 {
  font-size: 20px;
  font-weight: 700;
}
@media all and (max-width: 1735px) {
  .marketing-links .career-path-container h3,
.marketing-links .courses-container h3 {
    font-size: 18px;
  }
}
@media all and (max-width: 1485px) {
  .marketing-links .career-path-container h3,
.marketing-links .courses-container h3 {
    font-size: 16px;
  }
}
@media all and (max-width: 1240px) {
  .marketing-links .career-path-container h3,
.marketing-links .courses-container h3 {
    font-size: 14px;
  }
}
@media all and (max-width: 1024px) {
  .marketing-links .career-path-container h3,
.marketing-links .courses-container h3 {
    font-size: 20px;
  }
}
.marketing-links .career-path-container p,
.marketing-links .courses-container p {
  font-size: 16px;
  font-weight: 600;
}
@media all and (max-width: 1405px) {
  .marketing-links .career-path-container p,
.marketing-links .courses-container p {
    font-size: 14px;
  }
}
@media all and (max-width: 1024px) {
  .marketing-links .career-path-container p,
.marketing-links .courses-container p {
    font-size: 16px;
  }
}
.marketing-links .career-path-container {
  background-image: url("../../../images/training/marketing/career-path.jpg");
}
.marketing-links .courses-container {
  background-image: url("../../../images/training/marketing/careers.jpg");
}

.seg-radio-group {
  background-color: #fff;
  display: inline-block;
  margin: 15px 0 15px 0;
  width: calc(100% - 2px);
  position: relative;
  border: 1px solid #43B2E3;
  border-radius: 5px;
  padding: 15px;
}
.seg-radio-group .seg-radio-group-label {
  white-space: nowrap;
  position: absolute;
  top: 15px;
  left: 0;
  font-size: 15px;
  line-height: 15px;
  transform: translateX(-2px) translateY(-23px) scale(0.8, 0.8);
  background-color: #fff;
  padding: 0 5px;
  font-weight: normal;
}
.seg-radio-group .seg-radio-btn + .seg-radio-btn {
  margin-top: 15px;
}
.seg-radio-group .seg-radio-btn label {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid #b0b0b0;
  border-radius: 4px;
  padding: 0;
  line-height: 24.9px;
  font-size: 15px;
}
.seg-radio-group .seg-radio-btn label span {
  white-space: nowrap;
  padding-left: 34.95px;
  font-weight: normal;
}
.seg-radio-group .seg-radio-btn label:after {
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -webkit-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-right: 2px solid #eee;
  border-top: 2px solid #eee;
  content: "";
  display: block;
  height: 19.95px;
  left: 3px;
  position: absolute;
  top: 15px;
  width: 9.9px;
}
.seg-radio-group .seg-radio-btn label:hover {
  cursor: pointer;
}
.seg-radio-group .seg-radio-btn:hover:after {
  border-color: #e3f3fb;
}
.seg-radio-group .seg-radio-btn input {
  display: none;
}
.seg-radio-group .seg-radio-btn input:checked ~ label:after {
  -webkit-animation: rg-check 0.8s;
  -moz-animation: rg-check 0.8s;
  -o-animation: rg-check 0.8s;
  animation: rg-check 0.8s;
  border-color: #43B2E3;
}
.seg-radio-group.seg-mdl-disabled {
  pointer-events: none;
}
.seg-radio-group.seg-mdl-disabled label.seg-mdl-checked span {
  color: unset;
}
.seg-radio-group.seg-mdl-disabled .seg-mdl-radio-group-underline {
  background: #ccc;
}

.seg-mdl-radio-group {
  margin-bottom: 24px;
  margin-top: 12px;
  display: flex;
  border-radius: 48px;
}
.seg-mdl-radio-group::before {
  content: "";
  position: absolute;
  bottom: 1px;
  height: calc(100% - 2px);
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: 2;
  border: 1px solid #b0b0b0;
  border-radius: 48px;
  top: 1px;
}
.seg-mdl-radio-group .seg-mdl-radio-group-underline {
  height: calc(100% - 4px);
  z-index: 1;
  bottom: 2px;
  /* box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px; */
  border-radius: 48px;
  background: #43B2E3;
}
.seg-mdl-radio-group label.seg-mdl-checked.seg-mdl-first ~ .seg-mdl-radio-group-underline {
  /*border-radius: 4px 0 0 4px;*/
  box-shadow: rgba(0, 0, 0, 0.3) 0 -2px 3px;
}
.seg-mdl-radio-group label:nth-last-child(2).seg-mdl-checked ~ .seg-mdl-radio-group-underline {
  /*border-radius: 0 4px 4px 0;*/
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
}
.seg-mdl-radio-group .seg-mdl-riple {
  background-color: #eee;
}
.seg-mdl-radio-group label {
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin: 0;
  flex: 1 1 auto;
  text-align: center;
  padding: 0;
}
.seg-mdl-radio-group label span {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 20px;
  text-transform: uppercase;
  border: none;
  padding: 12px 0;
}
.seg-mdl-radio-group label.seg-mdl-checked span {
  color: #fff;
}
.seg-mdl-radio-group.seg-mdl-disabled {
  pointer-events: none;
}
.seg-mdl-radio-group.seg-mdl-disabled label.seg-mdl-checked span {
  color: unset;
}
.seg-mdl-radio-group.seg-mdl-disabled .seg-mdl-radio-group-underline {
  background: #ccc;
}
/*# sourceMappingURL=css-dashboard.css.map */