/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*
  mixinname-2 --> medium
  mixinname-1 --> regular
*/
.enho-notification {
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  left: 0;
  letter-spacing: normal;
  line-height: normal;
  margin: auto;
  max-height: 200px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 15; }
  .enho-notification.e_notification__success {
    background-color: #5cd482;
    color: #fff; }
  .enho-notification.e_notification__error {
    background-color: #ff5959;
    color: #fff; }
  .enho-notification.e_notification__info {
    background-color: #000;
    color: #fff; }
  .enho-notification .e_notification__wrapper {
    padding: 15px; }
    .enho-notification .e_notification__wrapper .e_notification__inner__wrapper {
      align-items: center;
      display: flex; }
  .enho-notification .e_notification__icon {
    display: inline-flex;
    margin-right: 10px; }
  .enho-notification .e_notification__contents {
    font-size: 14px;
    max-height: 160px;
    overflow-y: auto;
    font-family: "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; }

@media (min-width: 576px) {
  /* Small devices */ }

@media (min-width: 768px) {
  .enho-notification {
    top: 11px;
    width: 400px; }
    .enho-notification .e_notification__wrapper {
      padding: 18px; }
    .enho-notification .e_notification__icon svg {
      height: 15px;
      width: 15px; }
    .enho-notification .e_notification__contents {
      font-size: 14px;
      margin-top: 0;
      font-family: "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px; } }

@media (min-width: 992px) {
  .enho-notification {
    top: 18px;
    width: 500px; }
    .enho-notification .e_notification__wrapper {
      padding: 18px; }
    .enho-notification .e_notification__icon svg {
      height: 16px;
      width: 16px; }
    .enho-notification .e_notification__contents {
      font-size: 15px; } }

@media (min-width: 1200px) {
  /* Extra large devices */ }

.enho-loader {
  background-color: rgba(0, 0, 0, 0.05);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 110; }
  .enho-loader .e_loader__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%; }

/*
  --- --- --- --- --- ---
  How to use Mixin
  --- --- --- --- --- ---
  .selector{
    @include transform(rotate(30deg));
  }
*/
/*
  --- --- --- --- --- ---
  How to use Extend
  --- --- --- --- --- ---
  .selector{
    @extend %hr-vr-center;
  }
*/
.enho-dialog .e_dialog__wrapper {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

/*
  mixinname-2 --> medium
  mixinname-1 --> regular
*/
.enho-dialog {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  font-family: "Visuelt", "Roboto", "Helvectica Neue", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  left: 0;
  letter-spacing: normal;
  line-height: normal;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 105; }
  .enho-dialog .e_dialog__wrapper {
    background-color: #f5f5f5;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 40px); }
  .enho-dialog .e_dialog__header {
    align-items: center;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 10px 0 rgba(63, 67, 71, 0.08);
    display: flex;
    justify-content: space-between;
    padding: 20px; }
    .enho-dialog .e_dialog__header .e_dialog__header__title {
      color: #565657;
      font-size: 16px;
      font-weight: 500; }
    .enho-dialog .e_dialog__header .e_dialog__header__close-button {
      background-color: transparent;
      border: 0;
      cursor: pointer;
      outline: none; }
  .enho-dialog .e_dialog__body {
    overflow: hidden;
    overflow-y: auto; }
    .enho-dialog .e_dialog__body .e_dialog__content {
      color: #545456;
      font-size: 16px;
      line-height: 1.3;
      padding: 30px 20px 20px;
      text-align: center; }
  .enho-dialog .e_dialog__body::-webkit-scrollbar {
    width: 6px; }
  .enho-dialog .e_dialog__body::-webkit-scrollbar-track {
    background-color: #fafafa; }
  .enho-dialog .e_dialog__body::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 3px; }
  .enho-dialog .e_dialog__footer {
    border-radius: 0 0 10px 10px;
    padding: 20px; }
    .enho-dialog .e_dialog__footer .e_dialog__footer__wrapper {
      text-align: center; }
    .enho-dialog .e_dialog__footer button.action-button {
      min-width: 110px;
      width: auto; }
    .enho-dialog .e_dialog__footer button:not(:first-child) {
      margin-left: 20px; }
  .enho-dialog.e_dialog__mobile-view .e_dialog__footer {
    border-top: 1px solid rgba(123, 135, 147, 0.3);
    padding: 0; }
    .enho-dialog.e_dialog__mobile-view .e_dialog__footer .e_dialog__footer__wrapper {
      display: flex; }
    .enho-dialog.e_dialog__mobile-view .e_dialog__footer button {
      font-size: 16px;
      height: 52px; }
      .enho-dialog.e_dialog__mobile-view .e_dialog__footer button:not(:last-child) {
        border-right: 1px solid rgba(123, 135, 147, 0.3); }
  .enho-dialog.e_dialog__bottom-view {
    display: flex;
    padding: 0; }
    .enho-dialog.e_dialog__bottom-view .e_dialog__wrapper {
      align-self: flex-end;
      animation: slideUp ease-in-out 0.5s;
      animation-fill-mode: forwards;
      animation-iteration-count: 1;
      border-radius: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transform: none;
      width: 100%; }
    .enho-dialog.e_dialog__bottom-view .e_dialog__header {
      border-bottom: 1px solid #7b87934d;
      border-radius: 0; }
      .enho-dialog.e_dialog__bottom-view .e_dialog__header .e_dialog__header__title {
        font-size: 15px;
        font-family: "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px; }
    .enho-dialog.e_dialog__bottom-view .e_dialog__content {
      background-color: #fff;
      font-size: 14px;
      padding-bottom: 30px;
      padding-top: 20px;
      text-align: left;
      font-family: "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px; }
  .enho-dialog.slide-down .e_dialog__wrapper {
    animation: slideDown ease-in-out 0.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1; }

.dark-theme .enho-dialog .e_dialog__wrapper {
  background-color: #262627; }
  .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__header {
    background-color: #333; }
    .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__header .e_dialog__header__title {
      color: #fff; }
    .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__header .e_dialog__header__close-button svg path {
      fill: #fff; }
  .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__body {
    background-color: #262627; }
    .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__body hr {
      border-color: rgba(123, 135, 147, 0.3); }
    .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__body .e_dialog__content {
      color: #d8dcde; }
  .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__body::-webkit-scrollbar-track {
    background-color: #262627; }
  .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__body::-webkit-scrollbar-thumb {
    background-color: #333537; }
  .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__footer__wrapper {
    background-color: #262627;
    border-color: #333537; }
    .dark-theme .enho-dialog .e_dialog__wrapper .e_dialog__footer__wrapper button {
      background-color: #262627;
      border-color: #333537; }

.dark-theme .enho-dialog.e_dialog__bottom-view .e_dialog__content {
  background-color: #333; }

@media (min-width: 576px) {
  /* Small devices */ }

@media (min-width: 768px) {
  .enho-dialog .e_dialog__wrapper {
    width: 550px; }
  .enho-dialog.e_dialog__bottom-view {
    display: block; }
    .enho-dialog.e_dialog__bottom-view .e_dialog__wrapper {
      animation: none;
      border-radius: 0;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 500px; }
    .enho-dialog.e_dialog__bottom-view .e_dialog__header .e_dialog__header__title {
      font-size: 18px; }
    .enho-dialog.e_dialog__bottom-view .e_dialog__content {
      background-color: #fff;
      font-size: 16px;
      padding-top: 20px;
      text-align: left; } }

@media (min-width: 992px) {
  .enho-dialog .e_dialog__wrapper {
    width: 700px; }
  .enho-dialog .e_dialog__header .e_dialog__header__title {
    font-size: 20px; }
  .enho-dialog .e_dialog__footer {
    padding: 30px; }
    .enho-dialog .e_dialog__footer button:not(:first-child) {
      margin-left: 30px; } }

@media (min-width: 1200px) {
  /* Extra large devices */ }

/*
  mixinname-2 --> medium
  mixinname-1 --> regular
*/
.notification-group .ng__heading {
  align-items: center;
  color: rgba(84, 84, 86, 0.5);
  display: grid;
  font-size: 12px;
  font-weight: 400;
  grid-template-columns: 35px auto 45px 45px 35px;
  grid-template-rows: auto;
  margin: 10px 10px 10px 0;
  text-transform: uppercase;
  font-family: "t-star", "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 16px;
  text-transform: uppercase; }
  .notification-group .ng__heading .ng__has-icon {
    align-items: center;
    display: flex;
    justify-content: center; }
    .notification-group .ng__heading .ng__has-icon a {
      cursor: pointer;
      display: inherit;
      margin-left: 5px; }
    .notification-group .ng__heading .ng__has-icon .__react_component_tooltip {
      box-shadow: 0 0 17px #828a8f;
      padding: 10px 15px;
      text-align: left;
      text-transform: none;
      width: 128px; }
    .notification-group .ng__heading .ng__has-icon .help-path {
      fill: #f37320; }

.notification-group .ng__notification-types {
  display: block; }

.notification-group.ng__has-push-info .ng__heading {
  grid-template-columns: 35px auto 45px 45px 55px;
  margin-right: -7px; }

.dark-theme .notification-group .ng__heading {
  color: #d8dcde; }

@media (min-width: 576px) and (max-width: 767px) {
  .notification-group .ng__heading {
    grid-template-columns: 23px auto 70px 70px 51px; }
  .notification-group.ng__has-push-info .ng__heading {
    grid-template-columns: 23px auto 70px 70px 51px;
    margin-right: 10px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .notification-group .ng__heading {
    grid-template-columns: 23px auto 90px 90px 62px; }
  .notification-group.ng__has-push-info .ng__heading {
    grid-template-columns: 23px auto 90px 90px 62px;
    margin-right: 10px; } }

@media (min-width: 992px) {
  .notification-group .ng__heading {
    grid-template-columns: 23px auto 90px 90px 62px; }
  .notification-group.ng__has-push-info .ng__heading {
    grid-template-columns: 23px auto 90px 90px 62px;
    margin-right: 10px; } }

@media (min-width: 1200px) {
  /* Extra large devices */ }

/*
  mixinname-2 --> medium
  mixinname-1 --> regular
*/
.notification-type {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(63, 67, 71, 0.2);
  margin-top: 10px;
  padding: 15px 10px 15px; }
  .notification-type.nt__collapsible-expanded {
    padding-bottom: 10px;
    transition: all 0.3s ease-in; }
  .notification-type .nt__header {
    align-items: center;
    display: grid;
    grid-template-columns: 23px auto 45px 45px 35px;
    grid-template-rows: auto; }
    .notification-type .nt__header .np__radio__checkbox-button {
      justify-content: center; }
  .notification-type .nt__arrow-icon {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    height: 19px;
    justify-content: center;
    min-width: 20px;
    outline: 0; }
    .notification-type .nt__arrow-icon svg {
      transform: rotate(90deg); }
    .notification-type .nt__arrow-icon.nt__expanded svg {
      transform: rotate(-90deg); }
  .notification-type .nt__title {
    color: #545456;
    font-size: 16px;
    font-weight: 300;
    margin-left: 5px;
    outline: none;
    font-family: "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; }
  .notification-type .nt__content {
    color: #545456;
    flex: 0 1;
    font-size: 12px;
    font-weight: 300;
    grid-column: 2/span 4;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
    font-family: "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; }
    .notification-type .nt__content.nt__expanded {
      flex: 1 1;
      height: auto;
      overflow: hidden;
      transition: all 0.3s ease-in; }
  .notification-type .nt__na {
    color: #545456;
    display: flex;
    justify-self: center; }

.notification-type-group .nt__content .ntg__desc {
  margin-left: 28px; }

.notification-type-group .nt__content.nt__expanded .ntg__desc {
  margin-bottom: 15px;
  margin-top: 10px; }

.notification-type-selection {
  background-color: #f3fafd;
  border-radius: 10px;
  box-shadow: none;
  padding-right: 0 !important; }
  .notification-type-selection .nt__title {
    font-size: 16px;
    font-weight: 400;
    max-width: 38vw;
    word-wrap: break-word; }
  .notification-type-selection .nt__content {
    margin-left: 28px; }
    .notification-type-selection .nt__content.nt__expanded {
      padding: 10px 0 5px 0; }

.dark-theme .notification-type {
  background-color: #272728; }
  .dark-theme .notification-type .nt__title {
    color: #fff; }
  .dark-theme .notification-type .nt__content {
    color: #8e9091; }
  .dark-theme .notification-type .nt__na svg path {
    fill: none; }
    .dark-theme .notification-type .nt__na svg path:last-child {
      fill: #fff;
      opacity: 0.5; }

.dark-theme .notification-type-selection {
  background-color: #333; }

@media (min-width: 576px) and (max-width: 767px) {
  .notification-type .nt__header {
    grid-template-columns: 23px auto 70px 70px 50px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .notification-type .nt__header {
    grid-template-columns: 23px auto 90px 90px 60px; } }

@media (min-width: 992px) {
  .notification-type .nt__header {
    grid-template-columns: 23px auto 90px 90px 60px; }
  .notification-type .nt__title {
    font-size: 17px; }
  .notification-type .nt__content {
    font-size: 14px; } }

@media (min-width: 1200px) {
  /* Extra large devices */ }

.np__nComp {
  background-color: #fff;
  padding: 10px 20px 20px; }
  .np__nComp.np__mobile-number__not-valid .np__radio__checkbox-button__unsubscribe input[type=checkbox] {
    border-color: #c3c1c1; }

.dark-theme .np__nComp {
  background: #333; }

/*
  mixinname-2 --> medium
  mixinname-1 --> regular
*/
.np__section .np__title {
  align-items: center;
  display: flex; }
  .np__section .np__title .np_info-icon {
    cursor: pointer;
    display: inline-flex;
    margin-left: 10px; }

.np__section .np__type-selector {
  align-items: center;
  display: flex;
  padding: 0 20px 22px; }
  .np__section .np__type-selector .np__radio__checkbox-button {
    margin-right: 10px; }
    .np__section .np__type-selector .np__radio__checkbox-button input[type=checkbox] {
      background-color: #fff;
      border-radius: 3px; }
      .np__section .np__type-selector .np__radio__checkbox-button input[type=checkbox]:checked {
        background-color: #01b5de; }
  .np__section .np__type-selector .np__ts__label {
    color: #545456;
    font-size: 16px;
    font-weight: 500;
    font-family: "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; }

.np__recommended .np__radio__checkbox-button input[type=checkbox]:checked {
  background-color: #c3c1c1; }

.np__recommended .np__radio__checkbox-button.np__radio__checkbox-button__partial input {
  border-color: #c3c1c1; }
  .np__recommended .np__radio__checkbox-button.np__radio__checkbox-button__partial input::before {
    border-color: #c3c1c1; }

.np__custom {
  /* custom */ }

.dark-theme .np__section .np__type-selector .np__ts__label {
  color: #d8dcde; }

.dark-theme .np__section .np__type-selector .np__radio__checkbox-button input[type=checkbox]:not(:checked) {
  background-color: transparent; }

.dark-theme .np__custom .np__radio__checkbox-button.np__radio__checkbox-button__partial input[type=radio],
.dark-theme .np__custom .np__radio__checkbox-button.np__radio__checkbox-button__partial input[type=checkbox] {
  border-color: #35c37d; }
  .dark-theme .np__custom .np__radio__checkbox-button.np__radio__checkbox-button__partial input[type=radio]::before,
  .dark-theme .np__custom .np__radio__checkbox-button.np__radio__checkbox-button__partial input[type=checkbox]::before {
    border-color: #35c37d; }

@keyframes slideUp {
  0% {
    top: '100%'; }
  100% {
    top: 0; } }

@keyframes slideDown {
  0% {
    top: 0; }
  100% {
    top: '100%'; } }

.np__radio__checkbox-button {
  display: flex; }
  .np__radio__checkbox-button input[type=radio],
  .np__radio__checkbox-button input[type=checkbox] {
    -webkit-appearance: none;
            appearance: none;
    border: 1px solid #707070;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 19px;
    line-height: inherit;
    margin: 0;
    outline: none;
    position: relative;
    width: 19px; }
    .np__radio__checkbox-button input[type=radio]::before,
    .np__radio__checkbox-button input[type=checkbox]::before {
      border: none;
      content: ''; }
    .np__radio__checkbox-button input[type=radio]:hover,
    .np__radio__checkbox-button input[type=checkbox]:hover {
      background-color: #f7f7f7; }
    .np__radio__checkbox-button input[type=radio]:disabled,
    .np__radio__checkbox-button input[type=checkbox]:disabled {
      background-color: #a2abb3;
      pointer-events: none; }
    .np__radio__checkbox-button input[type=radio]:checked,
    .np__radio__checkbox-button input[type=checkbox]:checked {
      background-color: #35c37d;
      border: 0;
      color: #fff; }
      .np__radio__checkbox-button input[type=radio]:checked::before,
      .np__radio__checkbox-button input[type=checkbox]:checked::before {
        background: transparent;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjgyMiIgaGVpZ2h0PSI3LjA3NiIgdmlld0JveD0iMCAwIDkuODIyIDcuMDc2Ij4KICA8cGF0aCBkPSJNMTQuMTU1LDcuNzczbC0uNjM1LjYzNS0yLjc3NCwyLjc3NHEtLjg3Mi44NjktMS43NCwxLjc0YS45ODYuOTg2LDAsMCwxLTEuMzcyLDBxLS4xNzItLjE3Mi0uMzM5LS4zNDFMNC44ODksMTAuMTY5QS45Ny45NywwLDEsMSw2LjI2MSw4LjhxLjE3Mi4xNzIuMzM5LjM0MWMuNTc0LjU3NCwxLjE0OSwxLjE1MiwxLjcyLDEuNzI1TDExLjA0NCw4LjE0bDEuNzQtMS43NGEuOTcuOTcsMCwxLDEsMS4zNzEsMS4zNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC42MTIgLTYuMTIzKSIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4K);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 10px 7px;
        border: none;
        content: '';
        display: block;
        font: inherit;
        height: 11px;
        margin: auto;
        padding: 0;
        width: 11px; }
      .np__radio__checkbox-button input[type=radio]:checked:disabled,
      .np__radio__checkbox-button input[type=checkbox]:checked:disabled {
        background-color: #a2abb3;
        color: #fff; }
  .np__radio__checkbox-button.np__radio__checkbox-button__unsubscribe input[type=radio],
  .np__radio__checkbox-button.np__radio__checkbox-button__unsubscribe input[type=checkbox] {
    background-color: #c8c9cb;
    border: 1px solid #545456; }
    .np__radio__checkbox-button.np__radio__checkbox-button__unsubscribe input[type=radio]::before,
    .np__radio__checkbox-button.np__radio__checkbox-button__unsubscribe input[type=checkbox]::before {
      display: none; }
  .np__radio__checkbox-button.np__radio__checkbox-button__read-only input {
    background-color: #b1b9c1 !important;
    border-color: #b1b9c1 !important;
    pointer-events: none; }
  .np__radio__checkbox-button.np__radio__checkbox-button__partial input {
    border-color: #35c37d;
    border-width: 2px; }
    .np__radio__checkbox-button.np__radio__checkbox-button__partial input::before {
      border: 1px solid #35c37d;
      content: '';
      height: auto;
      margin: auto;
      padding: 0;
      transform: rotate(180deg);
      width: 7px; }

.dark-theme .np__radio__checkbox-button input[type=radio],
.dark-theme .np__radio__checkbox-button input[type=checkbox] {
  border-color: #fff; }
  .dark-theme .np__radio__checkbox-button input[type=radio]:hover:not(:checked),
  .dark-theme .np__radio__checkbox-button input[type=checkbox]:hover:not(:checked) {
    background-color: #454a47; }
  .dark-theme .np__radio__checkbox-button input[type=radio]:checked::before,
  .dark-theme .np__radio__checkbox-button input[type=checkbox]:checked::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjgyMiIgaGVpZ2h0PSI3LjA3NiIgdmlld0JveD0iMCAwIDkuODIyIDcuMDc2Ij4KICA8cGF0aCBkPSJNMTQuMTU1LDcuNzczbC0uNjM1LjYzNS0yLjc3NCwyLjc3NHEtLjg3Mi44NjktMS43NCwxLjc0YS45ODYuOTg2LDAsMCwxLTEuMzcyLDBxLS4xNzItLjE3Mi0uMzM5LS4zNDFMNC44ODksMTAuMTY5QS45Ny45NywwLDEsMSw2LjI2MSw4LjhxLjE3Mi4xNzIuMzM5LjM0MWMuNTc0LjU3NCwxLjE0OSwxLjE1MiwxLjcyLDEuNzI1TDExLjA0NCw4LjE0bDEuNzQtMS43NGEuOTcuOTcsMCwxLDEsMS4zNzEsMS4zNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC42MTIgLTYuMTIzKSIgZmlsbD0iIzI3MjcyOCIvPgo8L3N2Zz4K); }

.dark-theme .np__radio__checkbox-button.np__radio__checkbox-button__unsubscribe input[type=radio],
.dark-theme .np__radio__checkbox-button.np__radio__checkbox-button__unsubscribe input[type=checkbox] {
  background-color: #515151;
  border-color: #515151; }
  .dark-theme .np__radio__checkbox-button.np__radio__checkbox-button__unsubscribe input[type=radio]:hover,
  .dark-theme .np__radio__checkbox-button.np__radio__checkbox-button__unsubscribe input[type=checkbox]:hover {
    background-color: #515151; }

.np__action-button {
  background-color: #01b5de;
  border: 1px solid;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 48px;
  outline: 0;
  padding: 10px 20px;
  width: auto; }
  .np__action-button.action-button__mobile-view {
    background: transparent;
    border: none;
    border-radius: 0 !important;
    color: #545456;
    margin: 0 !important;
    padding: 0;
    width: 50%; }
    .np__action-button.action-button__mobile-view.without-bg-border {
      font-size: 14px;
      font-weight: 500;
      margin: 0 !important; }
  .np__action-button.action-button__mobile-view-hr {
    background-color: transparent;
    border: none;
    border-radius: 0 !important;
    color: #01b4de;
    margin: 0 !important;
    width: 100%; }
    .np__action-button.action-button__mobile-view-hr:not(:first-child) {
      border-top: 1px solid rgba(123, 135, 147, 0.3); }
    .np__action-button.action-button__mobile-view-hr:last-child {
      color: #545456; }
  .np__action-button.action-button__round-corner {
    border-radius: 30px; }
  .np__action-button.action-button__full-width {
    width: 100%; }
  .np__action-button.action-button__auto-width {
    width: auto; }
  .np__action-button.action-button__disabled {
    background-color: #a2abb3;
    pointer-events: none; }
  .np__action-button.action-button__outline {
    background: transparent;
    border-color: #01b5de;
    color: #01b5de; }
  .np__action-button.without-bg-border {
    background: transparent;
    border: 0;
    color: #01b4de;
    font-size: 15px;
    font-weight: 500;
    margin: 10px 0 0 !important; }
  .np__action-button:not(:first-child) {
    margin-top: 15px; }

.np__action_button-text {
  color: #01b5de;
  display: inline-flex;
  text-decoration: underline; }
  .np__action_button-text a {
    color: inherit !important;
    display: inherit; }
  .np__action_button-text .np__ab-text__icon {
    display: inline-flex;
    margin-left: 5px; }

.dark-theme .np__action-button {
  border-color: transparent; }
  .dark-theme .np__action-button.action-button__mobile-view {
    color: #a2abb3; }
    .dark-theme .np__action-button.action-button__mobile-view.without-bg-border {
      color: #01b4de; }

.update-mobile-number {
  padding: 20px; }
  .update-mobile-number .umn__wrapper {
    text-align: center; }
    .update-mobile-number .umn__wrapper .umn__body {
      color: #545455;
      font-size: 14px;
      line-height: 1.3; }
  .update-mobile-number .e_dialog__wrapper {
    background-color: #fff; }
  .update-mobile-number .e_dialog__header {
    border-bottom: 1px solid rgba(123, 135, 147, 0.3);
    justify-content: center; }
  .update-mobile-number .dialog__action-button__cancel {
    font-weight: 500; }
  .update-mobile-number .dialog__action-button__update {
    color: #01b4de !important;
    font-weight: 500; }

.dark-theme .update-mobile-number .umn__wrapper .umn__body {
  color: #d8dcde; }

body {
  margin: 0; }

.text-center {
  text-align: center; }

.np__btn-as-div {
  background: transparent;
  border: none;
  outline: 0;
  padding: 0; }

.dark-theme .info-icon-path {
  fill: #272728; }

/*
  --- --- --- --- --- ---
  How to use Mixin
  --- --- --- --- --- ---
  .selector{
    @include transform(rotate(30deg));
  }
*/
/*
  --- --- --- --- --- ---
  How to use Mixin
  --- --- --- --- --- ---
  .selector{
    @include transform(rotate(30deg));
  }
*/
/*
  --- --- --- --- --- ---
  How to use Extend
  --- --- --- --- --- ---
  .selector{
    @extend %hr-vr-center;
  }
*/
/*
 * Fonts Properties
*/
/*
  mixinname-2 --> medium
  mixinname-1 --> regular
*/
#notification-preferences {
  background-color: #f6f7fb;
  font-family: "Visuelt", "Roboto", "Helvectica Neue", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  height: 100%;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  min-height: inherit;
  position: relative;
  width: 100%; }
  #notification-preferences .np__title {
    color: rgba(84, 84, 86, 0.5);
    font-size: 14px;
    padding: 20px;
    text-transform: uppercase;
    font-family: "t-star", "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 16px;
    text-transform: uppercase; }
  #notification-preferences .np__section {
    display: block;
    margin-bottom: 10px; }
  #notification-preferences .np__action {
    padding: 25px 0 20px;
    text-align: center; }
    #notification-preferences .np__action .np__action-button {
      font-size: 16px;
      width: 150px;
      font-family: "Visuelt", "Roboto", "Helvectica Neue", helvetica, arial, sans-serif;
      font-size: 16px;
      font-weight: 500;
      line-height: 24px; }

.e_dialog__np .e_dialog__wrapper {
  width: 280px; }

.e_dialog__np .critical-notification {
  color: #545456;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 25px;
  text-align: center; }
  .e_dialog__np .critical-notification .cn__desc {
    margin-top: 15px; }

.e_dialog__np .resubscribe-notification {
  color: #545456;
  font-size: 14px;
  padding: 25px;
  text-align: center; }
  .e_dialog__np .resubscribe-notification > div:not(:first-child) {
    margin-top: 25px; }

.e_dialog__np .not-saved-notification {
  color: #545456;
  padding: 25px; }
  .e_dialog__np .not-saved-notification .nsn__title {
    font-size: 16px;
    font-weight: 500; }
  .e_dialog__np .not-saved-notification .nsn__desc {
    font-size: 14px;
    margin-top: 12px; }

.dark-theme#notification-preferences {
  background-color: #272728; }
  .dark-theme#notification-preferences .np__title {
    color: #fff; }

.dark-theme .e_dialog__np .critical-notification {
  color: #d8dcde; }

.dark-theme .e_dialog__np .resubscribe-notification {
  color: #d8dcde; }