:root {
  --nla-colour-bg-lighten: #FAFAFC;
  --nla-colour-bg-light: #F2F2F5;
  --nla-colour-border: #E3E3E6;
  --nla-colour-text-light: #53535C;
  --nla-colour-text-dark: #0A0A0B;
  --nla-colour-blue: #1B7CB8;
  --nla-colour-green: #188731;
  --nla-colour-red: #8F1515;
  --nla-colour-grey: #8C8C8C;
  --nla-colour-orange: #8F4C0E;
  --nla-colour-blue-lighten: rgb(60.971563981, 163.2582938389, 226.528436019);
  --nla-colour-green-lighten: rgb(35.5471698113, 199.9528301887, 72.5754716981);
  --nla-colour-red-lighten: rgb(209.7042682927, 30.7957317073, 30.7957317073);
  --nla-colour-grey-lighten: rgb(178.25, 178.25, 178.25);
  --nla-colour-orange-lighten: rgb(212.678343949, 113.0318471338, 20.821656051);
  --nla-colour-blue-darken: rgb(20.4739336493, 94.028436019, 139.5260663507);
  --nla-colour-green-darken: rgb(16.3018867925, 91.6981132075, 33.2830188679);
  --nla-colour-red-darken: rgb(98.5304878049, 14.4695121951, 14.4695121951);
  --nla-colour-grey-darken: rgb(114.5, 114.5, 114.5);
  --nla-colour-orange-darken: rgb(96.5477707006, 51.3121019108, 9.4522292994);
  --nla-colour-offwhite-blue: rgba(27, 124, 184, 0.12);
  --nla-colour-offwhite-green: rgba(24, 135, 49, 0.12);
  --nla-colour-offwhite-red: rgba(143, 21, 21, 0.12);
  --nla-colour-offwhite-grey: rgba(140, 140, 140, 0.12);
  --nla-colour-offwhite-orange: rgba(143, 76, 14, 0.12);
  --nla-colour-offwhite-blue-lighten: rgba(27, 124, 184, 0.06);
  --nla-colour-offwhite-green-lighten: rgba(24, 135, 49, 0.06);
  --nla-colour-offwhite-red-lighten: rgba(143, 21, 21, 0.06);
  --nla-colour-offwhite-grey-lighten: rgba(140, 140, 140, 0.06);
  --nla-colour-offwhite-orange-lighten: rgba(143, 76, 14, 0.06);
  --nla-colour-offwhite-blue-darken: rgba(27, 124, 184, 0.24);
  --nla-colour-offwhite-green-darken: rgba(24, 135, 49, 0.24);
  --nla-colour-offwhite-red-darken: rgba(143, 21, 21, 0.24);
  --nla-colour-offwhite-grey-darken: rgba(140, 140, 140, 0.24);
  --nla-colour-offwhite-orange-darken: rgba(143, 76, 14, 0.24);
}

.nla-colour-bg-lighten {
  color: var(--nla-colour-bg-lighten);
}

.nla-bg-bg-lighten {
  background-color: var(--nla-colour-bg-lighten);
}

.nla-border-bg-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-bg-lighten);
}

.nla-colour-bg-light {
  color: var(--nla-colour-bg-light);
}

.nla-bg-bg-light {
  background-color: var(--nla-colour-bg-light);
}

.nla-border-bg-light {
  border: 1px solid;
  border-color: var(--nla-colour-bg-light);
}

.nla-colour-border {
  color: var(--nla-colour-border);
}

.nla-bg-border {
  background-color: var(--nla-colour-border);
}

.nla-border-border {
  border: 1px solid;
  border-color: var(--nla-colour-border);
}

.nla-colour-text-light {
  color: var(--nla-colour-text-light);
}

.nla-bg-text-light {
  background-color: var(--nla-colour-text-light);
}

.nla-border-text-light {
  border: 1px solid;
  border-color: var(--nla-colour-text-light);
}

.nla-colour-text-dark {
  color: var(--nla-colour-text-dark);
}

.nla-bg-text-dark {
  background-color: var(--nla-colour-text-dark);
}

.nla-border-text-dark {
  border: 1px solid;
  border-color: var(--nla-colour-text-dark);
}

.nla-colour-blue {
  color: var(--nla-colour-blue);
}

.nla-bg-blue {
  background-color: var(--nla-colour-blue);
}

.nla-border-blue {
  border: 1px solid;
  border-color: var(--nla-colour-blue);
}

.nla-colour-green {
  color: var(--nla-colour-green);
}

.nla-bg-green {
  background-color: var(--nla-colour-green);
}

.nla-border-green {
  border: 1px solid;
  border-color: var(--nla-colour-green);
}

.nla-colour-red {
  color: var(--nla-colour-red);
}

.nla-bg-red {
  background-color: var(--nla-colour-red);
}

.nla-border-red {
  border: 1px solid;
  border-color: var(--nla-colour-red);
}

.nla-colour-grey {
  color: var(--nla-colour-grey);
}

.nla-bg-grey {
  background-color: var(--nla-colour-grey);
}

