@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-extra-light-normal-cyrillic-ext.woff2") format("woff2");
  unicode-range: "U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F"; }
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-medium-normal-cyrillic-ext.woff2") format("woff2");
  unicode-range: "U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F"; }
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-extra-light-normal-cyrillic.woff2") format("woff2");
  unicode-range: "U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116"; }
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-medium-normal-cyrillic.woff2") format("woff2");
  unicode-range: "U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116"; }
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-extra-light-normal-vietnamese.woff2") format("woff2");
  unicode-range: "U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB"; }
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-medium-normal-vietnamese.woff2") format("woff2");
  unicode-range: "U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB"; }
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-extra-light-normal-latin-ext.woff2") format("woff2");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"; }
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-medium-normal-latin-ext.woff2") format("woff2");
  unicode-range: "U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF"; }
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-extra-light-normal-latin.woff2") format("woff2");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"; }
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/asset/font/raleway/raleway-medium-normal-latin.woff2") format("woff2");
  unicode-range: "U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD"; }
a {
  color: black; }
  a:hover {
    color: #f07c31; }

button, .search-results > li > .points-container label {
  padding: 0.5rem;
  border: 1px solid #aaa;
  border-radius: 0.25rem;
  background: #ddd;
  cursor: pointer; }
  button:hover, .search-results > li > .points-container label:hover {
    background: #f7f7f7; }
  button:active, .search-results > li > .points-container label:active {
    background: #c4c4c4; }

select {
  background: white;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem;
  border: 1px solid #aaa;
  border-radius: 0.25rem; }
  select:hover, select:focus {
    border-color: #666; }
  select:focus {
    box-shadow: inset 0 0 0 1px #f07c31;
    border-color: #f07c31; }

.choices .choices__inner {
  box-sizing: border-box;
  padding: 0.5rem;
  min-height: 0;
  background: white;
  border-color: #aaa; }
  .choices .choices__inner:hover, .choices .choices__inner:focus {
    border-color: #666; }
  .choices .choices__inner:focus, .choices .choices__inner:focus-within {
    box-shadow: inset 0 0 0 1px #f07c31;
    border-color: #f07c31; }
  .choices .choices__inner > div {
    padding: 0; }

body {
  margin: 0;
  min-width: 64rem;
  background: white;
  font-family: "Raleway", sans-serif; }
  body > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.75); }
    body > header > h1 {
      margin: 0;
      font-size: 1rem; }
      body > header > h1 > a {
        display: block;
        margin: 0.5rem 2rem;
        width: 175px;
        height: 35px;
        text-decoration: none;
        color: transparent;
        background-image: url("/asset/img/logo.png");
        background-size: 100% auto;
        background-position: 50%;
        background-repeat: no-repeat; }
        body > header > h1 > a:hover {
          color: transparent;
          box-shadow: 0 0 0 1px white; }
    body > header > .account {
      font-size: 0.8rem;
      letter-spacing: 0.1rem;
      margin-right: 2rem;
      text-transform: uppercase;
      color: white; }
      body > header > .account > a {
        display: inline-block;
        padding: 0.5rem;
        color: white;
        opacity: 0.5;
        text-decoration: none; }
        body > header > .account > a:hover, body > header > .account > a:focus {
          opacity: 1;
          text-decoration: underline; }

main {
  margin: 0 auto;
  max-width: 64rem; }
  main > section > h1 {
    font-size: 1rem;
    font-weight: normal; }

form label {
  display: block; }
  form label > span {
    display: block;
    padding: 0.5rem; }
  form label > input {
    box-sizing: border-box;
    padding: 0.5rem;
    border: 1px solid #aaa;
    border-radius: 0.25rem; }
    form label > input:hover, form label > input:focus {
      border-color: #666; }
    form label > input:focus {
      box-shadow: inset 0 0 0 1px #f07c31;
      border-color: #f07c31; }

form.search {
  display: flex;
  align-items: flex-end;
  margin: 4rem auto;
  max-width: 24rem; }
  form.search input {
    width: 100%;
    font-size: 1.5rem;
    padding: 1rem; }
    form.search input::placeholder {
      color: #dedede; }
  form.search button, form.search .search-results > li > .points-container label, .search-results > li > .points-container form.search label {
    font-size: 1.5rem;
    margin-left: 0.5rem;
    padding: 1rem; }
    form.search button::before, form.search .search-results > li > .points-container label::before, .search-results > li > .points-container form.search label::before {
      content: ">"; }
    form.search button span, form.search .search-results > li > .points-container label span, .search-results > li > .points-container form.search label span {
      display: none; }

form.add-customer button, form.add-customer .search-results > li > .points-container label, .search-results > li > .points-container form.add-customer label {
  padding: 1rem; }
  form.add-customer button span::before, form.add-customer .search-results > li > .points-container label span::before, .search-results > li > .points-container form.add-customer label span::before, form.add-customer button span::after, form.add-customer .search-results > li > .points-container label span::after, .search-results > li > .points-container form.add-customer label span::after {
    content: '"'; }

.customer-activity {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .customer-activity > li {
    padding: 0.5rem;
    margin: 0.5rem 0;
    border-bottom: 2px solid #ddd;
    line-height: 1.5; }
    .customer-activity > li time {
      display: block; }
    .customer-activity > li span:last-of-type::after {
      content: "."; }
    .customer-activity > li span.extra:empty {
      margin-left: -0.3rem; }
    .customer-activity > li span.extra:not(:empty)::before {
      content: "("; }
    .customer-activity > li span.extra:not(:empty)::after {
      content: ")."; }

.email-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 2rem; }
  .email-list > li form {
    display: flex;
    align-items: center;
    height: 3rem; }
  .email-list > li time {
    display: inline-block;
    min-width: 14rem; }
  .email-list > li span {
    flex-basis: 100%; }
  .email-list > li button, .email-list > li .search-results > li > .points-container label, .search-results > li > .points-container .email-list > li label {
    opacity: 0; }
  .email-list > li:hover {
    background: #eee; }
    .email-list > li:hover button, .email-list > li:hover .search-results > li > .points-container label, .search-results > li > .points-container .email-list > li:hover label {
      opacity: 1; }
  .email-list.scheduled-emails::before {
    content: "Scheduled";
    font-style: italic;
    opacity: 0.6; }
  .email-list.scheduled-emails:empty::after {
    display: block;
    content: "There are no scheduled emails"; }
  .email-list.sent-emails::before {
    content: "Sent";
    font-style: italic;
    opacity: 0.6; }
  .email-list.sent-emails:empty::after {
    display: block;
    content: "There are no sent emails yet"; }

.search-results {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .search-results:empty::before {
    content: "No matching customers";
    font-size: 2rem;
    margin: 8rem 0;
    display: block;
    text-align: center;
    font-style: italic;
    color: #aaa; }
  .search-results > li {
    position: relative;
    margin: 0.5rem 0;
    line-height: 1.5; }
    .search-results > li > a {
      display: block;
      padding: 0.5rem;
      background: #eee;
      border-bottom: 2px solid #ddd;
      text-decoration: none; }
      .search-results > li > a:hover {
        background: #eee3db;
        border-bottom-color: #f07c31;
        color: black; }
      .search-results > li > a .id {
        display: inline-block;
        width: 4rem;
        padding-right: 2rem;
        font-weight: bold; }
      .search-results > li > a .postcode::before {
        content: "("; }
      .search-results > li > a .postcode::after {
        content: ")"; }
      .search-results > li > a .edit {
        display: block;
        width: 10rem;
        margin-top: 1rem; }
        .search-results > li > a .edit:hover {
          text-decoration: underline; }
    .search-results > li > .points-container {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0.5rem; }
      .search-results > li > .points-container p {
        margin: 0;
        padding: 0;
        padding-bottom: 0.5rem;
        text-align: center; }
      .search-results > li > .points-container label {
        padding: 0.5rem 2rem; }
    .search-results > li > form.c-points-adjustment {
      display: flex; }
      .search-results > li > form.c-points-adjustment .fields > div.buttons label {
        display: block;
        position: absolute;
        margin-top: 1rem;
        font-size: 0.8rem;
        text-align: center;
        cursor: pointer;
        width: 100%; }
        .search-results > li > form.c-points-adjustment .fields > div.buttons label:hover, .search-results > li > form.c-points-adjustment .fields > div.buttons label:focus {
          text-decoration: underline; }

input.toggle {
  display: none; }
  input.toggle:checked + .toggle-container {
    display: block; }
    input.toggle:checked + .toggle-container.toggle-container-flex {
      display: flex; }
  input.toggle:not(:checked) + .toggle-container {
    display: none; }

.c-points-adjustment {
  display: flex;
  margin: 0 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
  background: #f6f6f6;
  justify-content: space-between;
  align-items: center; }
  .c-points-adjustment .points-overview {
    overflow: hidden;
    width: 12rem;
    height: 12rem;
    text-align: center;
    background: #ffefd0;
    border: 2px solid #f07c31; }
    .c-points-adjustment .points-overview .title {
      padding-top: 1rem; }
    .c-points-adjustment .points-overview .points-display {
      font-size: 3rem;
      margin-top: 0.5rem; }
  .c-points-adjustment .fields {
    display: flex;
    align-items: flex-end; }
    .c-points-adjustment .fields > div:not(:first-of-type) {
      margin-left: 2rem; }
    .c-points-adjustment .fields > div.buttons {
      position: relative; }
      .c-points-adjustment .fields > div.buttons label {
        display: none; }
    .c-points-adjustment .fields > div label + label {
      margin-top: 0.5rem; }

body.dir--customer form.back {
  position: absolute; }
  body.dir--customer form.back button, body.dir--customer form.back .search-results > li > .points-container label, .search-results > li > .points-container body.dir--customer form.back label {
    font-size: 1.5rem;
    padding: 1rem 4rem;
    margin-top: 2.2rem; }
body.dir--customer form.details label.large {
  margin-left: 20rem;
  margin-bottom: 2rem; }
  body.dir--customer form.details label.large input {
    font-size: 1.5rem;
    padding: 1rem;
    width: 100%; }
body.dir--customer form.details .row {
  display: flex;
  justify-content: space-between; }
  body.dir--customer form.details .row .column {
    width: 40%; }
    body.dir--customer form.details .row .column input {
      width: 100%; }
body.dir--customer form.details .actions {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end; }
body.dir--customer hr {
  margin: 4rem 0; }
body.dir--customer .emails {
  margin-bottom: 4rem; }
body.dir--customer .history {
  margin-bottom: 4rem; }

body.uri--user-login > .search {
  display: none; }
body.uri--user-login form.auth {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 24rem; }
  body.uri--user-login form.auth h1 {
    width: 100%;
    text-align: center; }
  body.uri--user-login form.auth label {
    width: 100%; }
    body.uri--user-login form.auth label input {
      width: 100%; }
  body.uri--user-login form.auth button, body.uri--user-login form.auth .search-results > li > .points-container label, .search-results > li > .points-container body.uri--user-login form.auth label {
    margin-top: 2rem;
    width: 50%; }

body.dir--customer-view {
  min-width: 0;
  background-image: url("/asset/img/customer-background.jpg");
  background-size: auto 100vh;
  background-attachment: fixed;
  background-color: black;
  background-position: center; }
  @media (min-width: 64rem) {
    body.dir--customer-view {
      background-size: cover;
      background-repeat: no-repeat; } }
  @media (max-width: 64rem) {
    body.dir--customer-view > header h1 {
      display: block;
      margin: 0 auto; }
    body.dir--customer-view > header .account {
      display: none; } }
  body.dir--customer-view > .search {
    display: none; }
  body.dir--customer-view main {
    margin-top: 8rem;
    padding-top: 1rem;
    background: rgba(255, 255, 255, 0.9);
    animation: fade-up 1 1s 1s ease-in-out backwards; }
    body.dir--customer-view main > h1 {
      font-weight: 200;
      text-transform: uppercase;
      margin: 1rem;
      padding: 1rem;
      text-align: center;
      background: #f07c31;
      color: white; }
    body.dir--customer-view main .points {
      padding: 1rem;
      display: flex; }
      body.dir--customer-view main .points .points-overview {
        overflow: hidden;
        width: 16rem;
        height: 16rem;
        text-align: center;
        background: #000000;
        color: #ddd;
        margin-right: 4rem; }
        body.dir--customer-view main .points .points-overview .title {
          padding-top: 4rem;
          font-weight: 200; }
        body.dir--customer-view main .points .points-overview .points-display {
          font-size: 3rem;
          margin-top: 0.5rem; }
      body.dir--customer-view main .points .info {
        font-size: 1.25rem;
        width: 60%;
        line-height: 1.5;
        font-weight: 200; }
        @media (max-width: 64rem) {
          body.dir--customer-view main .points .info {
            font-size: 1rem;
            width: 80%;
            margin-top: 4rem; } }
      @media (max-width: 64rem) {
        body.dir--customer-view main .points {
          flex-direction: column;
          align-items: center; }
          body.dir--customer-view main .points .points-overview {
            margin-right: 0; } }
  body.dir--customer-view .newsletter {
    border-top: 4px solid #f07c31;
    margin: 8rem auto;
    max-width: 48rem;
    padding-top: 4rem;
    text-align: center; }
    body.dir--customer-view .newsletter img {
      display: block;
      width: 60%;
      height: auto;
      margin: 1rem auto; }
    body.dir--customer-view .newsletter h1 {
      text-align: center; }
    body.dir--customer-view .newsletter article {
      margin: 1rem;
      line-height: 1.5;
      font-weight: 200;
      text-align: left; }
      body.dir--customer-view .newsletter article h1, body.dir--customer-view .newsletter article h2, body.dir--customer-view .newsletter article h3, body.dir--customer-view .newsletter article h4, body.dir--customer-view .newsletter article h5, body.dir--customer-view .newsletter article h6 {
        font-weight: normal; }
      body.dir--customer-view .newsletter article .eltdf-post-info-bottom, body.dir--customer-view .newsletter article .eltdf-post-info-category {
        display: none; }

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(2rem); } }

/*# sourceMappingURL=style.css.map */