.article-snippet {
  display: flex;
  padding: 16px 0;
  border-bottom: solid 1px rgba(231, 237, 245, 0.5); }
  .article-snippet.article-snippet--borderless {
    border-bottom: none; }
  .article-snippet__image {
    border-radius: 8px;
    width: 64px;
    height: 64px;
    box-shadow: 0 2px 16px 0 #dce5f0;
    margin-right: 16px; }
  .article-snippet__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden; }
  .article-snippet__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    color: #334680;
    overflow: hidden;
    max-height: 2.86em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .article-snippet__subtitle {
    margin-top: 6px;
    font-size: 12px;
    color: #8590B3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
  .article-snippet__category {
    text-transform: uppercase; }
  .article-snippet__circle:before {
    content: ' \25CF';
    font-size: 6px;
    margin: 0 8px;
    position: relative;
    top: -2px; }
  .article-snippet--with-avatar {
    border-bottom: none;
    padding-bottom: 0; }
    .article-snippet--with-avatar .article-snippet__image {
      border-radius: 50%;
      box-shadow: none; }
    .article-snippet--with-avatar .article-snippet__text {
      border-bottom: solid 1px rgba(231, 237, 245, 0.5);
      padding-bottom: 16px;
      min-height: 58px; }
  .article-snippet--big .article-snippet__image {
    width: 160px;
    height: 94px;
    margin-right: 8px; }

.lazy-load-image-background.blur {
  filter: blur(15px);
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
  filter: blur(0);
  transition: filter .3s;
}

.lazy-load-image-background.blur > img {
  opacity: 0;
}

.lazy-load-image-background.blur.lazy-load-image-loaded > img {
  opacity: 1;
  transition: opacity .3s;
}

.article-snippet--tanya-dokter {
  position: relative; }
  .article-snippet--tanya-dokter .article-snippet__wrapper {
    display: flex;
    flex-direction: column; }
  .article-snippet--tanya-dokter .article-snippet__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.34px;
    color: #334680; }
  .article-snippet--tanya-dokter .article-snippet__subtitle {
    margin-top: 5px;
    display: flex;
    flex-direction: column; }
  .article-snippet--tanya-dokter .article-snippet__by {
    color: #8590b3;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 4px;
    display: block; }
  .article-snippet--tanya-dokter .article-snippet__reporter {
    color: #5983f0;
    line-height: 1.43;
    letter-spacing: 0.34px;
    font-weight: 500;
    font-size: 14px;
    display: block; }

.article-snippet--video {
  flex-direction: column;
  border-bottom: none;
  position: relative; }
  .article-snippet--video.article-snippet--border-mask::before {
    content: ' ';
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    top: -1px; }
  .article-snippet--video .article-snippet__wrapper {
    background-color: #ffffff;
    box-shadow: 0 8px 24px 0 rgba(220, 229, 240, 0.7);
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    border-radius: 5px; }
  .article-snippet--video .article-snippet__thumbnail {
    width: 100%; }
    .article-snippet--video .article-snippet__thumbnail .lazy-load-image-background {
      width: 100%; }
  .article-snippet--video .article-snippet__image {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .article-snippet--video .article-snippet__text {
    margin-left: 0;
    padding: 16px 8px; }
  .article-snippet--video .article-snippet__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.34px; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.action {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease; }
  .action--show {
    opacity: 1;
    z-index: 99999;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
  .action__shadow {
    background-color: #444444;
    opacity: 0.9;
    width: 100%;
    height: 100%; }
  .action__modal {
    position: absolute;
    height: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    -o-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out; }
    .action__modal--show-1 {
      height: 136px; }
    .action__modal--show-2 {
      height: 190px; }
    .action__modal--show-3 {
      height: 245px; }
    .action__modal__actions {
      display: flex;
      flex-direction: column;
      padding-left: 14px;
      padding-right: 14px; }
      .action__modal__actions--cancel {
        padding-left: 14px;
        padding-right: 14px; }
      .action__modal__actions button:not(:last-child) {
        border-bottom: 1px solid #e7e7e7; }
      .action__modal__actions button:first-child {
        border-top-right-radius: 13px;
        border-top-left-radius: 13px; }
      .action__modal__actions button:last-child {
        border-bottom-right-radius: 13px;
        border-bottom-left-radius: 13px; }
    .action__modal__button {
      color: #5983f0;
      background-color: #ffffff;
      height: 54px;
      width: 100%;
      font-size: 20px;
      box-shadow: none;
      outline: none;
      border: none; }
      .action__modal__button--delete {
        color: #ff3b30;
        background-color: #ffffff; }
      .action__modal__button--cancel {
        color: #5983f0;
        font-weight: 600;
        height: 57px;
        margin-top: 12px;
        border-radius: 13px; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.popup {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease; }
  .popup--show {
    opacity: 1;
    z-index: 99999;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease; }
  .popup__shadow {
    background-color: #444444;
    opacity: 0.9;
    width: 100%;
    height: 100%; }
  .popup__modal {
    position: absolute;
    height: 0;
    bottom: 0;
    padding: 0 16px;
    overflow: hidden;
    background-color: #ffffff;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out; }
    .popup__modal--show {
      height: 421px; }
    .popup__modal__title {
      color: #334680;
      font-size: 20px;
      line-height: 1.5;
      letter-spacing: 0.34px;
      text-align: center;
      margin-top: 31px;
      margin-bottom: 28px; }
    .popup__modal__image {
      max-width: 150px;
      width: 100%;
      display: block;
      margin: 0 auto; }
    .popup__modal__desc {
      color: #565656;
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
      margin-top: 30px;
      margin-bottom: 37px; }
    .popup__modal__actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px; }
    .popup__modal__button {
      background-color: #5983f0;
      color: #ffffff;
      height: 48px;
      width: 100%;
      border-radius: 25px;
      font-size: 16px;
      font-weight: 500;
      box-shadow: none;
      outline: none;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 8px;
      margin-left: 10px; }
      .popup__modal__button--plain {
        color: #5983f0;
        background-color: #f7f7f7;
        margin-left: unset;
        margin-right: 10px; }
      .popup__modal__button.confirm {
        margin-left: 0; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.popup-custom {
  opacity: 0;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease; }
  .popup-custom--show {
    opacity: 1;
    z-index: 99999;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease; }
    .popup-custom--show.almost-full .popup-custom__modal--show {
      height: calc(100vh - 56px); }
    .popup-custom--show.w-border-bot-title .popup-custom__modal--show {
      height: 247px; }
  .popup-custom.almost-full .popup-custom__modal, .popup-custom.w-border-bot-title .popup-custom__modal {
    padding: 0;
    width: 100%; }
  .popup-custom.almost-full .popup-custom__modal__title, .popup-custom.w-border-bot-title .popup-custom__modal__title {
    border-bottom: 1px solid #e7edf5;
    padding: 14px 0;
    margin: 0; }
  .popup-custom.almost-full .popup-custom__modal__close, .popup-custom.w-border-bot-title .popup-custom__modal__close {
    top: 16px; }
  .popup-custom__shadow {
    background-color: #444444;
    opacity: 0.9;
    width: 100%;
    height: 100%; }
  .popup-custom__modal {
    position: absolute;
    width: calc(100% - 32px);
    height: 0;
    bottom: 0;
    padding: 0 16px;
    overflow: hidden;
    background-color: #ffffff;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out; }
    .popup-custom__modal--show {
      height: 228px; }
      .popup-custom__modal--show span {
        display: block;
        width: 59px;
        height: 6px;
        margin: 14px auto 0;
        border-radius: 4px;
        background-color: #e7edf5; }
    .popup-custom__modal__title {
      color: #334680;
      font-size: 20px;
      line-height: 1.5;
      letter-spacing: 0.34px;
      text-align: center;
      margin-top: 31px;
      margin-bottom: 28px; }
    .popup-custom__modal__close {
      position: absolute;
      top: 34px;
      right: 18px; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.modalPopup {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease; }
  .modalPopup--show {
    opacity: 1;
    z-index: 99999;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .modalPopup__shadow {
    background-color: #444444;
    opacity: 0.9;
    width: 100%;
    height: 100%; }
  .modalPopup__modal {
    max-width: 80%;
    position: absolute;
    height: 0;
    padding: 0 16px;
    overflow: hidden;
    background-color: #ffffff;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out; }
    .modalPopup__modal--show {
      height: 421px; }
    .modalPopup__modal__title {
      color: #334680;
      font-size: 20px;
      line-height: 1.5;
      letter-spacing: 0.34px;
      text-align: center;
      margin-top: 31px;
      margin-bottom: 28px; }
    .modalPopup__modal__image {
      max-width: 150px;
      width: 100%;
      display: block;
      margin: 0 auto; }
    .modalPopup__modal__desc {
      color: #565656;
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
      margin-top: 30px;
      margin-bottom: 37px; }
    .modalPopup__modal__actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px; }
    .modalPopup__modal__button {
      background-color: #5983f0;
      color: #ffffff;
      height: 48px;
      width: 100%;
      border-radius: 25px;
      font-size: 16px;
      font-weight: 500;
      box-shadow: none;
      outline: none;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 8px;
      margin-left: 10px; }
      .modalPopup__modal__button--plain {
        color: #5983f0;
        background-color: #f7f7f7;
        margin-left: unset;
        margin-right: 10px; }
      .modalPopup__modal__button.confirm {
        margin-left: 0; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.popup-second {
  z-index: 101 !important; }

.popup-full,
.popup-second {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  z-index: 0;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }
  .popup-full.show,
  .popup-second.show {
    height: 100%;
    z-index: 100; }
  .popup-full.no-padding .popup-full__modal__body,
  .popup-second.no-padding .popup-full__modal__body {
    padding: 56px 0; }
  .popup-full.to-right,
  .popup-second.to-right {
    top: 0;
    left: unset;
    width: 0;
    height: 100%; }
    .popup-full.to-right.show,
    .popup-second.to-right.show {
      width: 100%; }
  .popup-full__modal,
  .popup-second__modal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
    background-color: #ffffff; }
    .popup-full__modal__header,
    .popup-second__modal__header {
      width: 100%;
      position: fixed;
      height: 55px;
      display: flex;
      background-color: #ffffff;
      z-index: 10;
      align-items: center;
      text-align: center;
      border-bottom: solid 1px #f7f7f7; }
      .popup-full__modal__header__title,
      .popup-second__modal__header__title {
        flex: 1;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.29;
        letter-spacing: -0.41px;
        color: #334680; }
      .popup-full__modal__header__close,
      .popup-second__modal__header__close {
        position: absolute;
        left: 16px;
        width: 24px;
        height: 24px; }
      .popup-full__modal__header__right-action,
      .popup-second__modal__header__right-action {
        cursor: pointer;
        position: absolute;
        right: 16px;
        color: #334680; }
        .popup-full__modal__header__right-action.disabled,
        .popup-second__modal__header__right-action.disabled {
          color: #bbc1d4; }
      .popup-full__modal__header__search,
      .popup-second__modal__header__search {
        position: absolute;
        right: 16px;
        width: 24px;
        height: 40px;
        text-align: right;
        transition: all 0.35s;
        -webkit-transition: all 0.35s; }
        .popup-full__modal__header__search__expand-icon, .popup-full__modal__header__search__clear-icon,
        .popup-second__modal__header__search__expand-icon,
        .popup-second__modal__header__search__clear-icon {
          position: absolute;
          top: 0;
          right: 0;
          display: block;
          margin-top: 8px; }
        .popup-full__modal__header__search__clear-icon,
        .popup-second__modal__header__search__clear-icon {
          display: none; }
          .popup-full__modal__header__search__clear-icon--show,
          .popup-second__modal__header__search__clear-icon--show {
            display: block;
            top: 2px;
            right: 14px;
            width: 20px;
            height: 20px;
            z-index: 1; }
        .popup-full__modal__header__search.expanded,
        .popup-second__modal__header__search.expanded {
          width: calc(100% - 68px); }
          .popup-full__modal__header__search.expanded input,
          .popup-second__modal__header__search.expanded input {
            visibility: visible;
            padding: 11px 48px 11px 16px; }
        .popup-full__modal__header__search input,
        .popup-second__modal__header__search input {
          position: absolute;
          left: 0;
          z-index: 1;
          visibility: hidden;
          width: 100%;
          height: 40px;
          border: solid 1px #cdd9fa;
          border-radius: 20px;
          box-sizing: border-box;
          font-size: 14px;
          color: #565656;
          outline: none;
          transition: visibility 0.28s; }
    .popup-full__modal__body,
    .popup-second__modal__body {
      padding: 56px 16px 0; }
      .popup-full__modal__body--scrollable,
      .popup-second__modal__body--scrollable {
        overflow: auto;
        height: -webkit-fill-available; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.modalPreview {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease; }
  .modalPreview--show {
    opacity: 1;
    z-index: 99999;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .modalPreview__shadow {
    background-color: #444444;
    opacity: 0.9;
    width: 100%;
    height: 100%; }
  .modalPreview__modal {
    max-width: 80%;
    position: absolute;
    height: 0;
    padding: 0 16px;
    overflow: hidden;
    background-color: #ffffff;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out; }
    .modalPreview__modal--show {
      min-height: 250px; }
    .modalPreview__modal__title {
      color: #334680;
      font-size: 20px;
      line-height: 1.5;
      letter-spacing: 0.34px;
      text-align: center;
      margin-top: 31px;
      margin-bottom: 28px; }
    .modalPreview__modal__image {
      max-width: 200px;
      width: 100%;
      display: block;
      margin: 0 auto; }
    .modalPreview__modal__desc {
      color: #565656;
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
      margin-top: 30px;
      margin-bottom: 37px; }
    .modalPreview__modal__actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px; }
    .modalPreview__modal__button {
      background-color: #229BD8;
      color: #ffffff;
      height: 40px;
      width: 100%;
      border-radius: 5px;
      font-size: 16px;
      font-weight: 500;
      box-shadow: none;
      outline: none;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 8px;
      margin-left: 10px; }
      .modalPreview__modal__button--plain {
        color: #5983f0;
        background-color: #f7f7f7;
        margin-left: unset;
        margin-right: 10px; }
      .modalPreview__modal__button.confirm {
        margin-left: 0; }

.breadcrumb {
  font-size: 14px;
  color: #848FB3;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden; }
  .breadcrumb__tile {
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    transition: max-width 300ms ease-in-out; }
    .breadcrumb__tile:not(:first-child) {
      padding-left: 22px; }
      .breadcrumb__tile:not(:first-child)::before {
        content: ' \25CF';
        font-size: 6px;
        margin: 0 8px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
    .breadcrumb__tile::after {
      content: "";
      background: #ffffff;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 50%, #ffffff 100%);
      padding-left: 1em;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      transition: opacity .2s ease, visibility .2s ease; }
    .breadcrumb__tile:not(:last-child) {
      max-width: 2em; }
    .breadcrumb__tile:last-child {
      flex: 1; }
      .breadcrumb__tile:last-child::after {
        opacity: 0;
        visibility: hidden; }
      .breadcrumb__tile:last-child .breadcrumb__text {
        text-overflow: ellipsis; }
    .breadcrumb__tile:hover {
      max-width: 100%; }
      .breadcrumb__tile:hover::after {
        opacity: 0;
        visibility: hidden; }
  .breadcrumb__text {
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: #848FB3;
    overflow: hidden;
    white-space: nowrap; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.custom-selector {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column; }
  .custom-selector label {
    text-transform: uppercase;
    color: #8590b3;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.34px; }
  .custom-selector__select {
    height: 48px;
    border-radius: 6px;
    border: solid 1px #cdd9fa;
    color: #5983f0;
    font-size: 14px;
    line-height: 1.43;
    padding: 0 12px;
    outline: none;
    box-shadow: none;
    background-color: #ffffff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
    .custom-selector__select-wrapper {
      position: relative;
      display: flex;
      flex-direction: column; }
    .custom-selector__select:focus {
      border-color: #5983f0; }
    .custom-selector__select__arrow {
      width: 16px;
      height: 16px;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }

.dlapp-entry {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 16px; }
  .dlapp-entry__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .dlapp-entry__icon {
    max-width: 150px;
    width: 100%;
    height: auto; }
  .dlapp-entry__title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.04;
    color: #334680;
    margin-top: 40px;
    margin-bottom: 0; }
  .dlapp-entry__description {
    font-size: 14px;
    line-height: 1.5;
    color: #8590b3;
    margin-top: 16px; }
  .dlapp-entry__buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-top: 16px; }
    .dlapp-entry__buttons a {
      outline: none;
      text-decoration: none;
      font-size: 16px;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 311px;
      width: 100%;
      height: 48px;
      border-radius: 25px;
      margin-bottom: 8px; }
  .dlapp-entry__download {
    background-color: #5983f0;
    color: #ffffff; }
  .dlapp-entry__question {
    background-color: transparent;
    color: #5983f0; }

.error-ticker {
  position: fixed;
  top: -100%;
  left: 0;
  right: 0;
  background-color: #ff4e5e;
  text-align: center;
  padding: 16px;
  z-index: 9999999;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  .error-ticker--show {
    top: 0; }
  .error-ticker p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500; }

.tag-filter {
  cursor: pointer;
  white-space: nowrap;
  background-color: #ffffff;
  border: solid 1px #d6dcee;
  color: #848fb3;
  font-size: 14px;
  padding: 11px 18px;
  border-radius: 21px; }
  .tag-filter__active {
    background-color: #f1f5ff;
    color: #5983f0; }
  .tag-filter:not(:last-child) {
    margin-right: 8px; }

.headline .slick-list {
  height: 200px !important; }

.headline__container {
  cursor: pointer;
  outline: none;
  position: relative; }
  .headline__container:after {
    border-radius: 5px;
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    margin-top: -90px;
    height: 90px;
    width: 300px;
    content: '';
    margin-left: 8px; }

.headline img {
  width: 300px;
  height: 170px;
  border-radius: 5px;
  box-shadow: 0 8px 24px 0 rgba(85, 101, 145, 0.5);
  margin: 0 8px; }

.headline__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 12px 20px; }

.headline__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.44;
  color: #FFFFFF;
  text-align: left;
  z-index: 2;
  letter-spacing: -0.34px; }

.headline__time {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.5; }

.headline-v2 .slick-track {
  margin-left: 8px; }

.headline-v2 .slick-list {
  height: 200px !important; }

.headline-v2 .slick-dots {
  bottom: 8px;
  text-align: left;
  padding: 0 16px;
  box-sizing: border-box; }
  .headline-v2 .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 6px 0 0; }
    .headline-v2 .slick-dots li button {
      width: 8px;
      height: 8px;
      padding: 0;
      background-color: #dce5f0;
      border-radius: 50%;
      transition: width .3s ease-in-out; }
      .headline-v2 .slick-dots li button::before {
        display: none;
        content: ""; }
    .headline-v2 .slick-dots li.slick-active {
      width: 16px; }
      .headline-v2 .slick-dots li.slick-active button {
        background-color: #5983f0;
        width: 16px;
        border-radius: 4px; }

.headline-v2__container {
  cursor: pointer;
  outline: none;
  position: relative; }
  .headline-v2__container:after {
    border-radius: 5px;
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    margin-top: -90px;
    height: 90px;
    width: 300px;
    content: '';
    margin-left: 8px; }

.headline-v2 img {
  width: 300px;
  height: 170px;
  border-radius: 5px;
  box-shadow: 0 8px 24px 0 rgba(85, 101, 145, 0.3);
  margin: 0 8px; }

.headline-v2__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 12px 20px; }

.headline-v2__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.44;
  color: #FFFFFF;
  text-align: left;
  z-index: 2;
  letter-spacing: -0.34px; }

.headline-v2__time {
  color: #ffffff;
  font-size: 12px;
  line-height: 1.5; }

.checkbox__container {
  display: block;
  position: relative;
  color: #8590b3;
  padding-left: 35px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox__container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .checkbox__container.filter {
    color: #334680;
    margin-bottom: 30px; }
  .checkbox__container.rtl {
    padding-left: 0;
    width: calc(100vw - 50px);
    padding-right: 18px; }

.checkbox__checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #33467F;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  .checkbox__checkmark.square {
    border-radius: 3px; }
  .checkbox__checkmark.rtl {
    left: unset;
    right: 0; }

.checkbox__container input:checked ~ .checkbox__checkmark {
  background-color: #33467F; }

.checkbox__container input:checked ~ .checkbox__checkmark:after {
  display: block; }

.checkbox__container .checkbox__checkmark:after {
  content: '';
  position: absolute;
  display: none;
  left: 6.3px;
  top: 3.3px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.checkbox__container .checkbox__checkmark.square:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border-width: 0 2px 2px 0; }

.lazyload-content {
  position: relative; }

.search-result__empty {
  position: fixed;
  top: 147px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  justify-content: center;
  align-items: center; }
  .search-result__empty__title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: 0.34px;
    text-align: center;
    color: #334680; }
  .search-result__empty__subtitle {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #8590b3; }
  .search-result__empty.empty-appointment {
    top: 12px; }

.doctor-list-content {
  padding: 16px 16px 0; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.faskes-list-content {
  padding: 16px 16px 0; }
  .faskes-list-content__list--disable-scroll {
    overflow: hidden;
    height: calc(100vh - 128px);
    width: 100%; }
  .faskes-list-content__filter-container {
    padding: 16px 0;
    margin-bottom: 36px; }
    .faskes-list-content__filter-container-more {
      padding: 16px 0;
      margin-bottom: 65px; }
    .faskes-list-content__filter-container-list {
      position: relative; }
      .faskes-list-content__filter-container-list:not(:last-child) {
        border-bottom: solid 1px rgba(231, 237, 245, 0.5);
        margin-bottom: 26px; }
      .faskes-list-content__filter-container-list-title {
        font-size: 20px;
        font-weight: bold;
        color: #334680;
        line-height: 1.25;
        letter-spacing: 0.34px;
        margin-bottom: 26px; }
      .faskes-list-content__filter-container-list-more {
        cursor: pointer;
        color: #5983f0;
        font-size: 14px;
        margin: -4px 0 28px; }
    .faskes-list-content__filter-container-action {
      border-top: solid 1px rgba(231, 237, 245, 0.5);
      box-shadow: 0 2px 4px 0 rgba(220, 229, 240, 0.7);
      background-color: #ffffff;
      padding: 16px;
      position: fixed;
      bottom: -81px;
      left: 0;
      right: 0;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      .faskes-list-content__filter-container-action.show {
        bottom: 0; }
      .faskes-list-content__filter-container-action-btn {
        background-color: #5983f0;
        color: #ffffff;
        width: 100%;
        height: 48px;
        border-radius: 25px;
        font-size: 16px;
        font-weight: 500;
        box-shadow: none;
        outline: none;
        border: none;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease; }
        .faskes-list-content__filter-container-action-btn:disabled {
          background-color: #e6e7e8;
          color: #8590b3;
          opacity: 0.5; }
  .faskes-list-content__filter-act {
    display: flex;
    justify-content: space-between; }
    .faskes-list-content__filter-act--count {
      font-size: 14px;
      line-height: 42px;
      color: #8590b3; }
    .faskes-list-content__filter-act--btn-filter {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #ffffff;
      color: #5A5F7F;
      height: 40px;
      border-radius: 25px;
      font-size: 14px;
      font-weight: 500;
      padding: 0 16px;
      margin-bottom: 16px;
      box-shadow: none;
      outline: none;
      border: 1px solid #cdd9fa; }
    .faskes-list-content__filter-act--icon {
      margin-top: -1px;
      margin-right: 6px; }
  .faskes-list-content__clear {
    clear: both; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.list-card {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 18px 16px;
  margin-bottom: 16px;
  background-color: #ffffff;
  box-shadow: 0 4px 16px 0 rgba(85, 101, 145, 0.2);
  border-radius: 8px; }
  .list-card__content {
    width: calc(100% - 38px); }
    .list-card__content div {
      color: #334680;
      font-weight: 600;
      line-height: 1.5;
      display: flex;
      align-content: center; }
      .list-card__content div img {
        margin-left: 4px; }
    .list-card__content small {
      font-size: 12px;
      color: #8590b3; }
      .list-card__content small .danger {
        color: #ff4274; }
  .list-card__action.no-icon {
    display: none; }
  .list-card__action img {
    margin-top: -2px;
    cursor: pointer; }
  .list-card__action.center img {
    margin-top: 15px; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.list-card-addr {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 18px 16px;
  margin-bottom: 16px;
  background-color: #ffffff;
  box-shadow: 0 4px 16px 0 rgba(85, 101, 145, 0.2);
  border-radius: 8px;
  cursor: pointer; }
  .list-card-addr__selected {
    border: 2px solid #5983f0 !important; }
  .list-card-addr__selected {
    border: 0px; }
  .list-card-addr__content {
    width: calc(100% - 38px); }
    .list-card-addr__content div {
      color: #334680;
      font-weight: 600;
      line-height: 1.5; }
    .list-card-addr__content small {
      font-size: 12px;
      color: #8590b3; }
      .list-card-addr__content small .danger {
        color: #ff4274; }
  .list-card-addr__action.no-icon {
    display: none; }
  .list-card-addr__action img {
    margin-top: -2px;
    cursor: pointer; }
  .list-card-addr__action.center img {
    margin-top: 15px; }
  .list-card-addr__action-left.no-icon {
    display: none; }
  .list-card-addr__action-left img {
    margin-top: -2px;
    cursor: pointer;
    margin-left: -10px; }
  .list-card-addr__action-left.center img {
    margin-top: 15px; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.list-img {
  position: relative;
  padding: 18px 16px;
  margin-bottom: 16px;
  background-color: #ffffff;
  box-shadow: 0 4px 16px 0 rgba(85, 101, 145, 0.2);
  border-radius: 8px; }
  .list-img__content {
    display: flex; }
    .list-img__content__logo {
      width: 72px;
      height: 72px;
      margin-right: 16px; }
      .list-img__content__logo--wrapper {
        position: relative;
        overflow: hidden;
        box-shadow: 0 2px 8px 0 rgba(178, 190, 205, 0.9);
        border-radius: 8px;
        width: 72px;
        height: 72px; }
        .list-img__content__logo--wrapper.circle {
          border-radius: 50%; }
        .list-img__content__logo--wrapper span {
          width: 100%;
          height: 100%; }
      .list-img__content__logo--img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .list-img__content__detail {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .list-img__content__title {
      color: #334680;
      font-weight: 600;
      line-height: 1.5;
      margin-top: 2px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      .list-img__content__title.no-info {
        margin-top: 11px; }
    .list-img__content__desc {
      font-size: 14px;
      color: #334680;
      margin: 5px 0 6px;
      display: block;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      .list-img__content__desc.no-info {
        color: #8590b3; }
    .list-img__content__info {
      font-size: 12px;
      color: #8590b3;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      @media (max-width: 335px) {
        .list-img__content__info.pre-wrap {
          width: 82px;
          white-space: pre-wrap; } }
  .list-img__action {
    position: absolute;
    right: 16px;
    bottom: 18px; }
    .list-img__action.no-action {
      display: none; }
    .list-img__action button {
      background-color: #f6f6fd;
      color: #5983f0;
      height: 32px;
      border-radius: 25px;
      font-size: 12px;
      font-weight: 500;
      padding: 8px 14px;
      box-shadow: none;
      outline: none;
      border: none; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.menu-card {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(85, 101, 145, 0.2);
  padding: 15px 16px;
  margin-bottom: 8px; }
  .menu-card__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .menu-card__icon {
    margin-right: 16px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .menu-card__content {
    flex: 1;
    margin-right: 16px; }
  .menu-card__title {
    color: #334680;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.34px;
    margin-bottom: 4px; }
  .menu-card__desc {
    color: #8590b3;
    font-size: 14px;
    line-height: 1.43; }
  .menu-card__arrow {
    width: 6px;
    height: 10px;
    text-align: center;
    margin: 0 5px 0 0; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.maps-card {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(85, 101, 145, 0.2);
  padding: 15px 16px;
  margin-bottom: 8px; }
  .maps-card__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .maps-card__icon {
    margin-right: 16px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .maps-card__content {
    flex: 1;
    margin-left: 16px;
    margin-right: 16px; }
  .maps-card__title {
    color: #334680;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.34px;
    margin-bottom: 4px; }
  .maps-card__desc {
    color: #8590b3;
    font-size: 14px;
    line-height: 1.43; }
  .maps-card__arrow {
    width: 6px;
    height: 10px;
    text-align: center;
    margin: 0 5px 0 0; }

.button-maps {
  height: 48px;
  width: 96px;
  background-color: #F6F6FD;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #5983F0;
  border: 0;
  padding-top: 4px; }

.menu-tile {
  width: 82px;
  padding: 0 5px;
  margin-bottom: 24px; }
  @media screen and (max-width: 367px) {
    .menu-tile {
      padding: 0;
      width: 77px; } }
  .menu-tile__icon {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 0 4px 16px 0 rgba(85, 101, 145, 0.2);
    background-color: #FFFFFF;
    text-align: center; }
  .menu-tile__text {
    margin-top: 9px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #334680;
    display: block; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.menu-tile-v2 {
  cursor: pointer;
  padding: 5px 0;
  max-width: 76px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: break-word; }
  .menu-tile-v2__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(206, 221, 228, 0.25); }
    .menu-tile-v2__image img {
      max-width: 37px;
      max-height: 37px; }
  .menu-tile-v2 p {
    margin-top: 4px;
    font-size: 12px;
    color: #565656;
    text-align: center; }

.loader.process-loader {
  background-color: rgba(255, 255, 255, 0.8); }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.tanya-dokter-question-box {
  background-color: #ffffff;
  box-shadow: 0 8px 24px 0 rgba(220, 229, 240, 0.7);
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 16px; }
  .tanya-dokter-question-box__title {
    color: #8590b3;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 8px;
    font-weight: 500;
    text-transform: uppercase; }
  .tanya-dokter-question-box__question {
    color: #334680;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.34px;
    margin-bottom: 8px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }
  .tanya-dokter-question-box__info {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .tanya-dokter-question-box__info span {
      color: #8590b3;
      font-size: 12px;
      line-height: 1.5; }
  .tanya-dokter-question-box__correspondent {
    text-transform: capitalize; }
  .tanya-dokter-question-box__dot {
    margin: 0 8px;
    background-color: #98a1bf;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: block; }
  .tanya-dokter-question-box__doctor {
    margin-bottom: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .tanya-dokter-question-box__doctor__photo {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      object-fit: cover; }
    .tanya-dokter-question-box__doctor__info {
      margin-left: 8px; }
      .tanya-dokter-question-box__doctor__info p {
        color: #8590b3;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 2px; }
    .tanya-dokter-question-box__doctor__name {
      color: #334680;
      font-size: 14px;
      line-height: 1.43;
      letter-spacing: 0.34px;
      font-weight: 500; }
  .tanya-dokter-question-box__tags ul {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    .tanya-dokter-question-box__tags ul li {
      display: inline-block;
      margin-right: 8px;
      margin-bottom: 8px; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.share {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 1001;
  background-color: #ffffff;
  display: flex;
  flex-direction: column; }
  .share-header {
    width: 100%;
    position: fixed;
    height: 55px;
    display: flex;
    background-color: #ffffff;
    z-index: 10;
    align-items: center;
    text-align: center;
    border-bottom: solid 1px #f7f7f7; }
    .share-header__back {
      position: absolute;
      left: 16px;
      width: 24px;
      height: 24px; }
    .share-header__title {
      flex: 10;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: -0.34px;
      color: #334680; }
  .share__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 56px;
    flex: 1; }
  .share-info {
    padding: 24px 24px 24px 24px;
    margin-bottom: 16px;
    border-bottom: solid 1px #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .share-info__content {
      flex: 1; }
    .share-info__image {
      width: 72px;
      height: 72px;
      border-radius: 8px;
      overflow: hidden;
      object-fit: cover;
      object-position: center;
      margin-right: 9px; }
    .share-info__title {
      color: #334680;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.34px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    .share-info__timestamp {
      color: #8590b3;
      font-size: 12px;
      line-height: 1.5;
      margin-top: 6px;
      display: block; }
  .share-options {
    display: flex;
    flex-direction: column;
    padding: 0 24px 16px 24px; }
    .share-options__menu {
      display: flex;
      align-items: center;
      margin-bottom: 24px;
      cursor: pointer; }
      .share-options__menu__icon {
        width: 32px;
        height: 32px;
        margin-right: 16px; }
      .share-options__menu__title {
        color: #565656;
        font-size: 16px;
        line-height: 1.5; }
  .share-toast {
    background-color: #565656;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20%; }

.share-tray__wrapper {
  display: flex;
  flex-direction: column; }

.share-tray__options {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: flex-start; }

.share-tray__item {
  outline: none;
  margin-right: 10px;
  cursor: pointer; }
  .share-tray__item:last-child {
    margin-right: 0; }
  .share-tray__item__icon {
    width: 30px;
    height: 30px; }
    .share-tray__item__icon.img-loading {
      border-radius: 50%; }

.share-tray__toast {
  background-color: #565656;
  color: #ffffff;
  padding: 10px 10px;
  border-radius: 8px;
  font-size: 14px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20%; }

.simple-header {
  width: 100%;
  position: fixed;
  height: 56px;
  display: flex;
  background-color: #FFFFFF;
  z-index: 10;
  align-items: center;
  text-align: center; }
  .simple-header.bordered {
    border-bottom: solid 1px #f7f7f7; }
  .simple-header__back {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%); }
    .simple-header__back a {
      display: flex; }
  .simple-header__title {
    flex: 1;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.29;
    letter-spacing: -0.41px;
    color: #334680; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.slide-popup {
  z-index: 99999;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .slide-popup.slide-top-enter-done {
    top: 0;
    bottom: 0; }
  .slide-popup__shadow {
    background-color: #444444;
    opacity: 0.9;
    width: 100%;
    height: 100%; }
  .slide-popup__modal {
    padding: 29px 16px 24px 16px;
    background-color: #ffffff;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px; }
    .slide-popup__modal-wrapper {
      position: absolute;
      bottom: 0;
      width: 100%;
      max-height: 90%;
      overflow-y: scroll; }
    .slide-popup__modal__title {
      color: #334680;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.25;
      text-align: center;
      margin-bottom: 42px; }
    .slide-popup__modal__image {
      max-width: 150px;
      width: 100%;
      display: block;
      margin: 0 auto; }
    .slide-popup__modal__desc {
      color: #565656;
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
      margin-top: 36px;
      margin-bottom: 40px; }
    .slide-popup__modal__button {
      background-color: #5983f0;
      color: #ffffff;
      height: 48px;
      width: 100%;
      border-radius: 25px;
      font-size: 16px;
      font-weight: 500;
      box-shadow: none;
      outline: none;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center; }

.spin-loader {
  text-align: center;
  height: 50px; }
  .spin-loader img, .spin-loader svg {
    width: 40px;
    height: 40px; }

.tag-tile {
  cursor: pointer;
  background-color: #ffffff;
  border: solid 1px #5983f0;
  color: #848fb3;
  font-size: 12px;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 21px;
  display: flex;
  align-items: center;
  outline: none; }
  .tag-tile__icon {
    width: 16px;
    height: 16px;
    margin-left: 4px; }
  .tag-tile--compact {
    border: solid 1px #d6dcee;
    border-radius: 21px;
    line-height: 1.5;
    padding: 3px 8px; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.text-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px; }
  .text-input__wrapper {
    position: relative; }
  .text-input label {
    color: #8590b3;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.34px;
    margin-bottom: 16px; }
  .text-input input, .text-input textarea {
    font-size: 14px;
    background-color: #ffffff;
    border: solid 1px #cdd9fa;
    border-radius: 6px;
    height: 48px;
    max-height: 150px;
    max-width: 100%;
    width: 100%;
    color: #565656;
    padding: 0 16px;
    box-sizing: border-box;
    outline: none;
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease; }
    .text-input input:focus, .text-input textarea:focus {
      border-color: #5983f0; }
    .text-input input::placeholder, .text-input textarea::placeholder {
      color: #8590b3;
      opacity: 0.5; }
  .text-input textarea {
    padding: 16px;
    min-height: 72px;
    min-width: 100%; }
  .text-input__hint {
    margin-top: 4px;
    color: #8590b3;
    font-size: 12px;
    line-height: 1.5;
    display: block; }
  .text-input.with-prefix .text-input__wrapper input {
    padding-left: 76px; }
  .text-input.with-prefix .text-input__prefix {
    color: #565656;
    font-size: 14px;
    font-weight: 500;
    border-right: solid 1px #cdd9fa;
    padding: 8px 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

.tag-address-location {
  position: relative; }
  .tag-address-location .simple-header {
    top: 0; }
  .tag-address-location__container {
    /* padding-top: 16px; */
    height: calc(100vh - 56px);
    display: flex;
    flex-direction: column; }

.tag-location__content {
  position: relative;
  flex: 1; }

.tag-location__map {
  width: 100%;
  height: 100%; }

.tag-location__marker-confirm {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  z-index: 11;
  outline: none;
  box-shadow: none;
  border: none;
  background-color: #5983f0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  width: calc(100% - 32px);
  height: 48px;
  border-radius: 25px;
  margin: 8px auto 24px auto;
  cursor: pointer; }

.tag-location__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  background-color: rgba(68, 68, 68, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease; }
  .tag-location__overlay.show {
    opacity: 1;
    visibility: visible; }

.tag-location__popup {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
  display: flex;
  flex-direction: column; }
  .tag-location__popup.expand {
    max-height: 90%; }
  .tag-location__popup__container {
    padding: 24px 16px 0 16px;
    background-color: #ffffff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column; }

.location-confirm {
  display: flex;
  flex-direction: column; }
  .location-confirm__section {
    margin-bottom: 16px; }
    .location-confirm__section__title {
      text-transform: uppercase;
      color: #8590b3;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.34px;
      margin-bottom: 16px; }
  .location-confirm__info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .location-confirm__search {
    margin-left: 8px;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    cursor: pointer; }
  .location-confirm__tag-names {
    padding: 0;
    margin: 0;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    list-style-type: none; }
    .location-confirm__tag-names li {
      flex: 0 0 auto;
      border-radius: 21.5px;
      border: solid 1px #d6dcee;
      background-color: #ffffff;
      height: 32px;
      padding: 0 16px;
      margin-right: 8px;
      color: #8590b3;
      font-size: 14px;
      line-height: 1.36;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .location-confirm__tag-names li.selected {
        background-color: #f1f5ff;
        color: #5983f0;
        font-weight: 500; }
  .location-confirm__submit {
    outline: none;
    box-shadow: none;
    border: none;
    background-color: #5983f0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    height: 48px;
    border-radius: 25px;
    margin-top: 8px;
    margin-bottom: 24px;
    cursor: pointer; }
  .location-confirm .location-tile {
    flex: 1; }

.location-tile {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  .location-tile__icon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    flex: 0 0 auto; }
  .location-tile__content {
    flex: 1;
    overflow: hidden; }
  .location-tile__title {
    color: #334680;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.34px;
    margin-bottom: 8px; }
  .location-tile__subtitle {
    color: #565656;
    font-size: 14px;
    line-height: 1.43; }

.location-search {
  flex: 1;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column; }
  .location-search__close {
    position: absolute;
    top: 2px;
    right: 0;
    width: 24px;
    height: 24px; }
  .location-search__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.34px;
    text-align: center;
    margin-bottom: 16px;
    color: #334680; }
  .location-search__input {
    position: relative;
    display: flex;
    margin-bottom: 16px; }
    .location-search__input img {
      width: 24px;
      height: 24px;
      position: absolute;
      top: 50%;
      left: 16px;
      transform: translateY(-50%); }
    .location-search__input input {
      background-color: #ffffff;
      border: solid 1px #cdd9fa;
      border-radius: 24px;
      transition: border-color .3s ease;
      height: 48px;
      width: 100%;
      padding: 0 16px 0 56px;
      color: #565656;
      font-size: 14px;
      line-height: 1.43;
      outline: none; }
      .location-search__input input::placeholder {
        color: rgba(133, 144, 179, 0.5); }
      .location-search__input input:focus {
        border-color: #5983f0; }
  .location-search__from-map {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: solid 1px rgba(231, 237, 245, 0.5); }
    .location-search__from-map img {
      width: 24px;
      height: 24px;
      margin-right: 8px;
      flex: 0 0 auto; }
    .location-search__from-map p {
      flex: 1;
      color: #334680;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.34px;
      cursor: pointer; }
  .location-search__history {
    display: flex;
    flex-direction: column;
    max-height: 220px;
    overflow-y: scroll;
    padding-bottom: 16px; }
  .location-search__empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px; }
    .location-search__empty img {
      margin-bottom: 16px;
      width: 140px;
      height: 140px; }
    .location-search__empty p {
      color: #334680;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5;
      letter-spacing: 0.34px;
      text-align: center; }
  .location-search__list {
    display: flex;
    flex-direction: column;
    margin-top: 16px; }
  .location-search__result {
    overflow-y: scroll;
    padding-top: 16px;
    padding-bottom: 8px; }
    .location-search__result__not-found {
      font-size: 14px;
      line-height: 1.5;
      color: #8590b3;
      text-align: center;
      padding: 0 16px;
      margin: 14px 0 50px 0; }
  .location-search .location-tile {
    border-bottom: solid 1px rgba(231, 237, 245, 0.5);
    padding-bottom: 16px;
    margin-bottom: 16px; }
    .location-search .location-tile:last-child {
      border: none; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.tabs {
  overflow-y: hidden;
  overflow-x: scroll;
  display: flex; }
  .tabs::after {
    content: ' ';
    white-space: pre; }
  .tabs .tab-button:first-child {
    margin-left: 16px; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.tab-button {
  flex: 0 0 auto;
  cursor: pointer;
  padding: 0 20px;
  margin-right: 12px;
  min-width: 73px;
  height: 28px;
  background-color: #EDF6F3;
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  color: #54C36C;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .3s ease; }
  .tab-button.active {
    background-color: #54C36C;
    color: #ffffff;
    border-color: transparent;
    font-weight: 500; }

.floating-banner {
  position: fixed;
  bottom: 2%;
  right: 20px;
  cursor: pointer; }

/* Colours */
/* Size */
/* Shadow Colours */
/* Themes */
.step-footer-address {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: solid 1px #e7edf5;
  padding: 22px 16px 24px 16px;
  text-align: right;
  background-color: white; }
  .step-footer-address--no-border {
    border-top: 0; }
  .step-footer-address__button {
    background-color: #5983f0;
    color: #ffffff;
    height: 50px;
    width: 160px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: none;
    outline: none;
    border: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
    .step-footer-address__button--submit {
      width: 100%; }
    .step-footer-address__button:disabled {
      background-color: #e6e7e8;
      color: #8590b3;
      opacity: 0.5; }