.nla-border-grey {
  border: 1px solid;
  border-color: var(--nla-colour-grey);
}

.nla-colour-orange {
  color: var(--nla-colour-orange);
}

.nla-bg-orange {
  background-color: var(--nla-colour-orange);
}

.nla-border-orange {
  border: 1px solid;
  border-color: var(--nla-colour-orange);
}

.nla-colour-blue-lighten {
  color: var(--nla-colour-blue-lighten);
}

.nla-bg-blue-lighten {
  background-color: var(--nla-colour-blue-lighten);
}

.nla-border-blue-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-blue-lighten);
}

.nla-colour-green-lighten {
  color: var(--nla-colour-green-lighten);
}

.nla-bg-green-lighten {
  background-color: var(--nla-colour-green-lighten);
}

.nla-border-green-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-green-lighten);
}

.nla-colour-red-lighten {
  color: var(--nla-colour-red-lighten);
}

.nla-bg-red-lighten {
  background-color: var(--nla-colour-red-lighten);
}

.nla-border-red-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-red-lighten);
}

.nla-colour-grey-lighten {
  color: var(--nla-colour-grey-lighten);
}

.nla-bg-grey-lighten {
  background-color: var(--nla-colour-grey-lighten);
}

.nla-border-grey-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-grey-lighten);
}

.nla-colour-orange-lighten {
  color: var(--nla-colour-orange-lighten);
}

.nla-bg-orange-lighten {
  background-color: var(--nla-colour-orange-lighten);
}

.nla-border-orange-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-orange-lighten);
}

.nla-colour-blue-darken {
  color: var(--nla-colour-blue-darken);
}

.nla-bg-blue-darken {
  background-color: var(--nla-colour-blue-darken);
}

.nla-border-blue-darken {
  border: 1px solid;
  border-color: var(--nla-colour-blue-darken);
}

.nla-colour-green-darken {
  color: var(--nla-colour-green-darken);
}

.nla-bg-green-darken {
  background-color: var(--nla-colour-green-darken);
}

.nla-border-green-darken {
  border: 1px solid;
  border-color: var(--nla-colour-green-darken);
}

.nla-colour-red-darken {
  color: var(--nla-colour-red-darken);
}

.nla-bg-red-darken {
  background-color: var(--nla-colour-red-darken);
}

.nla-border-red-darken {
  border: 1px solid;
  border-color: var(--nla-colour-red-darken);
}

.nla-colour-grey-darken {
  color: var(--nla-colour-grey-darken);
}

.nla-bg-grey-darken {
  background-color: var(--nla-colour-grey-darken);
}

.nla-border-grey-darken {
  border: 1px solid;
  border-color: var(--nla-colour-grey-darken);
}

.nla-colour-orange-darken {
  color: var(--nla-colour-orange-darken);
}

.nla-bg-orange-darken {
  background-color: var(--nla-colour-orange-darken);
}

.nla-border-orange-darken {
  border: 1px solid;
  border-color: var(--nla-colour-orange-darken);
}

.nla-colour-offwhite-blue {
  color: var(--nla-colour-offwhite-blue);
}

.nla-bg-offwhite-blue {
  background-color: var(--nla-colour-offwhite-blue);
}

.nla-border-offwhite-blue {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-blue);
}

.nla-colour-offwhite-green {
  color: var(--nla-colour-offwhite-green);
}

.nla-bg-offwhite-green {
  background-color: var(--nla-colour-offwhite-green);
}

.nla-border-offwhite-green {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-green);
}

.nla-colour-offwhite-red {
  color: var(--nla-colour-offwhite-red);
}

.nla-bg-offwhite-red {
  background-color: var(--nla-colour-offwhite-red);
}

.nla-border-offwhite-red {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-red);
}

.nla-colour-offwhite-grey {
  color: var(--nla-colour-offwhite-grey);
}

.nla-bg-offwhite-grey {
  background-color: var(--nla-colour-offwhite-grey);
}

.nla-border-offwhite-grey {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-grey);
}

.nla-colour-offwhite-orange {
  color: var(--nla-colour-offwhite-orange);
}

.nla-bg-offwhite-orange {
  background-color: var(--nla-colour-offwhite-orange);
}

.nla-border-offwhite-orange {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-orange);
}

.nla-colour-offwhite-blue-lighten {
  color: var(--nla-colour-offwhite-blue-lighten);
}

.nla-bg-offwhite-blue-lighten {
  background-color: var(--nla-colour-offwhite-blue-lighten);
}

.nla-border-offwhite-blue-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-blue-lighten);
}

.nla-colour-offwhite-green-lighten {
  color: var(--nla-colour-offwhite-green-lighten);
}

.nla-bg-offwhite-green-lighten {
  background-color: var(--nla-colour-offwhite-green-lighten);
}

.nla-border-offwhite-green-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-green-lighten);
}

.nla-colour-offwhite-red-lighten {
  color: var(--nla-colour-offwhite-red-lighten);
}

.nla-bg-offwhite-red-lighten {
  background-color: var(--nla-colour-offwhite-red-lighten);
}

.nla-border-offwhite-red-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-red-lighten);
}

.nla-colour-offwhite-grey-lighten {
  color: var(--nla-colour-offwhite-grey-lighten);
}

.nla-bg-offwhite-grey-lighten {
  background-color: var(--nla-colour-offwhite-grey-lighten);
}

.nla-border-offwhite-grey-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-grey-lighten);
}

.nla-colour-offwhite-orange-lighten {
  color: var(--nla-colour-offwhite-orange-lighten);
}

.nla-bg-offwhite-orange-lighten {
  background-color: var(--nla-colour-offwhite-orange-lighten);
}

.nla-border-offwhite-orange-lighten {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-orange-lighten);
}

.nla-colour-offwhite-blue-darken {
  color: var(--nla-colour-offwhite-blue-darken);
}

.nla-bg-offwhite-blue-darken {
  background-color: var(--nla-colour-offwhite-blue-darken);
}

.nla-border-offwhite-blue-darken {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-blue-darken);
}

.nla-colour-offwhite-green-darken {
  color: var(--nla-colour-offwhite-green-darken);
}

.nla-bg-offwhite-green-darken {
  background-color: var(--nla-colour-offwhite-green-darken);
}

.nla-border-offwhite-green-darken {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-green-darken);
}

.nla-colour-offwhite-red-darken {
  color: var(--nla-colour-offwhite-red-darken);
}

.nla-bg-offwhite-red-darken {
  background-color: var(--nla-colour-offwhite-red-darken);
}

.nla-border-offwhite-red-darken {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-red-darken);
}

.nla-colour-offwhite-grey-darken {
  color: var(--nla-colour-offwhite-grey-darken);
}

.nla-bg-offwhite-grey-darken {
  background-color: var(--nla-colour-offwhite-grey-darken);
}

.nla-border-offwhite-grey-darken {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-grey-darken);
}

.nla-colour-offwhite-orange-darken {
  color: var(--nla-colour-offwhite-orange-darken);
}

.nla-bg-offwhite-orange-darken {
  background-color: var(--nla-colour-offwhite-orange-darken);
}

.nla-border-offwhite-orange-darken {
  border: 1px solid;
  border-color: var(--nla-colour-offwhite-orange-darken);
}

.nla-button {
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: fit-content;
  font-weight: 500;
  cursor: pointer;
  border: 0;
  font-size: 14px;
  line-height: 0.5;
  transition: 0.2s;
  white-space: nowrap;
}
.nla-button .nla-svg {
  display: flex;
  width: 18px;
  height: auto;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.nla-button svg {
  max-width: 18px;
  max-height: 18px;
}
.nla-button:not(.nla-icon-button) {
  padding: 9.5px 14px;
}
.nla-button:not(.nla-icon-button).nla-button-blue {
  background: var(--nla-colour-offwhite-blue);
  color: var(--nla-colour-blue);
}
.nla-button:not(.nla-icon-button).nla-button-blue:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-blue-darken);
}
.nla-button:not(.nla-icon-button).nla-button-blue:disabled, .nla-button:not(.nla-icon-button).nla-button-blue.nla-disabled {
  background: var(--nla-colour-offwhite-blue-lighten);
  color: var(--nla-colour-blue-lighten);
}
.nla-button:not(.nla-icon-button).nla-button-green {
  background: var(--nla-colour-offwhite-green);
  color: var(--nla-colour-green);
}
.nla-button:not(.nla-icon-button).nla-button-green:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-green-darken);
}
.nla-button:not(.nla-icon-button).nla-button-green:disabled, .nla-button:not(.nla-icon-button).nla-button-green.nla-disabled {
  background: var(--nla-colour-offwhite-green-lighten);
  color: var(--nla-colour-green-lighten);
}
.nla-button:not(.nla-icon-button).nla-button-red {
  background: var(--nla-colour-offwhite-red);
  color: var(--nla-colour-red);
}
.nla-button:not(.nla-icon-button).nla-button-red:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-red-darken);
}
.nla-button:not(.nla-icon-button).nla-button-red:disabled, .nla-button:not(.nla-icon-button).nla-button-red.nla-disabled {
  background: var(--nla-colour-offwhite-red-lighten);
  color: var(--nla-colour-red-lighten);
}
.nla-button:not(.nla-icon-button).nla-button-grey {
  background: var(--nla-colour-offwhite-grey);
  color: var(--nla-colour-grey);
}
.nla-button:not(.nla-icon-button).nla-button-grey:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-grey-darken);
}
.nla-button:not(.nla-icon-button).nla-button-grey:disabled, .nla-button:not(.nla-icon-button).nla-button-grey.nla-disabled {
  background: var(--nla-colour-offwhite-grey-lighten);
  color: var(--nla-colour-grey-lighten);
}
.nla-button:not(.nla-icon-button).nla-button-orange {
  background: var(--nla-colour-offwhite-orange);
  color: var(--nla-colour-orange);
}
.nla-button:not(.nla-icon-button).nla-button-orange:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-orange-darken);
}
.nla-button:not(.nla-icon-button).nla-button-orange:disabled, .nla-button:not(.nla-icon-button).nla-button-orange.nla-disabled {
  background: var(--nla-colour-offwhite-orange-lighten);
  color: var(--nla-colour-orange-lighten);
}
.nla-button.nla-icon-button {
  padding: 4px;
}
.nla-button.nla-icon-button.nla-icon-button-blue {
  background: var(--nla-colour-offwhite-blue);
  color: var(--nla-colour-blue);
}
.nla-button.nla-icon-button.nla-icon-button-blue svg {
  fill: var(--nla-colour-blue);
}
.nla-button.nla-icon-button.nla-icon-button-blue:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-blue-darken);
}
.nla-button.nla-icon-button.nla-icon-button-blue:disabled, .nla-button.nla-icon-button.nla-icon-button-blue.nla-disabled {
  background: var(--nla-colour-offwhite-blue-lighten);
  color: var(--nla-colour-blue-lighten);
}
.nla-button.nla-icon-button.nla-icon-button-blue:disabled svg, .nla-button.nla-icon-button.nla-icon-button-blue.nla-disabled svg {
  fill: var(--nla-colour-blue-lighten);
}
.nla-button.nla-icon-button.nla-icon-button-green {
  background: var(--nla-colour-offwhite-green);
  color: var(--nla-colour-green);
}
.nla-button.nla-icon-button.nla-icon-button-green svg {
  fill: var(--nla-colour-green);
}
.nla-button.nla-icon-button.nla-icon-button-green:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-green-darken);
}
.nla-button.nla-icon-button.nla-icon-button-green:disabled, .nla-button.nla-icon-button.nla-icon-button-green.nla-disabled {
  background: var(--nla-colour-offwhite-green-lighten);
  color: var(--nla-colour-green-lighten);
}
.nla-button.nla-icon-button.nla-icon-button-green:disabled svg, .nla-button.nla-icon-button.nla-icon-button-green.nla-disabled svg {
  fill: var(--nla-colour-green-lighten);
}
.nla-button.nla-icon-button.nla-icon-button-red {
  background: var(--nla-colour-offwhite-red);
  color: var(--nla-colour-red);
}
.nla-button.nla-icon-button.nla-icon-button-red svg {
  fill: var(--nla-colour-red);
}
.nla-button.nla-icon-button.nla-icon-button-red:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-red-darken);
}
.nla-button.nla-icon-button.nla-icon-button-red:disabled, .nla-button.nla-icon-button.nla-icon-button-red.nla-disabled {
  background: var(--nla-colour-offwhite-red-lighten);
  color: var(--nla-colour-red-lighten);
}
.nla-button.nla-icon-button.nla-icon-button-red:disabled svg, .nla-button.nla-icon-button.nla-icon-button-red.nla-disabled svg {
  fill: var(--nla-colour-red-lighten);
}
.nla-button.nla-icon-button.nla-icon-button-grey {
  background: var(--nla-colour-offwhite-grey);
  color: var(--nla-colour-grey);
}
.nla-button.nla-icon-button.nla-icon-button-grey svg {
  fill: var(--nla-colour-grey);
}
.nla-button.nla-icon-button.nla-icon-button-grey:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-grey-darken);
}
.nla-button.nla-icon-button.nla-icon-button-grey:disabled, .nla-button.nla-icon-button.nla-icon-button-grey.nla-disabled {
  background: var(--nla-colour-offwhite-grey-lighten);
  color: var(--nla-colour-grey-lighten);
}
.nla-button.nla-icon-button.nla-icon-button-grey:disabled svg, .nla-button.nla-icon-button.nla-icon-button-grey.nla-disabled svg {
  fill: var(--nla-colour-grey-lighten);
}
.nla-button.nla-icon-button.nla-icon-button-orange {
  background: var(--nla-colour-offwhite-orange);
  color: var(--nla-colour-orange);
}
.nla-button.nla-icon-button.nla-icon-button-orange svg {
  fill: var(--nla-colour-orange);
}
.nla-button.nla-icon-button.nla-icon-button-orange:not(:disabled):not(.nla-disabled):hover {
  background: var(--nla-colour-offwhite-orange-darken);
}
.nla-button.nla-icon-button.nla-icon-button-orange:disabled, .nla-button.nla-icon-button.nla-icon-button-orange.nla-disabled {
  background: var(--nla-colour-offwhite-orange-lighten);
  color: var(--nla-colour-orange-lighten);
}
.nla-button.nla-icon-button.nla-icon-button-orange:disabled svg, .nla-button.nla-icon-button.nla-icon-button-orange.nla-disabled svg {
  fill: var(--nla-colour-orange-lighten);
}

.nla-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.nla-form .nla-form-row {
  display: grid;
  width: 100%;
  gap: inherit;
}
.nla-form .nla-form-row--1-col {
  grid-template-columns: 1fr;
}
.nla-form .nla-form-row--2-cols {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 575px) {
  .nla-form .nla-form-row--2-cols {
    grid-template-columns: 1fr;
  }
}
.nla-form .nla-form-row--3-cols {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 575px) {
  .nla-form .nla-form-row--3-cols {
    grid-template-columns: 1fr;
  }
}
.nla-form .nla-form-row--4-cols {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 575px) {
  .nla-form .nla-form-row--4-cols {
    grid-template-columns: 1fr;
  }
}
.nla-form .nla-form-row--5-cols {
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 575px) {
  .nla-form .nla-form-row--5-cols {
    grid-template-columns: 1fr;
  }
}
.nla-form .nla-form-row--6-cols {
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 575px) {
  .nla-form .nla-form-row--6-cols {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .nla-form .nla-form-row--4-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nla-form .nla-form-row--5-cols {
    grid-template-columns: repeat(6, 1fr);
  }
  .nla-form .nla-form-row--5-cols > :nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .nla-form .nla-form-row--5-cols > :nth-child(2) {
    grid-column-start: 4;
    grid-column-end: 7;
  }
  .nla-form .nla-form-row--5-cols > :nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .nla-form .nla-form-row--5-cols > :nth-child(4) {
    grid-column-start: 3;
    grid-column-end: 5;
  }
  .nla-form .nla-form-row--5-cols > :nth-child(5) {
    grid-column-start: 5;
    grid-column-end: 7;
  }
}
@media (max-width: 767px) {
  .nla-form .nla-form-row--5-cols {
    grid-template-columns: repeat(2, 1fr);
  }
  .nla-form .nla-form-row--5-cols > * {
    grid-column-start: unset;
    grid-column-end: unset;
  }
  .nla-form .nla-form-row--5-cols > :last-child {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width: 991px) {
  .nla-form .nla-form-row--6-cols {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .nla-form .nla-form-row--6-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
.nla-form .nla-form-row .nla-form-col {
  display: flex;
  gap: inherit;
}
.nla-form .nla-form-row .nla-input, .nla-form .nla-form-row .nla-textarea, .nla-form .nla-form-row .nla-select {
  width: 100%;
  padding: 4px 6px;
  font-size: 14px;
  font-weight: 400;
  color: var(--nla-colour-text-dark);
  transition: 0.2s;
  line-height: 16px;
  border: 1px solid var(--nla-colour-border);
  border-radius: 2px;
}
.nla-form .nla-form-row .nla-input::placeholder, .nla-form .nla-form-row .nla-textarea::placeholder, .nla-form .nla-form-row .nla-select::placeholder {
  color: var(--nla-colour-text-light);
}
.nla-form .nla-form-row .nla-input:focus, .nla-form .nla-form-row .nla-input:active, .nla-form .nla-form-row .nla-textarea:focus, .nla-form .nla-form-row .nla-textarea:active, .nla-form .nla-form-row .nla-select:focus, .nla-form .nla-form-row .nla-select:active {
  border-color: var(--nla-colour-blue);
}

.modal.nla-modal * {
  color: var(--nla-colour-text-dark);
}
.modal.nla-modal .modal-content {
  border: 0;
}
.modal.nla-modal .modal-header {
  background: var(--nla-colour-bg-light);
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-bottom: 1px solid rgb(212, 212, 214);
}
.modal.nla-modal .modal-header .header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0;
  margin: 0;
  width: 100%;
}
.modal.nla-modal .modal-header h5 {
  color: var(--nla-colour-blue);
  font-size: 20px;
  font-weight: 600;
  font-style: semibold;
  text-align: center;
}
.modal.nla-modal .modal-header .close {
  padding: 6px;
  border-radius: 3px;
  background: rgb(237, 237, 240);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  margin: 0;
}
.modal.nla-modal .modal-body {
  background: var(--nla-colour-bg-lighten);
}

.license-card {
  border-radius: 8px;
  border: 1px solid var(--nla-colour-border);
  padding: 12px 20px;
  background: var(--nla-colour-bg-lighten);
  gap: 8px;
  display: grid;
}
.license-card:not(:last-child) {
  margin-bottom: 16px;
}
.license-card hr {
  margin: 0;
  width: 100%;
  height: 1px;
  border: 0;
  background: var(--nla-colour-border);
}
.license-card .upgrade_select {
  max-width: unset !important;
}
.license-card .license-card-column {
  display: flex;
  flex-direction: column;
  min-width: fit-content;
  gap: 6px;
  width: 100%;
}
.license-card .license-card-column .license-card-column-label {
  font-size: 12px;
  color: var(--nla-colour-text-light);
  line-height: 1.333;
  font-weight: 400;
}
.license-card .license-card-column .license-card-column-label--id {
  color: var(--nla-colour-blue);
}
.license-card .license-card-column .license-card-column-value {
  font-size: 14px;
  color: var(--nla-colour-text-dark);
  line-height: 1.714;
  font-weight: 500;
  display: flex;
  gap: inherit;
}
.license-card .license-card-column .license-card-column-value--id {
  color: var(--nla-colour-blue);
  font-weight: 700;
}
.license-card .license-card-column .license-card-column-value > .note-preview {
  display: flex;
  align-items: flex-start;
}
.license-card .license-card-column .license-card-column-value > .note-preview .note-value:empty {
  display: none;
}
.license-card .license-card-column .license-card-column-value > .note-preview, .license-card .license-card-column .license-card-column-value > .note-edit {
  gap: 6px;
  width: 100%;
}
.license-card .license-card-column .nla-colour-bg-lighten {
  color: var(--nla-colour-bg-lighten);
}
.license-card .license-card-column .nla-colour-bg-light {
  color: var(--nla-colour-bg-light);
}
.license-card .license-card-column .nla-colour-border {
  color: var(--nla-colour-border);
}
.license-card .license-card-column .nla-colour-text-light {
  color: var(--nla-colour-text-light);
}
.license-card .license-card-column .nla-colour-text-dark {
  color: var(--nla-colour-text-dark);
}
.license-card .license-card-column .nla-colour-blue {
  color: var(--nla-colour-blue);
}
.license-card .license-card-column .nla-colour-green {
  color: var(--nla-colour-green);
}
.license-card .license-card-column .nla-colour-red {
  color: var(--nla-colour-red);
}
.license-card .license-card-column .nla-colour-grey {
  color: var(--nla-colour-grey);
}
.license-card .license-card-column .nla-colour-orange {
  color: var(--nla-colour-orange);
}
.license-card .license-card-column .nla-colour-blue-lighten {
  color: var(--nla-colour-blue-lighten);
}
.license-card .license-card-column .nla-colour-green-lighten {
  color: var(--nla-colour-green-lighten);
}
.license-card .license-card-column .nla-colour-red-lighten {
  color: var(--nla-colour-red-lighten);
}
.license-card .license-card-column .nla-colour-grey-lighten {
  color: var(--nla-colour-grey-lighten);
}
.license-card .license-card-column .nla-colour-orange-lighten {
  color: var(--nla-colour-orange-lighten);
}
.license-card .license-card-column .nla-colour-blue-darken {
  color: var(--nla-colour-blue-darken);
}
.license-card .license-card-column .nla-colour-green-darken {
  color: var(--nla-colour-green-darken);
}
.license-card .license-card-column .nla-colour-red-darken {
  color: var(--nla-colour-red-darken);
}
.license-card .license-card-column .nla-colour-grey-darken {
  color: var(--nla-colour-grey-darken);
}
.license-card .license-card-column .nla-colour-orange-darken {
  color: var(--nla-colour-orange-darken);
}
.license-card .license-card-column .nla-colour-offwhite-blue {
  color: var(--nla-colour-offwhite-blue);
}
.license-card .license-card-column .nla-colour-offwhite-green {
  color: var(--nla-colour-offwhite-green);
}
.license-card .license-card-column .nla-colour-offwhite-red {
  color: var(--nla-colour-offwhite-red);
}
.license-card .license-card-column .nla-colour-offwhite-grey {
  color: var(--nla-colour-offwhite-grey);
}
.license-card .license-card-column .nla-colour-offwhite-orange {
  color: var(--nla-colour-offwhite-orange);
}
.license-card .license-card-column .nla-colour-offwhite-blue-lighten {
  color: var(--nla-colour-offwhite-blue-lighten);
}
.license-card .license-card-column .nla-colour-offwhite-green-lighten {
  color: var(--nla-colour-offwhite-green-lighten);
}
.license-card .license-card-column .nla-colour-offwhite-red-lighten {
  color: var(--nla-colour-offwhite-red-lighten);
}
.license-card .license-card-column .nla-colour-offwhite-grey-lighten {
  color: var(--nla-colour-offwhite-grey-lighten);
}
.license-card .license-card-column .nla-colour-offwhite-orange-lighten {
  color: var(--nla-colour-offwhite-orange-lighten);
}
.license-card .license-card-column .nla-colour-offwhite-blue-darken {
  color: var(--nla-colour-offwhite-blue-darken);
}
.license-card .license-card-column .nla-colour-offwhite-green-darken {
  color: var(--nla-colour-offwhite-green-darken);
}
.license-card .license-card-column .nla-colour-offwhite-red-darken {
  color: var(--nla-colour-offwhite-red-darken);
}
.license-card .license-card-column .nla-colour-offwhite-grey-darken {
  color: var(--nla-colour-offwhite-grey-darken);
}
.license-card .license-card-column .nla-colour-offwhite-orange-darken {
  color: var(--nla-colour-offwhite-orange-darken);
}
@media (min-width: 768px) and (max-width: 991px) {
  .license-card:not(.license-card--perpetual) {
    grid-template-columns: 0.4fr 1.5fr 1.4fr 2.4fr 6.3fr;
  }
  .license-card:not(.license-card--perpetual) > [data-col=actions] {
    grid-column: 1/span 4;
  }
  .license-card:not(.license-card--perpetual) hr {
    grid-column: 1/span 5;
  }
  .license-card:not(.license-card--perpetual) hr.hr-1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .license-card:not(.license-card--perpetual) {
    grid-template-columns: 0.4fr 1.5fr 1.4fr 2.4fr;
  }
  .license-card:not(.license-card--perpetual) > [data-col=serial], .license-card:not(.license-card--perpetual) > [data-col=actions], .license-card:not(.license-card--perpetual) > [data-col=notes] {
    grid-column: 1/span 4;
  }
  .license-card:not(.license-card--perpetual) hr {
    grid-column: 1/span 4;
  }
}
@media (min-width: 992px) {
  .license-card:not(.license-card--perpetual) {
    gap: 12px;
    grid-template-columns: 0.5fr 1.5fr 1.5fr 2.6fr 5.3fr 3.5fr 4fr;
  }
  .license-card:not(.license-card--perpetual) hr {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .license-card--perpetual {
    grid-template-columns: 0.4fr 1.5fr 2.4fr 1.4fr 6.3fr;
  }
  .license-card--perpetual > * {
    order: 2;
  }
  .license-card--perpetual > [data-col=license_id], .license-card--perpetual > [data-col=purchase_date], .license-card--perpetual > [data-col=newType] {
    order: 0;
  }
  .license-card--perpetual > [data-col=invoice] {
    order: 1;
  }
  .license-card--perpetual > [data-col=actions] {
    grid-column: 1/span 4;
  }
  .license-card--perpetual hr {
    grid-column: 1/span 5;
  }
  .license-card--perpetual hr.hr-1 {
    display: none;
  }
}
@media (max-width: 767px) {
  .license-card--perpetual {
    grid-template-columns: 0.4fr 1.5fr 2.4fr 1.4fr;
  }
  .license-card--perpetual > * {
    order: 2;
  }
  .license-card--perpetual > [data-col=license_id], .license-card--perpetual > [data-col=purchase_date], .license-card--perpetual > [data-col=newType] {
    order: 0;
  }
  .license-card--perpetual > [data-col=invoice] {
    order: 1;
  }
  .license-card--perpetual > [data-col=serial], .license-card--perpetual > [data-col=actions], .license-card--perpetual > [data-col=notes] {
    grid-column: 1/span 4;
  }
  .license-card--perpetual hr {
    grid-column: 1/span 4;
  }
}
@media (min-width: 992px) {
  .license-card--perpetual {
    gap: 12px;
    grid-template-columns: 0.5fr 1.5fr 2.6fr 5.3fr 1.5fr 3.5fr 4fr;
  }
  .license-card--perpetual hr {
    display: none;
  }
}

.product-releases {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
.product-releases .releases-dropdown-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 3px;
  padding: 6px 20px;
  background-color: var(--nla-colour-blue);
  border: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-style: bold;
  line-height: 24px;
  text-transform: uppercase;
  transition: 0.2s;
}
.product-releases .releases-dropdown-button:hover {
  background: var(--nla-colour-blue-darken);
}
.product-releases .releases-dropdown-button svg {
  transform: rotateY(0deg) translateY(0px);
  transition: 0.2s;
}
.product-releases .releases-dropdown-button.active svg {
  transform: rotateX(-180deg) translateY(2px);
}
.product-releases .releases {
  padding: 16px;
  max-width: 497px;
  width: 100%;
  background: var(--nla-colour-bg-light);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
}
.product-releases .releases h5 {
  color: var(--nla-colour-blue);
  font-size: 14px;
  font-weight: 700;
  font-style: bold;
  text-transform: uppercase;
  margin: 0;
}
.product-releases .releases .release-type {
  display: flex;
  flex-direction: column;
  gap: inherit;
  align-items: flex-start;
  justify-content: flex-start;
}
.product-releases .releases .release-type .releases-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: inherit;
}
.product-releases .releases .release-type .releases-list .release {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  padding: 4px;
  border-radius: 6px;
  transition: 0.2s;
  border: 1px solid transparent;
  cursor: pointer;
}
.product-releases .releases .release-type .releases-list .release.primary .icon-wrapper, .product-releases .releases .release-type .releases-list .release:hover .icon-wrapper, .product-releases .releases .release-type .releases-list .release:focus .icon-wrapper, .product-releases .releases .release-type .releases-list .release:active .icon-wrapper {
  background: var(--nla-colour-offwhite-blue);
}
.product-releases .releases .release-type .releases-list .release.primary .icon-wrapper svg, .product-releases .releases .release-type .releases-list .release:hover .icon-wrapper svg, .product-releases .releases .release-type .releases-list .release:focus .icon-wrapper svg, .product-releases .releases .release-type .releases-list .release:active .icon-wrapper svg {
  fill: var(--nla-colour-blue);
}
.product-releases .releases .release-type .releases-list .release:hover, .product-releases .releases .release-type .releases-list .release:focus, .product-releases .releases .release-type .releases-list .release:active {
  border-color: var(--nla-colour-blue);
}
.product-releases .releases .release-type .releases-list .release .icon-wrapper {
  padding: 10px 11px;
  border-radius: 3px;
  background: var(--nla-colour-offwhite-grey);
  transition: 0.2s;
}
.product-releases .releases .release-type .releases-list .release .icon-wrapper svg {
  fill: var(--nla-colour-grey);
  transition: 0.2s;
}
.product-releases .releases .release-type .releases-list .release .name-wrapper {
  margin: 0;
}
.product-releases .releases .release-type .releases-list .release .name-wrapper > * {
  margin: 0;
}
.product-releases .releases .release-type .releases-list .release .name-wrapper .name {
  font-size: 14px;
  font-weight: 500;
  font-style: medium;
  color: var(--nla-colour-text-dark);
  line-height: 17px;
}
.product-releases .releases .release-type .releases-list .release .name-wrapper .version {
  font-size: 16px;
  font-weight: 700;
  font-style: bold;
  color: var(--nla-colour-text-dark);
  line-height: 20px;
}

#downloadModal .mac_download {
  background-color: var(--nla-colour-blue);
  padding: 8px 14px;
  border: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 20px;
}
#downloadModal .mac_download span {
  color: white;
}
#downloadModal .windows_download {
  background-color: #2E2E33;
  padding: 8px 14px;
  border: none;
  border-radius: 5px;
  display: flex;
  gap: 6px;
  line-height: 20px;
}
#downloadModal .windows_download span {
  color: white;
}
#downloadModal .modal-body * {
  color: var(--nla-colour-text-light);
}
#downloadModal .modal-body h3 {
  color: var(--nla-colour-text-light);
  font-size: 14px;
  font-weight: 700;
  font-style: bold;
  text-transform: uppercase;
}
#downloadModal .modal-body .release-notes > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#downloadModal .modal-body .release-notes > div > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
}
#downloadModal .modal-body .release-notes > div > div .note-tag {
  font-size: 12px;
  font-weight: 500;
  font-style: medium;
  text-align: center;
  line-height: 16px;
  padding: 4px 8px;
  border-radius: 3px;
  width: fit-content;
}
#downloadModal .modal-body .release-notes > div > div .note-tag--bug-fix {
  background: var(--nla-colour-offwhite-orange);
  color: var(--nla-colour-orange);
}
#downloadModal .modal-body .release-notes > div > div .note-tag--new-feature {
  background: var(--nla-colour-offwhite-green);
  color: var(--nla-colour-green);
}
#downloadModal .modal-body .release-notes > div > div .note-tag--improvement {
  background: var(--nla-colour-offwhite-blue);
  color: var(--nla-colour-blue);
}

#licenses .modal.nla-modal .modal-body {
  max-height: 400px;
  overflow: auto;
}
#licenses .invoice-row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
#licenses #invoiceName span, #licenses b {
  color: #53535C;
}

@media screen and (max-width: 993px) {
  #activation button.activate {
    padding: 15px 30px;
  }
  #activation input {
    width: auto;
    margin-bottom: 0px;
  }
  #license-tables p {
    max-width: 300px !important;
  }
}
@media screen and (max-width: 1250px) {
  #license-tables p {
    max-width: 500px;
  }
}
@media screen and (max-width: 768px) {
  #license-tables .active-code-sect {
    flex-direction: column !important;
  }
  #license-tables p {
    max-width: 100% !important;
    margin-bottom: 10px !important;
  }
  #license-tables .align-items-center {
    align-items: start !important;
  }
}
.nla-my-licenses h4 {
  color: var(--nla-colour-text-dark);
  font-size: 24px;
  font-weight: 700;
  font-style: bold;
  text-align: center;
}
.nla-my-licenses .license-product-image-wrapper img {
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
  border-radius: 7px;
  overflow: hidden;
}

.nla-license-activation-modal h2 {
  line-height: 1.2em !important;
  padding-bottom: 10px !important;
}

#activation .activate_desc {
  margin-bottom: 20px !important;
}

.invoice-year {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}

@media screen and (max-width: 1500px) {
  .active-code-sect {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
  }
  .active-code-sect h5 {
    color: rgb(24, 110, 163);
    font-size: 18px;
    font-weight: 600;
  }
  .active-code-sect p {
    font-size: 14px;
    font-weight: 400;
  }
  .active-code-sect button {
    width: 100%;
    max-width: 160px;
    font-size: 16px;
    font-weight: 700;
  }
  .about_nla .footmenu {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px;
  }
  .about_nla .newsletter-form {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px;
    padding: 0 !important;
  }
  .about_nla .newsletter-form p {
    width: 100%;
  }
  .about_nla .newsletter-form #newsletter {
    padding: 0;
  }
}
@media screen and (max-width: 1200px) {
  .row-mobile-footer {
    gap: 40px;
  }
  .mobile-version-svg {
    max-width: 140px;
  }
  .mobile-version-form {
    width: 100%;
    min-width: 400px;
  }
}
@media screen and (max-width: 992px) {
  footer .about_nla .footmenu {
    margin: 0 !important;
  }
  .row-mobile-footer {
    gap: 0px;
  }
  .mobile-version-form {
    width: 100%;
    min-width: 100%;
  }
  .mobile-version-menu p {
    width: 100%;
    min-width: 160px;
  }
  .mobile-version-svg {
    max-width: unset;
    margin-right: 17%;
  }
  .about_nla .newsletter-form {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mobile-version-svg {
    max-width: 21%;
  }
  .mobile-version-menu {
    max-width: 30%;
  }
}
@media screen and (max-width: 650px) {
  .mobile-version-svg {
    margin-right: unset;
  }
  .mobile-version-form {
    min-width: 83%;
  }
}