@font-face {
      font-family: 'Metric';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/MetricApp-Regular.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Metric-Semibold';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/MetricApp-Semibold.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Metric-SemiboldItalic';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/MetricApp-SemiboldItalic.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Metric-RegularItalic';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/MetricApp-RegularItalic.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Source Sans Pro';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/source-sans-pro/SourceSansPro-Regular.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Source Sans Pro Bold';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/source-sans-pro/SourceSansPro-Bold.ttf") format("truetype");
      font-display: swap;
      font-weight: bold;
      font-style: normal
    }
    
    .color-white {
      color: #fff
    }
    
    .color-light-grey {
      color: #c2c5ca
    }
    
    .color-grey {
      color: #959DA3
    }
    
    .color-base {
      color: var(--primary-button)
    }
    
    .color-primary {
      color: #333
    }
    
    .color-default {
      color: #858585
    }
    
    .color-danger,
    .text-err--message,
    .alert-danger,
    .md-field .md-invalid span,
    .md-field .md-invalid label,
    .md-theme-default .md-invalid span,
    .md-theme-default .md-invalid label {
      color: #AD3232
    }
    
    .color-success {
      color: #4DA501
    }
    
    .color-warning,
    .alert-warning {
      color: #F96D01
    }
    
    .color-info,
    .alert-info {
      color: #297CC6
    }
    
    .color-black,
    .form-group,
    .form-input .form-label {
      color: #333
    }
    
    .color-yellow {
      color: #FFC400
    }
    
    .order-failed {
      color: #AD3232
    }
    
    .order-pending {
      color: #297CC6
    }
    
    .order-payment-complete {
      color: #4DA501
    }
    
    .order-order-verified {
      color: #0BBFD6
    }
    
    .order-on-delivery {
      color: #F96D01
    }
    
    .order-item-received {
      color: #1F51A0
    }
    
    .order-on-process {
      color: #1F51A0
    }
    
    .text-semi-bold,
    .navbar__page-title,
    .text-semi-bold span,
    .navbar__page-title span {
      font-family: 'Metric-Semibold'
    }
    
    .text-normal {
      text-transform: none !important
    }
    
    .text-regular {
      font-family: "Metric"
    }
    
    .text-semi-bold-italic {
      font-family: "Metric-SemiboldItalic"
    }
    
    .text-regular-italic {
      font-family: "Metric-RegularItalic"
    }
    
    .font-size--10 {
      font-size: 10px !important
    }
    
    .font-size--12 {
      font-size: 12px !important
    }
    
    .font-size--13 {
      font-size: 13px !important
    }
    
    .font-size--14 {
      font-size: 14px !important
    }
    
    .font-size--15 {
      font-size: 15px !important
    }
    
    .font-size--16 {
      font-size: 16px !important
    }
    
    .font-size--18 {
      font-size: 18px !important
    }
    
    .font-size--20 {
      font-size: 20px !important
    }
    
    .font-size--22 {
      font-size: 22px !important
    }
    
    .font-size--24 {
      font-size: 24px !important
    }
    
    .text-align-left {
      text-align: left
    }
    
    .text-align-center {
      text-align: center
    }
    
    .text-align-right {
      text-align: right
    }
    
    .text-align-justify {
      text-align: justify
    }
    
    .text--transform-capitalize {
      text-transform: capitalize
    }
    
    .text--transform-uppercase {
      text-transform: uppercase
    }
    
    .text--transform-lowercase {
      text-transform: lowercase
    }
    
    .text--transform-none {
      text-transform: none
    }
    
    .font--style-italic {
      font-style: italic
    }
    
    .text-err--message {
      font-size: 13px
    }
    
    .alert {
      border-radius: 6px;
      display: flex;
      height: auto;
      padding: 15px
    }
    
    .alert__icon {
      display: flex;
      align-items: flex-start;
      margin-right: 15px
    }
    
    .alert__title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 5px
    }
    
    .alert-danger {
      background-color: #FAE9E9
    }
    
    .alert-info {
      background-color: #F2F7FF
    }
    
    .alert-warning {
      background-color: #FFFCD9
    }
    
    .alert--size-sm {
      font-size: 14px
    }
    
    .alert--size-md {
      font-size: 16px
    }
    
    .alert--size-lg {
      font-size: 18px
    }
    
    .form-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    
    .form-inline {
      display: flex;
      margin-left: -10px;
      margin-right: -10px
    }
    
    .form-inline>.divider {
      color: #C1C1C1;
      display: flex;
      flex: 1;
      align-items: center;
      font-size: 20px;
      font-weight: 700;
      height: 48px
    }
    
    .form-inline__input {
      margin-left: 10px;
      margin-right: 10px
    }
    
    .form-input {
      margin-bottom: 1rem
    }
    
    .form-input-group {
      background-color: #FFFFFF;
      border: 1px solid #EAEAEA;
      border-radius: 4px;
      display: flex;
      position: relative;
      flex-wrap: wrap;
      -webkit-box-align: stretch;
      align-items: stretch;
      width: 100%
    }
    
    .form-input-group .form-control,
    .form-input-group .form-control:focus {
      border: none
    }
    
    .form-input-group__append {
      font-size: 15px;
      display: flex;
      align-items: center;
      border-radius: 4px;
      padding-left: 15px;
      padding-right: 15px
    }
    
    .form-input-group__append.disabled {
      background: rgba(51, 51, 51, 0.05)
    }
    
    .form-input-group-append--left .form-input-group__append {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right-style: none
    }
    
    .form-input-group-append--left .form-control {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left-style: none;
      padding-left: 0
    }
    
    .form-input-group-append--left .form-control:focus,
    .form-input-group-append--left .form-control:active {
      border-left-style: none
    }
    
    .form-input-group-append--right .form-input-group__append {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left-style: none
    }
    
    .form-input-group-append--right .form-control {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right-style: none;
      padding-right: 0
    }
    
    .form-input-group-append--right .form-control:focus,
    .form-input-group-append--right .form-control:active {
      border-right-style: none
    }
    
    .form-input-group .form-control {
      flex: 1 1 auto;
      position: relative;
      width: 1%
    }
    
    .form-input-group .form-control:focus,
    .form-input-group .form-control:active,
    .form-input-group .form-control:disabled {
      border-color: #EAEAEA
    }
    
    .form-group,
    .form-input .form-label {
      display: block;
      font-size: 14px;
      margin-bottom: 12px
    }
    
    .form-group {
      margin-bottom: 1rem
    }
    
    .form-group .form-input {
      margin-bottom: 0
    }
    
    .form-group.input-group {
      margin-bottom: 0
    }
    
    textarea.form-control {
      height: auto;
      min-height: 48px
    }
    
    .form-control {
      background-color: #FFFFFF;
      border: 1px solid #959DA3;
      border-radius: 4px;
      height: 48px;
      width: 100%;
      padding: 15px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
    }
    
    .form-control:focus-within {
      border: 1px solid var(--primary-button)
    }
    
    .form-control-padding-left-15 {
      padding: 0 0 0 15px
    }
    
    .form-control:disabled {
      background-color: rgba(51, 51, 51, 0.05)
    }
    
    .form-control-sm {
      height: 40px !important;
      font-size: 0.875rem !important;
      line-height: 1.5 !important
    }
    
    div.text-err--message {
      width: 100%
    }
    
    .navbar {
      min-height: 61px;
      height: auto;
      max-width: 480px;
      margin: 0 auto;
      width: 100%;
      z-index: 4
    }
    
    .navbar-default {
      background-color: #ffffff;
      border-bottom: 1px solid rgba(51, 51, 51, 0.1)
    }
    
    .navbar-transparent {
      background: transparent;
      color: #ffffff
    }
    
    .navbar-transparent.navbar--fixed-top {
      position: fixed !important;
      top: 0
    }
    
    .navbar-transparent .navbar__menu__icon>img {
      filter: brightness(0) invert(1)
    }
    
    .navbar--empty-right-slots .navbar-center {
      padding-right: 30px
    }
    
    .navbar>.navbar-container {
      align-items: center;
      display: flex;
      flex: 1;
      flex-direction: row;
      min-height: 61px;
      padding: 15px
    }
    
    .navbar>.navbar-container .store-inactive {
      display: flex;
      align-items: flex-start;
      color: #AD3232;
      margin-top: 15px;
      background-color: #FAE9E9;
      width: 100%;
      border-radius: 6px;
      padding: 12px
    }
    
    .navbar-action {
      display: flex;
      flex: 0 0 5%;
      height: 100%;
      align-items: center;
      color: black
    }
    
    .navbar-action.back-details {
      position: relative;
      top: -5px;
      justify-content: center;
      background: #ffffff;
      border-radius: 50%;
      min-width: 40px;
      min-height: 40px;
      margin-right: 5px;
      border: 1px solid rgba(51, 51, 51, 0.1);
      box-shadow: 0px 0px 1px 1px rgba(51, 51, 51, 0.05)
    }
    
    .navbar-left {
      align-items: center;
      display: flex;
      flex: 1;
      justify-content: flex-start;
      height: 100%;
      overflow: hidden;
      padding-right: 20px
    }
    
    .navbar-center {
      display: flex;
      flex: 1;
      height: 100%;
      width: 100%;
      overflow: hidden;
      align-items: center;
      text-align: center
    }
    
    .navbar-right {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: flex-end
    }
    
    .navbar__title-wrapper {
      max-width: 70%;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
    }
    
    .navbar__title-wrapper.no-navbar-right {
      max-width: 95%
    }
    
    .navbar__page-title {
      font-size: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      white-space: nowrap
    }
    
    .navbar__title {
      display: flex;
      font-size: 20px;
      width: 100%
    }
    
    .navbar__name {
      font-size: 20px;
      font-weight: 700;
      padding-left: 5px
    }
    
    .navbar__menu {
      display: flex;
      align-items: center;
      height: 100%
    }
    
    .navbar__menu>li {
      cursor: pointer;
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: flex-end;
      position: relative
    }
    
    .navbar__menu>li:not(:last-child) {
      margin-right: 20px
    }
    
    .navbar__menu__circle {
      align-items: center;
      position: absolute;
      border: 2px solid #fff;
      border-radius: 50%;
      background: var(--primary-button);
      color: #fff;
      display: flex;
      font-size: 9px;
      justify-content: center;
      top: -5px;
      right: -10px;
      width: 20px;
      height: 20px;
      padding: 5px;
      z-index: 2
    }
    
    .navbar__menu__circle.cart {
      top: -1px;
      right: 3px
    }
    
    .navbar__menu__cart {
      position: relative;
      z-index: 1
    }
    
    .navbar__menu__cart>div {
      right: 0
    }
    
    .navbar__menu__icon {
      display: flex;
      align-items: center
    }
    
    .navbar__menu__icon>img {
      height: 18px !important
    }
    
    .navbar__menu__icon>div .main-icons {
      height: 22px !important
    }
    
    .navbar__menu__icon>div .second-icons {
      position: absolute;
      z-index: 2;
      height: 12px;
      bottom: 0;
      left: 0
    }
    
    .navbar__menu__icon.cart-details {
      justify-content: center;
      background: #ffffff;
      border-radius: 50%;
      min-width: 40px;
      min-height: 40px;
      margin-right: 5px;
      border: 1px solid rgba(51, 51, 51, 0.1);
      box-shadow: 0px 0px 1px 1px rgba(51, 51, 51, 0.05)
    }
    
    .navbar__menu__icon.cart-details img {
      filter: none
    }
    
    .navbar--fixed-top {
      position: sticky;
      top: 0
    }
    
    .navbar--has-shadow {
      box-shadow: 0 10px 13px 0 rgba(51, 51, 51, 0.1)
    }
    
    .navbar .search-input {
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      height: 40px;
      border-radius: 6px
    }
    
    .navbar .search-input form {
      width: 100%;
      height: 100%
    }
    
    .navbar .search-input form input {
      width: 100%;
      height: 100%;
      border-radius: 6px;
      padding-left: 40px;
      background-color: #F2F5F8
    }
    
    .navbar .search-input img {
      position: absolute;
      left: 12px
    }
    
    .navbar .search-input .filter--sort {
      display: flex;
      align-items: center;
      position: relative;
      border-radius: 6px;
      background-color: #F2F5F8;
      padding: 6px;
      width: 40px
    }
    
    .navbar .search-input .filter--sort img {
      position: relative;
      left: 0
    }
    
    .dropdown {
      position: relative;
      display: inline-block
    }
    
    .dropdown-content {
      background-color: #ffffff;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      top: 15px;
      font-size: 16px;
      min-width: 160px;
      overflow: auto;
      position: absolute;
      padding: 5px 15px;
      border-radius: 2px;
      box-shadow: 1px 2px 3px 2px rgba(51, 51, 51, 0.1);
      right: 0;
      z-index: 5
    }
    
    .dropdown-content button {
      color: black;
      text-decoration: none;
      display: block
    }
    
    .dropdown-content.home {
      height: 100px;
      bottom: -65px
    }
    
    .dropdown-content.home p {
      line-height: 30px
    }
    
    .verification-wrapper {
      width: 297px;
      margin: 0 auto;
      overflow: hidden
    }
    
    .verification-wrapper.lenght-6 {
      width: 297px;
      overflow: hidden
    }
    
    .input-wrapper {
      position: sticky;
      left: 0
    }
    
    .verification-input {
      padding-left: 17px;
      letter-spacing: 35px;
      background-color: transparent;
      background-image: linear-gradient(to left, #D8D8D8 90%, rgba(255, 255, 255, 0) 0%);
      background-position: bottom;
      background-size: 50px 50px;
      background-repeat: repeat-x;
      background-position-x: 47px;
      height: 44px;
      font-size: 34px
    }
    
    .resend-code a {
      text-decoration: none;
      color: var(--primary-button);
      font-weight: 700;
      font-size: 18px
    }
    
    .wrapper-content {
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: center;
      z-index: 1;
      box-sizing: border-box
    }
    
    .desc-gradient {
      background: rgba(246, 246, 246, 0);
      background: -moz-linear-gradient(top, rgba(246, 246, 246, 0) 0%, #333 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246, 246, 246, 0)), color-stop(100%, #333));
      background: -webkit-linear-gradient(top, rgba(246, 246, 246, 0) 0%, #333 100%);
      background: -o-linear-gradient(top, rgba(246, 246, 246, 0) 0%, #333 100%);
      background: -ms-linear-gradient(top, rgba(246, 246, 246, 0) 0%, #333 100%);
      background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, #333 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#333333', GradientType=0)
    }
    
    .active-circle {
      position: absolute;
      border-radius: 50%;
      background: var(--primary-button);
      display: flex;
      justify-content: center;
      align-self: center;
      align-items: center;
      border: 1px solid #fff;
      color: #fff
    }
    
    .active-circle.cart {
      top: 9px;
      right: 9px;
      width: 18px;
      height: 18px;
      font-size: 10px
    }
    
    .active-circle.inbox {
      top: 14px;
      right: 36px;
      border-radius: 50%;
      font-size: 8px;
      width: 20px;
      height: 20px
    }
    
    .nav-list {
      color: #1b1b1b;
      padding: 0
    }
    
    .nav-list li {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      padding: 15px 0;
      margin: 0 15px
    }
    
    .nav-list li a {
      color: #1b1b1b
    }
    
    .nav-list li:last-child {
      border-bottom: none
    }
    
    .nav-shipping {
      color: #1b1b1b;
      padding: 0
    }
    
    .nav-shipping li {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      padding: 15px
    }
    
    .nav-shipping li a {
      color: #1b1b1b
    }
    
    .nav-shipping li:last-child {
      border-bottom: none
    }
    
    .nav-list-store {
      color: #1b1b1b;
      padding: 0
    }
    
    .nav-list-store li {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      padding: 15px 0
    }
    
    .nav-list-store li a {
      color: #1b1b1b
    }
    
    .nav-list-store li:last-child {
      border-bottom: none
    }
    
    .nav-list-category,
    .nav-list-inbox {
      color: #1b1b1b;
      padding: 0
    }
    
    .nav-list-category li,
    .nav-list-inbox li {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      padding: 15px 0px
    }
    
    .nav-list-category li a,
    .nav-list-inbox li a {
      color: #1b1b1b
    }
    
    .nav-list-inbox li:nth-last-child(2) {
      border-bottom: none
    }
    
    .nav-cart {
      color: #1b1b1b;
      padding: 0;
      border-bottom: 1px solid rgba(51, 51, 51, 0.1)
    }
    
    .nav-cart:last-child {
      border-bottom: none
    }
    
    .nav-disc li {
      list-style-type: disc
    }
    
    .nav-share {
      color: #1b1b1b;
      padding: 0
    }
    
    .nav-share li {
      padding: 10px 15px;
      padding-left: 0
    }
    
    .nav-share li a {
      color: #1b1b1b
    }
    
    .nav-share li:last-child {
      border-bottom: none
    }
    
    .sales--history {
      padding: 0
    }
    
    .sales--history li {
      padding: 15px 0
    }
    
    .footer-cardlist {
      width: 100%;
      max-width: 480px;
      position: fixed;
      text-align: center;
      padding: 15px;
      bottom: 0;
      background: rgba(237, 237, 237, 0);
      background: -moz-linear-gradient(top, rgba(237, 237, 237, 0) 0%, #fcfcfc 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237, 237, 237, 0)), color-stop(100%, #fcfcfc));
      background: -webkit-linear-gradient(top, rgba(237, 237, 237, 0) 0%, #fcfcfc 100%);
      background: -o-linear-gradient(top, rgba(237, 237, 237, 0) 0%, #fcfcfc 100%);
      background: -ms-linear-gradient(top, rgba(237, 237, 237, 0) 0%, #fcfcfc 100%);
      background: linear-gradient(to bottom, rgba(237, 237, 237, 0) 0%, #fcfcfc 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0)
    }
    
    .top-gradient {
      background: rgba(0, 0, 0, 0.47);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.47)), color-stop(100%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)
    }
    
    .top-gradient-off {
      background: transparent
    }
    
    .top-gradient-off.navbar-default {
      background: #ffffff
    }
    
    .top-gradient-off.navbar-default.gradient-blue {
      background: linear-gradient(to right, #3E8AD6 0%, #1F51A0 100%)
    }
    
    .list-image {
      position: relative;
      background-size: cover;
      height: 100%
    }
    
    .list-image .image {
      display: block;
      width: 100%;
      -o-object-fit: cover;
      position: relative;
      height: 200px;
      background: #fff;
      transition: box-shadow .25s;
      text-overflow: ellipsis;
      overflow: hidden;
      object-fit: cover
    }
    
    .area-center {
      width: 100%;
      text-align: center;
      vertical-align: middle;
      overflow: hidden;
      transform: translate(0, 25%)
    }
    
    .empty-cart {
      text-align: center;
      vertical-align: middle;
      overflow: hidden;
      height: auto;
      transform: translate(0, 25%);
      width: 75%;
      margin: 0 auto;
      padding: 0 15px
    }
    
    .video-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden
    }
    
    .video-container iframe,
    .video-container object,
    .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }
    
    iframe:not(.md-image) {
      height: 100% !important
    }
    
    .b_s\:header {
      -webkit-box-shadow: 0px 0px 13px 0px rgba(51, 51, 51, 0.1);
      -moz-box-shadow: 0px 0px 13px 0px rgba(51, 51, 51, 0.1);
      box-shadow: 0px 0px 13px 0px rgba(51, 51, 51, 0.1)
    }
    
    .b_s\:card {
      -webkit-box-shadow: 0px 0px 7px 0.3px rgba(51, 51, 51, 0.1);
      -moz-box-shadow: 0px 0px 7px 0.3px rgba(51, 51, 51, 0.1);
      box-shadow: 0px 0px 7px 0.3px rgba(51, 51, 51, 0.1)
    }
    
    .security-code-wrap {
      display: flex;
      align-items: center;
      justify-content: center
    }
    
    .security-code-container {
      margin: 0;
      padding: 0;
      display: flex
    }
    
    .security-code-container .field-wrap {
      list-style: none;
      display: block;
      height: 40px;
      width: 40px;
      background-color: #eee;
      text-align: center;
      border-radius: 4px;
      line-height: 40px;
      font-size: 16px
    }
    
    .security-code-container .field-wrap .char-field {
      font-style: normal
    }
    
    .block-container {
      justify-content: center
    }
    
    .block-container .field-wrap {
      margin: 2px;
      color: #000
    }
    
    .line-container {
      position: relative;
      background-color: #eee
    }
    
    .line-container:after {
      box-sizing: border-box;
      content: "";
      width: 200%;
      height: 200%;
      transform: scale(0.5);
      position: absolute;
      border: 1px solid #d9d9d9;
      top: 0;
      left: 0;
      transform-origin: 0 0;
      border-radius: 4px
    }
    
    .line-container .field-wrap {
      flex: 1;
      position: relative
    }
    
    .line-container .field-wrap:not(:last-child):after {
      content: "";
      width: 1px;
      height: 50%;
      position: absolute;
      right: 0;
      top: 25%;
      background-color: #d9d9d9;
      transform: scaleX(0.5)
    }
    
    .input-code {
      position: absolute;
      left: -9999px;
      top: -9999px
    }
    
    .header-tab {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      background-color: #fff;
      z-index: 4;
      height: 61px
    }
    
    .header-tab .navbar-container {
      height: 61px
    }
    
    .header-tab .title-header {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 250px;
      text-align: center;
      justify-content: center
    }
    
    .header-transparent {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      background-color: transparent;
      z-index: 4
    }
    
    .header-transparent .navbar-container {
      height: 61px;
      padding: 15px
    }
    
    .header-transparent .title-header {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 250px;
      text-align: center;
      justify-content: center
    }
    
    input[type="file"] {
      display: none
    }
    
    .file-upload {
      color: #868585;
      display: inline-block;
      padding: 2px 20px;
      cursor: pointer;
      border: 1px solid #a2a2a2
    }
    
    .gallery-fit {
      width: 100%;
      height: 360px !important;
      object-fit: cover
    }
    
    .offscreen {
      position: absolute;
      left: -999em
    }
    
    [aria-hidden="true"] {
      opacity: 0;
      pointer-events: none
    }
    
    .tada-radio-button {
      display: block;
      position: relative;
      padding-left: 10px;
      margin-bottom: 12px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }
    
    .tada-radio-button input {
      position: absolute;
      opacity: 0;
      cursor: pointer
    }
    
    .tada-radio-button input:checked~.checkmark {
      background-color: var(--primary-button)
    }
    
    .tada-radio-button input:checked~.checkmark:after {
      display: block
    }
    
    .tada-radio-button:hover input~.checkmark {
      background-color: var(--primary-button);
      border-radius: 50%
    }
    
    .tada-radio-button .checkmark:after {
      top: 8px;
      left: 7px;
      width: 12px;
      height: 6px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: rotate(-45deg)
    }
    
    .checkmark {
      position: absolute;
      right: 0;
      height: 25px;
      width: 25px;
      background-color: transparent;
      border-radius: 50%
    }
    
    .checkmark:after {
      content: "";
      position: absolute;
      display: none
    }
    
    .rotate-180 {
      transform: rotate(180deg)
    }
    
    .r_t\:none {
      resize: none
    }
    
    .tada-overview table {
      width: 100% !important
    }
    
    .tada-overview ol {
      padding-left: 15px
    }
    
    .tada-overview ol li {
      padding-left: 5px
    }
    
    .min-h_v\:100 {
      min-height: 100vh
    }
    
    .line-dashed {
      position: relative;
      top: 8px;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(to left, transparent 22%, #f2f2f2 22%);
      background-size: 15px 100%;
      height: 1px
    }
    
    .perks-detail ol,
    .subscription-detail ol {
      padding-left: 20px;
      line-height: 1.4
    }
    
    .perks-detail ul,
    .subscription-detail ul {
      padding-left: 20px;
      line-height: 1.4;
      list-style: unset
    }
    
    .md-field {
      width: 100%;
      display: block !important
    }
    
    .md-input {
      width: 100%
    }
    
    .md-field.md-invalid .md-error {
      opacity: 1;
      transform: translateZ(0);
      font-size: 14px
    }
    
    .overview,
    .description {
      overflow: auto;
      height: 100%;
      max-height: calc(100% - 70px)
    }
    
    .overview ol,
    .description ol {
      list-style-position: outside;
      padding: 0 15px
    }
    
    .overview table,
    .description table {
      width: 100% !important;
      margin: 0 12px
    }
    
    .overview table tr td,
    .description table tr td {
      border: none !important
    }
    
    .overview ul,
    .description ul {
      list-style: circle
    }
    
    .cover-referral {
      background: #fff
    }
    
    .cover-scan-to-earn,
    .cover-use-reward,
    .cover-voucher-help {
      background: #3e8ad6;
      background: -moz-linear-gradient(top, #3e8ad6 0%, #3e8ad6 36%, #1f51a0 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e8ad6), color-stop(36%, #3e8ad6), color-stop(100%, #1f51a0));
      background: -webkit-linear-gradient(top, #3e8ad6 0%, #3e8ad6 36%, #1f51a0 100%);
      background: -o-linear-gradient(top, #3e8ad6 0%, #3e8ad6 36%, #1f51a0 100%);
      background: -ms-linear-gradient(top, #3e8ad6 0%, #3e8ad6 36%, #1f51a0 100%);
      background: linear-gradient(to bottom, #3e8ad6 0%, #3e8ad6 36%, #1f51a0 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0bbedd', endColorstr='#1674b2', GradientType=0)
    }
    
    .cover-scan-to-earn .close-cover,
    .cover-use-reward .close-cover,
    .cover-voucher-help .close-cover {
      top: 30px;
      left: 35px
    }
    
    .icon-navbar img {
      filter: brightness(0) invert(1)
    }
    
    .description table {
      background: transparent !important;
      width: 100% !important
    }
    
    .text3d {
      text-transform: uppercase;
      font-weight: 700;
      text-shadow: 0px 0.3px 0.3px #919191, 0px 0.6px 0.3px #919191, 0px 0.9px 0.3px #919191, 0px 0.2px 3px rgba(16, 16, 16, 0.4), 0px 0.2px 10px rgba(16, 16, 16, 0.2), 0px 1px 16px rgba(16, 16, 16, 0.2), 0px 2px 1px rgba(16, 16, 16, 0.4);
      letter-spacing: 1px
    }
    
    .label-green {
      background: #4DA501;
      width: 150px;
      height: 25px;
      color: #fff
    }
    
    .label-green .triangle-left {
      width: 0;
      position: absolute;
      height: 0;
      border-style: solid;
      border-width: 15px 0 15px 10px;
      left: -1px;
      border-color: transparent transparent transparent #ffffff
    }
    
    .label-green .triangle-right {
      width: 0;
      position: absolute;
      height: 0;
      border-style: solid;
      border-width: 15px 10px 15px 0;
      right: -1px;
      border-color: transparent #fff transparent transparent
    }
    
    .label-subscription {
      top: 0px;
      right: 0px;
      border-radius: 0px 15px 0 20px / 0px 0 0px 24px;
      min-width: 80px;
      font-size: 12px;
      height: 25px
    }
    
    .label-subscription.red {
      background: #c82828;
      background: -moz-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #c82828), color-stop(52%, #9f1919), color-stop(100%, #9f1919));
      background: -webkit-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -o-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -ms-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: linear-gradient(to right, #c82828 0%, #9f1919 52%, #9f1919 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c82828', endColorstr='#9f1919', GradientType=1)
    }
    
    .label-subscription.blue {
      background: #00b2dd;
      background: -moz-linear-gradient(left, #00b2dd -58%, #4398d1 100%, #4398d1 100%);
      background: -webkit-gradient(left top, right top, color-stop(-58%, #00b2dd), color-stop(100%, #4398d1), color-stop(100%, #4398d1));
      background: -webkit-linear-gradient(left, #00b2dd -58%, #4398d1 100%, #4398d1 100%);
      background: -o-linear-gradient(left, #00b2dd -58%, #4398d1 100%, #4398d1 100%);
      background: -ms-linear-gradient(left, #9adddb -58%, #4398d1 100%, #4398d1 100%);
      background: linear-gradient(to right, #00b2dd -58%, #4398d1 100%, #4398d1 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ebe7', endColorstr='#4398d1', GradientType=1)
    }
    
    .evouchers--count {
      position: absolute;
      top: -5px;
      right: -5px;
      z-index: 1;
      width: 22px;
      height: 17px;
      border-radius: 9px;
      background-color: var(--primary-button);
      color: #ffffff;
      font-size: 12px;
      font-weight: 700;
      line-height: 15px
    }
    
    figure {
      transition: opacity 1s ease-in-out
    }
    
    figure.loading {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center
    }
    
    figure.loading img {
      content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHdpZHRoPSI1cHgiIGhlaWdodD0iNXB4IiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI0ZGRkZGRiIgLz48Zz48cGF0aCBkPSJNNzUuNCAxMjYuNjNhMTEuNDMgMTEuNDMgMCAwIDEtMi4xLTIyLjY1IDQwLjkgNDAuOSAwIDAgMCAzMC41LTMwLjYgMTEuNCAxMS40IDAgMSAxIDIyLjI3IDQuODdoLjAyYTYzLjc3IDYzLjc3IDAgMCAxLTQ3LjggNDguMDV2LS4wMmExMS4zOCAxMS4zOCAwIDAgMS0yLjkzLjM3eiIgZmlsbD0iI2Y1N2UyMyIgZmlsbC1vcGFjaXR5PSIxIi8+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNjQgNjQiIHRvPSIzNjAgNjQgNjQiIGR1cj0iMTIwMG1zIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvZz48L3N2Zz4=);
      position: block !important;
      width: 30% !important;
      height: auto !important
    }
    
    figure.loaded {
      transition: opacity 1s ease-in-out
    }
    
    .reward-animations {
      background: #0000004D;
      position: absolute;
      z-index: 5;
      top: 0;
      height: 100vh;
      width: 100%
    }
    
    .term-condition ol,
    .term-condition ul {
      padding-left: 15px !important
    }
    
    
    .level-list {
      margin-top: 10px
    }
    
    .level-list li {
      display: flex;
      align-items: center;
      margin: 5px 0
    }
    
    .level-list li::before {
      content: "\2022";
      color: #BEC8D1;
      font-size: 25px;
      font-weight: bold;
      display: inline-block;
      width: 15px;
      margin-left: -10px;
      margin-top: -5px
    }
    
    .level-list.no-retention {
      list-style-type: none;
      padding-left: 0
    }
    
    .level-list.no-retention li::before {
      content: ""
    }
    
    .card-menu__item .is-new::before {
      content: 'NEW';
      width: 40px;
      height: 20px;
      background-color: var(--primary-button);
      color: #fff;
      border-radius: 10px;
      padding: 2px;
      position: absolute;
      z-index: 2;
      top: 0;
      right: 15px;
      font-size: 12px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center
    }
    
    @media only screen and (max-width: 767px) {
      .card-menu__item .is-new::before {
        right: 5px
      }
    }
    
    .image--rounded {
      border-radius: 50%;
      object-fit: cover
    }
    
    .btn {
      display: inline-block;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 48px;
      line-height: 1.5;
      padding: 0 10px;
      font-size: 16px;
      text-align: center;
      text-transform: uppercase;
      vertical-align: middle;
      box-sizing: border-box;
      cursor: pointer;
      transition: all 0.3s;
      -webkit-box-shadow: 1px 5px 13px -6px rgba(0, 0, 0, 0.57);
      -moz-box-shadow: 1px 5px 13px -6px rgba(0, 0, 0, 0.57);
      box-shadow: 1px 5px 13px -6px rgba(0, 0, 0, 0.57);
      transition: 0.3s
    }
    
    .btn:focus {
      outline: none
    }
    
    .btn:link,
    .btn:visited,
    .btn:focus {
      text-decoration: none
    }
    
    .btn[type='button'],
    .btn[type='reset'],
    .btn[type='submit'] {
      -webkit-appearance: none
    }
    
    .btn--without-box-shadow {
      box-shadow: none !important
    }
    
    .btn--with-flex-center>div {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center
    }
    
    .btn.with-icons img,
    .btn.with-icons i {
      position: absolute;
      left: 24px
    }
    
    a.btn {
      display: inline-flex
    }
    
    .btn-lg {
      height: 48px;
      padding: 0 40px
    }
    
    .btn-md {
      font-size: 16px;
      height: 40px;
      padding: 0 15px
    }
    
    .btn-md.btn--length {
      min-width: 100px
    }
    
    .btn-sm {
      font-size: 14px;
      height: 32px;
      padding: 0 15px
    }
    
    .btn-xs {
      font-size: 12px;
      height: 28px;
      padding: 0 0.5rem
    }
    
    .btn-block {
      display: block;
      width: 100%
    }
    
    .btn-radius {
      border-radius: 50% !important
    }
    
    .btn-radius.width-70 {
      width: 70px;
      height: 70px
    }
    
    .btn-radius.width-50 {
      width: 50px;
      height: 50px
    }
    
    .btn-radius.width-45 {
      width: 45px;
      height: 45px
    }
    
    .btn-radius.width-40 {
      width: 40px;
      height: 40px
    }
    
    .btn-radius.width-30 {
      width: 30px;
      height: 30px
    }
    
    .btn-radius.width-25 {
      width: 25px;
      height: 25px
    }
    
    .btn-radius-2 {
      border-radius: 2px !important
    }
    
    .btn-transparent {
      color: #fff;
      background: transparent;
      box-shadow: none;
      border-radius: 4px
    }
    
    .btn-transparent:hover,
    .btn-transparent:focus {
      background: #fff;
      color: #309A25
    }
    
    .btn-transparent.btn-outline-white {
      color: #fff;
      font-weight: 700;
      background: transparent;
      border: 1px solid #fff
    }
    
    .btn-transparent.btn-outline-primary {
      border: 1px solid var(--primary-button);
      color: var(--primary-button)
    }
    
    .btn-transparent.btn-outline-primary:hover,
    .btn-transparent.btn-outline-primary:focus {
      background: var(--primary-button);
      color: #fff
    }
    
    .btn-white {
      background: #fff;
      border-radius: 4px
    }
    
    .btn-white.btn-outline-primary {
      border: 1px solid var(--primary-button);
      color: var(--primary-button)
    }
    
    .btn-white.btn-outline-primary:hover,
    .btn-white.btn-outline-primary:focus {
      background: var(--primary-button);
      color: #fff
    }
    
    .btn-white.btn-outline {
      border: 1px solid #E5E5E5;
      color: #858585
    }
    
    .btn--color-dark-blue {
      color: #fff;
      background: #1F51A0;
      box-shadow: none;
      border-radius: 4px
    }
    
    .btn--color-light-blue {
      color: #fff;
      background: #4398D1;
      box-shadow: none;
      border-radius: 4px
    }
    
    .btn--color-green {
      color: #fff;
      background: #4DA501;
      box-shadow: none;
      border-radius: 4px
    }
    
    .btn--color-danger {
      color: #fff;
      background: #AD3232;
      box-shadow: none;
      border-radius: 4px
    }
    
    .btn--color-blue {
      color: #fff;
      background: #297CC6;
      box-shadow: none;
      border-radius: 4px
    }
    
    .btn-primary {
      color: #fff;
      background: var(--primary-button);
      border-radius: 4px;
      font-weight: 700 !important;
      -webkit-box-shadow: 1px 5px 13px -6px rgba(0, 0, 0, 0.57);
      -moz-box-shadow: 1px 5px 13px -6px rgba(0, 0, 0, 0.57);
      box-shadow: 1px 5px 13px -6px rgba(0, 0, 0, 0.57)
    }
    
    .btn-primary.btn-outline {
      color: #333;
      background: transparent;
      border: 2px solid var(--primary-button);
      border-radius: 24px
    }
    
    .btn-primary.btn-outline-white {
      color: #fff;
      background: transparent;
      border: 2px solid #fff
    }
    
    .btn-primary.btn-outline-black {
      color: #333;
      background: transparent;
      border: 1px solid #333;
      border-radius: 4px
    }
    
    .btn-primary.btn-outline-black:hover {
      color: #333;
      background: transparent;
      border: 1px solid #333;
      border-radius: 4px
    }
    
    .btn-primary.btn-outline-black:focus {
      color: #333;
      background: transparent;
      border: 1px solid #333;
      border-radius: 4px
    }
    
    .btn-primary a {
      color: #fff
    }
    
    .btn-primary:link,
    .btn-primary:visited,
    .btn-primary:focus {
      color: #fff
    }
    
    .btn-primary:hover {
      color: #fff;
      background: var(--primary-button);
      border-color: var(--primary-button)
    }
    
    .btn-primary:hover a {
      color: #fff
    }
    
    .btn-primary:active {
      color: #fff;
      background: var(--primary-button);
      border-color: var(--primary-button)
    }
    
    .btn-rounded {
      border-radius: 50%;
      min-height: 50px;
      min-width: 50px
    }
    
    .btn-rounded-md {
      border-radius: 24px
    }
    
    .btn-rounded-sm {
      border-radius: 4px
    }
    
    .btn--no-radius {
      border-radius: 0
    }
    
    .btn--with-icon>i {
      margin-right: 5px
    }
    
    .btn--with-icon .btn__icon {
      position: absolute;
      left: 15px
    }
    
    .btn-outline:disabled {
      border: none !important
    }
    
    button:disabled {
      color: #BEC8D1 !important;
      background-color: #DFE4E8 !important;
      border-color: #DFE4E8 !important
    }
    
    .btn--reward__history,
    .btn--reward__pin,
    .btn--reward__back {
      cursor: pointer;
      border-radius: 50%;
      background-color: #0000004D;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 35px;
      width: 35px
    }
    
    .item-card,
    .card {
      position: relative;
      background-size: cover;
      width: 100%
    }
    
    .item-card .image,
    .card .image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover
    }
    
    .item-card .image-1,
    .card .image-1 {
      display: block;
      width: 100%;
      height: 150px;
      -o-object-fit: cover;
      object-fit: contain;
      background: #f1f1f1
    }
    
    .item-card .image-2,
    .card .image-2 {
      display: block;
      width: 100%;
      height: 200px;
      -o-object-fit: cover;
      object-fit: contain;
      background: #f1f1f1
    }
    
    .item-card .label,
    .card .label {
      position: absolute;
      top: -6px;
      right: -7px;
      padding-top: 7px;
      padding-bottom: 5px;
      border-radius: 0px 25px 0px 80px / 0px 25px 0px 80px;
      min-width: 140px;
      height: 35px;
      transition: .5s ease;
      background: #eb9900;
      background: -moz-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #eb9900), color-stop(51%, #f97101), color-stop(100%, #f97101));
      background: -webkit-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -o-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -ms-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: linear-gradient(to right, #eb9900 0%, #f97101 51%, #f97101 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9900', endColorstr='#f97101', GradientType=1)
    }
    
    .item-card .label.label-perks,
    .card .label.label-perks {
      min-width: 65px;
      height: 18px;
      padding-top: 0px;
      top: -4px;
      right: -1px;
      padding-bottom: 0px
    }
    
    .item-card .label-1,
    .card .label-1 {
      position: absolute;
      top: 28px;
      right: -7px;
      padding-top: 7px;
      padding-bottom: 5px;
      border-radius: 0px 0px 10px 0px;
      opacity: 1;
      min-width: 7px;
      transition: .5s ease;
      background-color: #E54F00
    }
    
    .card-list {
      position: relative;
      background-size: cover;
      border-radius: 6px;
      height: 100%;
      background-color: #fff
    }
    
    .card-list .image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 6px 6px 0px 0px
    }
    
    .card-list .desc-list {
      padding: 8px 12px 12px 12px;
      border: 1px solid rgba(51, 51, 51, 0.1)
    }
    
    .voucher {
      position: relative;
      border: 1px solid rgba(51, 51, 51, 0.1);
      border-radius: 6px
    }
    
    .voucher .image {
      width: 100%;
      height: 230px;
      border-radius: 6px 0px 0px 6px;
      border: none;
      object-fit: cover
    }
    
    @media screen and (max-width: 320px) {
      .voucher .image {
        height: 192px
      }
    }
    
    @media screen and (min-width: 480px) {
      .voucher .image {
        height: 290px
      }
    }
    
    .voucher .label {
      position: absolute;
      top: -6px;
      left: -7px;
      padding-top: 7px;
      padding-bottom: 5px;
      border-radius: 12px 0px 19px 0px / 18px 0px 20px 11px;
      min-width: 140px;
      transition: .5s ease
    }
    
    .voucher .label.green {
      background: #6bb53c;
      background: -moz-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #6bb53c), color-stop(52%, #8fd365), color-stop(100%, #8fd365));
      background: -webkit-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: -o-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: -ms-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: linear-gradient(to right, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bb53c', endColorstr='#8fd365', GradientType=1)
    }
    
    .voucher .label.red {
      background: #c82828;
      background: -moz-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #c82828), color-stop(52%, #9f1919), color-stop(100%, #9f1919));
      background: -webkit-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -o-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -ms-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: linear-gradient(to right, #c82828 0%, #9f1919 52%, #9f1919 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c82828', endColorstr='#9f1919', GradientType=1)
    }
    
    .voucher .label-1 {
      position: absolute;
      top: 25px;
      left: -6.8px;
      padding-top: 7px;
      padding-bottom: 5px;
      border-radius: 0px 0px 0px 10px;
      opacity: 1;
      width: 8px;
      transition: .5s ease
    }
    
    .voucher .label-1.green {
      background-color: #4F9324
    }
    
    .voucher .label-1.red {
      background-color: #840707
    }
    
    .voucher .desc {
      width: 234px;
      padding-right: 15px
    }
    
    @media screen and (max-width: 320px) {
      .voucher .desc {
        width: 160px
      }
    }
    
    @media screen and (min-width: 320px) {
      .image-voucher {
        width: 100%;
        height: 100%
      }
    }
    
    @media screen and (min-width: 480px) {
      .image-voucher {
        width: 100%
      }
    }
    
    @media screen and (min-width: 768px) {
      .image-voucher {
        width: 100%
      }
    }
    
    @media screen and (min-width: 992px) {
      .image-voucher {
        width: 100%
      }
    }
    
    @media screen and (min-width: 1200px) {
      .image-voucher {
        width: 100%
      }
    }
    
    .label-status {
      border-radius: 12px 0px 19px 0px / 18px 0px 20px 11px;
      width: 70px;
      transition: .5s ease;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      align-self: center;
      font-size: 12px;
      height: 17px;
      color: #fff
    }
    
    .label-status.yellow {
      background: #fdcd00;
      background: -moz-linear-gradient(left, #fdcd00 0%, #e8b200 51%, #e8b200 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #fdcd00), color-stop(51%, #e8b200), color-stop(100%, #e8b200));
      background: -webkit-linear-gradient(left, #fdcd00 0%, #e8b200 51%, #e8b200 100%);
      background: -o-linear-gradient(left, #fdcd00 0%, #e8b200 51%, #e8b200 100%);
      background: -ms-linear-gradient(left, #fdcd00 0%, #e8b200 51%, #e8b200 100%);
      background: linear-gradient(to right, #fdcd00 0%, #e8b200 51%, #e8b200 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDCD00', endColorstr='#E8B200', GradientType=1)
    }
    
    .label-status.blue {
      background: #0098e8;
      background: -moz-linear-gradient(left, #0098e8 0%, #00b2dd 51%, #00b2dd 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #0098e8), color-stop(51%, #00b2dd), color-stop(100%, #00b2dd));
      background: -webkit-linear-gradient(left, #0098e8 0%, #00b2dd 51%, #00b2dd 100%);
      background: -o-linear-gradient(left, #0098e8 0%, #00b2dd 51%, #00b2dd 100%);
      background: -ms-linear-gradient(left, #0098e8 0%, #00b2dd 51%, #00b2dd 100%);
      background: linear-gradient(to right, #0098e8 0%, #00b2dd 51%, #00b2dd 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B2DD', endColorstr='#0098E8', GradientType=1)
    }
    
    .label-status.green {
      background: #6bb53c;
      background: -moz-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #6bb53c), color-stop(52%, #8fd365), color-stop(100%, #8fd365));
      background: -webkit-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: -o-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: -ms-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: linear-gradient(to right, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bb53c', endColorstr='#8fd365', GradientType=1)
    }
    
    .label-status.red {
      background: #c82828;
      background: -moz-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #c82828), color-stop(52%, #9f1919), color-stop(100%, #9f1919));
      background: -webkit-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -o-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -ms-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: linear-gradient(to right, #c82828 0%, #9f1919 52%, #9f1919 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c82828', endColorstr='#9f1919', GradientType=1)
    }
    
    .card-wrapper {
      position: relative;
      z-index: 1;
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      height: 100px;
      align-items: center;
      border-radius: 6px;
      box-shadow: 0px 0px 4px #0000001A
    }
    
    .card-wrapper .card-image {
      position: relative;
      z-index: 1;
      width: 75px;
      height: 75px;
      margin-left: 13px;
      margin-right: 25px;
      border-radius: 4px
    }
    
    .card-wrapper .card-image img {
      border-radius: 4px;
      width: 100%;
      height: 100%;
      object-fit: contain
    }
    
    .card-wrapper .card-description {
      max-width: 60%;
      position: relative;
      z-index: 1
    }
    
    .card-wrapper .card-description__merchant {
      font-size: 12px;
      color: #959DA3
    }
    
    .card-wrapper .card-description__program,
    .card-wrapper .card-description__balance {
      font-size: 14px;
      color: #333333
    }
    
    .card-wrapper .card-description__program {
      font-weight: 700;
      margin-bottom: 10px
    }
    
    .card-wrapper .card-options {
      position: absolute;
      z-index: 2;
      right: 10px;
      bottom: 10px;
      width: 25px;
      height: 25px;
      display: flex;
      align-items: center;
      justify-content: center
    }
    
    .item-card-list {
      width: 100%;
      position: relative;
      text-decoration: none;
      display: block;
      -moz-box-sizing: border-box;
      box-sizing: border-box
    }
    
    .item-card-list .image-card {
      display: flex;
      flex-direction: row;
      background: #fff;
      width: 100%;
      position: relative
    }
    
    .item-card-list .image-card.catalog {
      display: block;
      background: #fff;
      width: 100%;
      position: relative
    }
    
    .item-card-list .image-card.catalog .out-stock {
      filter: grayscale(100%)
    }
    
    .item-card-list .image-card.item-inactive {
      filter: grayscale(100%)
    }
    
    .item-card-list .image-card .animated-image {
      background: #fff;
      position: relative;
      border-radius: 6px 6px 0 0
    }
    
    .item-card-list .image-card .animated-image .bg-image {
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 100%;
      width: 0;
      border-radius: 6px 6px 0 0
    }
    
    .item-card-list .image-card .animated-image .bg-image.out-stock {
      filter: grayscale(100%)
    }
    
    .item-card-list .image-card .animated-image .bg-perk {
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 100%;
      width: 100%;
      border-radius: 6px
    }
    
    .item-card-list .image-card .animated-image .bg-fit {
      background-size: contain;
      background-repeat: no-repeat;
      padding-top: 64.8%;
      width: 100%;
      border-radius: 6px 6px 0 0
    }
    
    .item-card-list .image-card .image-list {
      height: 70px
    }
    
    .item-card-list .image-card .image-list.catalog {
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid rgba(51, 51, 51, 0.1);
      border-radius: 5px 5px 0 0
    }
    
    .item-card-list .image-card .image-list img {
      width: 100%;
      height: 100%;
      background: #fff
    }
    
    .item-card-list .image-card .image-list .img-1 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: box-shadow .25s;
      text-overflow: ellipsis;
      background: #f1f1f1
    }
    
    .item-card-list .image-card .label {
      position: absolute;
      top: -6px;
      left: -7px;
      padding-top: 7px;
      padding-bottom: 5px;
      border-radius: 12px 0px 19px 0px / 18px 0px 20px 11px;
      min-width: 140px;
      transition: .5s ease
    }
    
    .item-card-list .image-card .label.green {
      background: #6bb53c;
      background: -moz-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #6bb53c), color-stop(52%, #8fd365), color-stop(100%, #8fd365));
      background: -webkit-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: -o-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: -ms-linear-gradient(left, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      background: linear-gradient(to right, #6bb53c 0%, #8fd365 52%, #8fd365 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bb53c', endColorstr='#8fd365', GradientType=1)
    }
    
    .item-card-list .image-card .label.red {
      background: #c82828;
      background: -moz-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #c82828), color-stop(52%, #9f1919), color-stop(100%, #9f1919));
      background: -webkit-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -o-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -ms-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: linear-gradient(to right, #c82828 0%, #9f1919 52%, #9f1919 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c82828', endColorstr='#9f1919', GradientType=1)
    }
    
    .item-card-list .image-card .label-perks {
      min-width: 65px;
      height: 18px;
      padding-top: 0px;
      top: -4px;
      right: -4px;
      padding-bottom: 0px;
      position: absolute;
      padding-bottom: 5px;
      border-radius: 0px 15px 280px 46px / 0px 18px 2px 45px
    }
    
    .item-card-list .image-card .label-perks.orange {
      background: #eb9900;
      background: -moz-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #eb9900), color-stop(51%, #f97101), color-stop(100%, #f97101));
      background: -webkit-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -o-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -ms-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: linear-gradient(to right, #eb9900 0%, #f97101 51%, #f97101 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9900', endColorstr='#f97101', GradientType=1)
    }
    
    .item-card-list .image-card .label-perk-1 {
      position: absolute;
      top: 18px;
      right: 0;
      padding-bottom: 4px;
      border-radius: 0px 0px 10px 0px;
      opacity: 1;
      min-width: 5px;
      transition: .5s ease;
      background-color: #E54F00
    }
    
    .item-card-list .image-card .label-1 {
      position: absolute;
      top: 25px;
      left: -6.8px;
      padding-top: 7px;
      padding-bottom: 5px;
      border-radius: 0px 0px 0px 10px;
      opacity: 1;
      width: 8px;
      transition: .5s ease
    }
    
    .item-card-list .image-card .label-1.green {
      background-color: #4F9324
    }
    
    .item-card-list .image-card .label-1.red {
      background-color: #840707
    }
    
    .item-card-list .image-card .desc-card {
      padding: 0.5625rem .5rem .8rem .5rem;
      background: #fff;
      position: relative
    }
    
    .item-card-list .image-card .desc-card .title {
      white-space: normal;
      word-break: break-all;
      margin-bottom: .25rem;
      overflow: hidden;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2
    }
    
    .item-card-list .image-card .desc-list {
      padding: 8px 12px 12px 12px;
      border: 1px solid rgba(51, 51, 51, 0.1);
      border-top: none
    }
    
    .crop-image {
      height: 100%;
      width: 100%;
      overflow: hidden;
      margin: 0
    }
    
    .crop-image .change-ratio img {
      margin: -15% 0;
      object-fit: contain;
      width: 100%
    }
    
    .crop-image .label-perks {
      min-width: 65px;
      height: 18px;
      padding-top: 0px;
      top: -4px;
      right: -1px;
      padding-bottom: 0px;
      position: absolute;
      padding-bottom: 5px;
      border-radius: 0px 15px 280px 46px / 0px 18px 2px 45px
    }
    
    .crop-image .label-perks.orange {
      background: #eb9900;
      background: -moz-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #eb9900), color-stop(51%, #f97101), color-stop(100%, #f97101));
      background: -webkit-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -o-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -ms-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: linear-gradient(to right, #eb9900 0%, #f97101 51%, #f97101 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9900', endColorstr='#f97101', GradientType=1)
    }
    
    .card-item {
      background: #ffffff;
      border: 1px solid #EAEAEA;
      border-radius: 6px;
      min-height: 263px;
      position: relative
    }
    
    .card-item__head {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit
    }
    
    .card-item__body {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
      padding: 10px
    }
    
    .card-item__image {
      border-radius: inherit;
      height: auto;
      overflow: hidden;
      padding-bottom: 100%;
      position: relative;
      width: 100%
    }
    
    .card-item__image>img {
      height: 100% !important;
      object-fit: cover;
      position: absolute;
      width: 100%
    }
    
    .card-item__title {
      color: #424242;
      font-size: 14px;
      font-weight: 600;
      height: 40px;
      overflow: hidden
    }
    
    .card-item__detail {
      color: rgba(51, 51, 51, 0.6);
      font-size: 12px;
      margin-top: 10px
    }
    
    .card-item__action {
      margin-top: 10px
    }
    
    .form-text-group {
      display: flex;
      flex: 1;
      flex-direction: row
    }
    
    .form-text-group .form-text {
      display: flex;
      flex: 1;
      color: #c1c1c1;
      font-size: 12px
    }
    
    .form-text-group .form-text--left {
      flex: 1 1 auto;
      justify-content: flex-start
    }
    
    .form-text-group .form-text--right {
      justify-content: flex-end
    }
    
    .form-group label,
    .has-label label {
      font-size: 16px
    }
    
    .form-group input,
    .has-label input {
      width: 100%;
      padding: 0 15px;
      border-radius: 4px;
      border: 1px solid #959DA3;
      font-weight: 400;
      font-size: 16px;
      line-height: 20px
    }
    
    .form-group input:active,
    .form-group input:focus,
    .has-label input:active,
    .has-label input:focus {
      border: 1px solid var(--primary-button)
    }
    
    .form-group .input-no-border,
    .has-label .input-no-border {
      width: 100%;
      border-radius: 0;
      padding: 0;
      height: auto;
      border: none
    }
    
    .form-group .input-no-border:focus,
    .has-label .input-no-border:focus {
      border: none;
      outline: none
    }
    
    .form-group .input-no-border::placeholder,
    .has-label .input-no-border::placeholder {
      font-family: 'Source Sans Pro'
    }
    
    .form-group textarea,
    .has-label textarea {
      width: 100%;
      border-radius: 4px;
      border: 1px solid #EAEAEA
    }
    
    .form-group .form-label__extend,
    .has-label .form-label__extend {
      position: absolute;
      font-size: 12px;
      color: rgba(51, 51, 51, 0.3);
      z-index: 2;
      background: #fff;
      padding: 0 3px;
      top: -9px;
      left: 5px;
      margin: 0
    }
    
    .has-danger .form-container {
      border: 1px solid #cf2c00;
      position: absolute;
      height: 48px;
      border-radius: 4px;
      left: 0;
      right: 0;
      margin-left: 15px;
      margin-right: 15px
    }
    
    .has-danger span,
    .has-danger label {
      color: #cf2c00
    }
    
    .has-danger ::placeholder {
      color: #cf2c00
    }
    
    span.invalid-feedback {
      color: #cf2c00;
      text-align: left
    }
    
    .danger button,
    .danger textarea {
      border: 1px solid #cf2c00
    }
    
    .danger input {
      color: #cf2c00
    }
    
    .danger span,
    .danger label {
      color: #cf2c00
    }
    
    .danger i svg {
      fill: #cf2c00
    }
    
    .danger ::placeholder {
      color: #cf2c00
    }
    
    .input--hidden-mask {
      font-family: "text-security-disc";
      -webkit-text-security: disc
    }
    
    .input-group {
      display: flex;
      position: relative;
      flex-wrap: wrap;
      align-items: stretch;
      width: 100%
    }
    
    .input-group .input-group-focus .input-group-prepend,
    .input-group .input-group-focus .input-group-append {
      border: 1px solid var(--primary-button)
    }
    
    .input-group>.form-control,
    .input-group>.custom-select,
    .input-group>.custom-file {
      position: relative;
      flex: 1 1 auto;
      width: 1%;
      margin-bottom: 0
    }
    
    .input-group>.form-control:focus,
    .input-group>.custom-select:focus,
    .input-group>.custom-file:focus {
      z-index: 3
    }
    
    .input-group>.form-control+.form-control,
    .input-group>.form-control+.custom-select,
    .input-group>.form-control+.custom-file,
    .input-group>.custom-select+.form-control,
    .input-group>.custom-select+.custom-select,
    .input-group>.custom-select+.custom-file,
    .input-group>.custom-file+.form-control,
    .input-group>.custom-file+.custom-select,
    .input-group>.custom-file+.custom-file {
      margin-left: -1px
    }
    
    .input-group .input-group-prepend,
    .input-group .input-group-append {
      border-radius: 4px 0 0 4px;
      display: flex;
      border-right: none
    }
    
    .input-group .input-group-prepend .btn,
    .input-group .input-group-append .btn {
      position: relative;
      z-index: 2
    }
    
    .input-group .input-group-prepend .btn+.btn,
    .input-group .input-group-prepend .btn+.input-group-text,
    .input-group .input-group-prepend .input-group-text+.input-group-text,
    .input-group .input-group-prepend .input-group-text+.btn,
    .input-group .input-group-append .btn+.btn,
    .input-group .input-group-append .btn+.input-group-text,
    .input-group .input-group-append .input-group-text+.input-group-text,
    .input-group .input-group-append .input-group-text+.btn {
      margin-left: -1px
    }
    
    .input-group .input-group-append {
      margin-left: -1px
    }
    
    .input-group .input-group-prepend input {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }
    
    .input-group .input-group-prepend .el-select .el-input.is-focus .el-input__inner,
    .input-group .input-group-prepend .el-select .el-input .el-input__inner:focus {
      border-color: rgba(51, 51, 51, 0.3)
    }
    
    .input-group .input-group-prepend+input {
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
    }
    
    .modal {
      position: fixed;
      z-index: 5;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      outline: 0;
      background: rgba(51, 51, 51, 0.3)
    }
    
    .modal .modal-container {
      position: fixed;
      left: 0;
      border-radius: 6px;
      background-color: #FFFFFF;
      right: 0;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 460px;
      top: 50%
    }
    
    .modal .modal-container .modal-title {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      min-height: 30px;
      padding: 12px 14px
    }
    
    .modal .modal-container .modal-title.no-border {
      border-bottom: 1px solid #fff
    }
    
    .modal .modal-container .modal-content {
      padding: 12px 14px
    }
    
    .modal .modal-container .modal-content__banner {
      border-radius: inherit;
      height: auto;
      max-height: 170px;
      margin-left: -15px;
      margin-right: -15px;
      margin-top: -13px;
      margin-bottom: 13px;
      overflow: hidden
    }
    
    .modal .modal-container .modal-content__banner-image {
      height: 100%;
      width: 100%;
      object-fit: cover
    }
    
    .modal .modal-container--inside-modal {
      height: auto !important;
      width: 90% !important;
      margin: auto
    }
    
    .modal .modal-container--inside-modal .modal-content {
      padding: 12px 14px !important
    }
    
    .modal .modal-container.full {
      background: #333333;
      height: 100vh;
      width: 480px
    }
    
    @media only screen and (max-width: 767px) {
      .modal .modal-container {
        width: 90%
      }
    
      .modal .modal-container.full {
        width: 100%
      }
    }
    
    .modal-bottom {
      position: fixed;
      z-index: 5;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      outline: 0;
      background: rgba(51, 51, 51, 0.3)
    }
    
    .modal-bottom .modal-container {
      position: fixed;
      width: 480px;
      bottom: -100px;
      left: 0;
      right: 0;
      margin: 0 auto;
      border-radius: 10px;
      background-color: #FFFFFF;
      overflow-y: scroll;
      padding-bottom: 100px;
      height: auto;
      width: 100%;
      max-width: 480px;
      -webkit-animation-name: desktopanimatetop;
      -webkit-animation-duration: 1s;
      animation-name: desktopanimatetop;
      animation-duration: 1s
    }
    
    .modal-bottom .modal-container .modal-title {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      min-height: 30px;
      padding: 12px 14px;
      z-index: 2
    }
    
    .modal-bottom .modal-container .modal-title.no-border {
      border-bottom: 1px solid #fff
    }
    
    .modal-bottom .modal-container .modal-content {
      padding: 0 15px;
      overflow-x: scroll
    }
    
    .modal-bottom .modal-container .head-line {
      margin-top: 10px;
      height: 15px;
      display: flex;
      align-items: center;
      justify-content: center
    }
    
    .modal-bottom .modal-container .head-line hr {
      width: 40px;
      height: 5px;
      background: rgba(51, 51, 51, 0.35);
      border-radius: 40px;
      border: none
    }
    
    .modal-bottomtoTop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      outline: 0;
      height: 100%;
      width: 100%
    }
    
    .modal-bottomtoTop .modal-container {
      position: fixed;
      left: 0;
      background-color: #FFFFFF;
      z-index: 999;
      right: 0;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -webkit-animation-name: animateBottomToTop !important;
      -webkit-animation-duration: .6s !important;
      animation-name: animateBottomToTop !important;
      animation-duration: .6s !important;
      width: 480px;
      max-width: 100%;
      height: 100%
    }
    
    .modal-bottomtoTop .modal-container .modal-title {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      min-height: 30px;
      padding: 12px 14px;
      width: 100%;
      z-index: 2
    }
    
    .modal-bottomtoTop .modal-container .modal-title.no-border {
      border-bottom: 1px solid #fff
    }
    
    .modal-bottomtoTop .modal-container .modal-content {
      padding: 12px 0;
      overflow-y: auto
    }
    
    @media screen and (min-width: 480px) {
      .modal-bottomtoTop .modal-container .modal-content {
        height: 100%
      }
    }
    
    .modal-bottomtoTop .modal-container .modal-footer {
      border-top: 1px solid rgba(51, 51, 51, 0.1);
      min-height: 50px;
      width: 100%;
      bottom: 0;
      background: #fff
    }
    
    .modal-bottomtoTop .modal-container .modal-footer__action.fixed--bottom {
      width: 100%;
      text-align: center;
      position: fixed;
      bottom: 0;
      z-index: 2;
      background-color: #fff;
      padding: 15px
    }
    
    @-webkit-keyframes desktopanimatetop {
      from {
        bottom: -300px;
        opacity: 0
      }
    
      to {
        bottom: -100px;
        opacity: 1
      }
    }
    
    @keyframes desktopanimatetop {
      from {
        bottom: -300px;
        opacity: 0
      }
    
      to {
        bottom: -100px;
        opacity: 1
      }
    }
    
    .slide-fade-enter-active {
      -webkit-animation-name: animateBottomToTop;
      -webkit-animation-duration: 1s;
      animation-name: animateBottomToTop;
      animation-duration: 1s
    }
    
    .slide-fade-leave-active {
      -webkit-animation-name: animateTopToButtom;
      -webkit-animation-duration: 1s;
      animation-name: animateTopToButtom;
      animation-duration: 1s
    }
    
    .slide-fade-enter,
    .slide-fade-leave-to {
      transform: translateY(10px);
      opacity: 0
    }
    
    @-webkit-keyframes animateTopToButtom {
      from {
        top: 49%;
        opacity: 1
      }
    
      to {
        top: 200%;
        opacity: 0
      }
    }
    
    @keyframes animateTopToButtom {
      from {
        top: 49%;
        opacity: 1
      }
    
      to {
        top: 200%;
        opacity: 0
      }
    }
    
    @-webkit-keyframes animateBottomToTop {
      from {
        top: 150%;
        opacity: 0
      }
    
      to {
        top: 49%;
        opacity: 1
      }
    }
    
    @keyframes animateBottomToTop {
      from {
        top: 150%;
        opacity: 0
      }
    
      to {
        top: 49%;
        opacity: 1
      }
    }
    
    .move-page {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      outline: 0
    }
    
    .move-page .move-page-container {
      position: fixed;
      min-height: 100vh;
      top: 0;
      left: 0;
      background-color: #FFFFFF;
      z-index: 5;
      right: 0;
      left: 50%;
      transform: translate(-50%, 0);
      width: 480px
    }
    
    .move-page .move-page-container .move-page-title {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      min-height: 30px;
      padding: 12px 14px
    }
    
    .move-page .move-page-container .move-page-title.no-border {
      border-bottom: 1px solid #fff
    }
    
    .move-page .move-page-container .move-page-content {
      padding: 12px 14px
    }
    
    .move-page .move-page-container .move-page-1 {
      padding: 12px 0
    }
    
    @media only screen and (max-width: 767px) {
      .move-page .move-page-container {
        width: 100%
      }
    }
    
    .modal-open {
      overflow: hidden
    }
    
    .modal-notification {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      outline: 0;
      background: rgba(51, 51, 51, 0.3)
    }
    
    .modal-notification .modal-container {
      position: fixed;
      left: 0;
      border-radius: 10px;
      background-image: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/bg.3dd3311.png);
      z-index: 5;
      right: 0;
      top: 50%;
      padding: 0 20px;
      left: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      transform: translate(-50%, -50%);
      width: 460px
    }
    
    .modal-notification .modal-container img {
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      justify-content: center;
      display: flex;
      margin-top: 20px
    }
    
    .modal-notification .modal-container .modal-title {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      min-height: 30px;
      padding: 12px 14px
    }
    
    .modal-notification .modal-container .modal-title.no-border {
      border-bottom: 1px solid #fff
    }
    
    .modal-notification .modal-container .modal-content {
      margin-top: -20px
    }
    
    .modal-notification .modal-container .modal-content .modal-description {
      width: 100%;
      margin: 0 auto;
      display: flex;
      left: 0;
      right: 0;
      border-radius: 0 0 10px 10px
    }
    
    @media only screen and (max-width: 767px) {
      .modal-notification .modal-container {
        width: 90%
      }
    }
    
    .modal--has-action-fixed-bottom {
      height: calc(100% - 90px) !important;
      overflow-y: scroll !important
    }
    
    .modal-action--fixed-bottom {
      background: #fff;
      border-top: 1px solid #eee;
      bottom: 0;
      position: fixed;
      width: 100%
    }
    
    .level--progress {
      position: relative
    }
    
    .level--progress progress {
      border: 0;
      background: #F2F5F8;
      border-radius: 100px;
      width: 100%;
      height: 7px
    }
    
    .level--progress progress::-moz-progress-bar {
      border-radius: 100px;
      background: var(--progress-color)
    }
    
    .level--progress progress::-webkit-progress-bar {
      background: #F2F5F8;
      border-radius: 100px
    }
    
    .level--progress progress::-webkit-progress-value {
      border-radius: 100px;
      background: var(--progress-color)
    }
    
    .level--progress::before {
      content: '';
      position: absolute;
      right: 0;
      bottom: 1px;
      width: 15px;
      height: 15px;
      background: #fff;
      border: 4px solid var(--progress-bullet);
      border-radius: 100%
    }
    
    .level--progress:nth-of-type(1) {
      position: absolute;
      width: var(--progress-width, 100%);
      z-index: 1
    }
    
    .level--progress:nth-of-type(2) {
      position: absolute;
      width: 100%;
      z-index: 0
    }
    
    .banner-list.banner-list--rounded {
      padding: 0 12px 12px 12px
    }
    
    .banner-list.banner-list--rounded:last-child:not(:only-child) {
      padding-bottom: 0
    }
    
    .banner-list.banner-list--rounded .banner {
      border-radius: 6px;
      box-shadow: 0px 0px 7px .3px #ccc
    }
    
    .banner-list .banner {
      border: 1px solid rgba(51, 51, 51, 0.1);
      position: relative;
      color: #fff;
      transition: .5s ease
    }
    
    .banner-list .banner.br_half {
      border-radius: 6px 6px 0px 0px
    }
    
    .banner-list .banner.default {
      border-radius: 0px;
      background-color: var(--dataColor)
    }
    
    .banner-list .banner.gradient-data-color {
      background: var(--endColor);
      background: -moz-linear-gradient(left, var(--startColor) 0%, var(--endColor) 52%, var(--endColor) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, var(--startColor)), color-stop(52%, var(--endColor)), color-stop(100%, var(--endColor)));
      background: -webkit-linear-gradient(left, var(--startColor) 0%, var(--endColor) 52%, var(--endColor) 100%);
      background: -o-linear-gradient(left, var(--startColor) 0%, var(--endColor) 52%, var(--endColor) 100%);
      background: -ms-linear-gradient(left, var(--startColor) 0%, var(--endColor) 52%, var(--endColor) 100%);
      background: linear-gradient(to right, var(--startColor) 0%, var(--endColor) 52%, var(--endColor) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient startColorstr=var(--startColor), endColorstr=var(--endColor), GradientType=1
    }
    
    .banner-list .banner.red {
      background: #9f1919;
      background: -moz-linear-gradient(left, #9f1919 0%, #c82828 52%, #c82828 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #9f1919), color-stop(52%, #c82828), color-stop(100%, #c82828));
      background: -webkit-linear-gradient(left, #9f1919 0%, #c82828 52%, #c82828 100%);
      background: -o-linear-gradient(left, #9f1919 0%, #c82828 52%, #c82828 100%);
      background: -ms-linear-gradient(left, #9f1919 0%, #c82828 52%, #c82828 100%);
      background: linear-gradient(to right, #9f1919 0%, #c82828 52%, #c82828 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f1919', endColorstr='#c82828', GradientType=1)
    }
    
    .banner-list .banner.blue {
      border-radius: 6px;
      background: #4398d1;
      background: -moz-linear-gradient(left, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #4398d1), color-stop(95%, #80ebe7), color-stop(100%, #80ebe7));
      background: -webkit-linear-gradient(left, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      background: -o-linear-gradient(left, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      background: -ms-linear-gradient(left, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      background: linear-gradient(to right, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4398d1', endColorstr='#80ebe7', GradientType=1)
    }
    
    .banner-list .banner.blue-noRadius {
      background: #4398d1;
      background: -moz-linear-gradient(left, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #4398d1), color-stop(95%, #80ebe7), color-stop(100%, #80ebe7));
      background: -webkit-linear-gradient(left, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      background: -o-linear-gradient(left, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      background: -ms-linear-gradient(left, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      background: linear-gradient(to right, #4398d1 0%, #80ebe7 95%, #80ebe7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4398d1', endColorstr='#80ebe7', GradientType=1)
    }
    
    .banner-list .banner.green {
      background: #479325;
      background: -moz-linear-gradient(left, #479325 0%, #7ebc29 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #479325), color-stop(100%, #7ebc29));
      background: -webkit-linear-gradient(left, #479325 0%, #7ebc29 100%);
      background: -o-linear-gradient(left, #479325 0%, #7ebc29 100%);
      background: -ms-linear-gradient(left, #479325 0%, #7ebc29 100%);
      background: linear-gradient(to right, #479325 0%, #7ebc29 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67b745', endColorstr='#cde063', GradientType=1)
    }
    
    .banner-list .banner.tosca {
      border-radius: 6px;
      background: #67b745;
      background: -moz-linear-gradient(left, #67b745 0%, #7fe9e6 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #67b745), color-stop(100%, #7fe9e6));
      background: -webkit-linear-gradient(left, #67b745 0%, #7fe9e6 100%);
      background: -o-linear-gradient(left, #67b745 0%, #7fe9e6 100%);
      background: -ms-linear-gradient(left, #67b745 0%, #7fe9e6 100%);
      background: linear-gradient(to right, #67b745 0%, #7fe9e6 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67b745', endColorstr='#7FE9E6', GradientType=1)
    }
    
    .banner-list .banner.bluewhite {
      border-radius: 6px;
      background: #51cede;
      background: -moz-linear-gradient(-45deg, #51cede 0%, #4398d1 100%);
      background: -webkit-gradient(left top, right bottom, color-stop(0%, #51cede), color-stop(100%, #4398d1));
      background: -webkit-linear-gradient(-45deg, #51cede 0%, #4398d1 100%);
      background: -o-linear-gradient(-45deg, #51cede 0%, #4398d1 100%);
      background: -ms-linear-gradient(-45deg, #51cede 0%, #4398d1 100%);
      background: linear-gradient(135deg, #51cede 0%, #4398d1 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51cede', endColorstr='#4398d1', GradientType=1)
    }
    
    .banner-list .banner.primary {
      border-radius: 0px;
      background: #eb9900;
      background: -moz-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #eb9900), color-stop(51%, #f97101), color-stop(100%, #f97101));
      background: -webkit-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -o-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -ms-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: linear-gradient(to right, #eb9900 0%, #f97101 51%, #f97101 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9900', endColorstr='#f97101', GradientType=1)
    }
    
    .banner-list .banner.brown {
      border-radius: 6px;
      background: #9d7c25;
      background: -moz-linear-gradient(left, #9d7c25 0%, #d8ac32 95%, #d8ac32 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #9d7c25), color-stop(95%, #d8ac32), color-stop(100%, #d8ac32));
      background: -webkit-linear-gradient(left, #9d7c25 0%, #d8ac32 95%, #d8ac32 100%);
      background: -o-linear-gradient(left, #9d7c25 0%, #d8ac32 95%, #d8ac32 100%);
      background: -ms-linear-gradient(left, #9d7c25 0%, #d8ac32 95%, #d8ac32 100%);
      background: linear-gradient(to right, #9d7c25 0%, #d8ac32 95%, #d8ac32 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4398d1', endColorstr='#80ebe7', GradientType=1)
    }
    
    .banner-list .banner .image {
      top: 0;
      width: 100%;
      right: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 0
    }
    
    .banner-list .banner .label {
      position: absolute;
      top: -1px;
      right: -1px;
      border-radius: 0px 15px 0 34px / 0px 4px 0px 34px;
      min-width: 120px;
      height: 35px;
      padding-top: 2px
    }
    
    .banner-list .banner .label--small {
      font-size: 14px;
      height: 30px;
      min-width: 80px;
      text-align: center;
      padding: 3px 10px
    }
    
    .banner-list .banner .label.blue {
      background: #00b2dd;
      background: -moz-linear-gradient(left, #00b2dd -58%, #4398d1 100%, #4398d1 100%);
      background: -webkit-gradient(left top, right top, color-stop(-58%, #00b2dd), color-stop(100%, #4398d1), color-stop(100%, #4398d1));
      background: -webkit-linear-gradient(left, #00b2dd -58%, #4398d1 100%, #4398d1 100%);
      background: -o-linear-gradient(left, #00b2dd -58%, #4398d1 100%, #4398d1 100%);
      background: -ms-linear-gradient(left, #9adddb -58%, #4398d1 100%, #4398d1 100%);
      background: linear-gradient(to right, #00b2dd -58%, #4398d1 100%, #4398d1 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ebe7', endColorstr='#4398d1', GradientType=1)
    }
    
    .banner-list .banner .label.red {
      background: #c82828;
      background: -moz-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #c82828), color-stop(52%, #9f1919), color-stop(100%, #9f1919));
      background: -webkit-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -o-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: -ms-linear-gradient(left, #c82828 0%, #9f1919 52%, #9f1919 100%);
      background: linear-gradient(to right, #c82828 0%, #9f1919 52%, #9f1919 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c82828', endColorstr='#9f1919', GradientType=1)
    }
    
    .banner-list .banner-vf,
    .banner-list .banner-refer {
      background-size: cover;
      background-position: bottom;
      width: 100%;
      height: 185px
    }
    
    .banner-list .banner-vf .vf-wrapper,
    .banner-list .banner-refer .vf-wrapper {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center
    }
    
    .banner-list .banner-vf .vf-wrapper--details p,
    .banner-list .banner-refer .vf-wrapper--details p {
      font-size: 16px;
      color: #FFFFFF
    }
    
    .banner-list .banner-vf .vf-wrapper--details button,
    .banner-list .banner-refer .vf-wrapper--details button {
      border: none;
      outline: none;
      border-radius: 4px;
      background-color: #FFFFFF;
      width: 100px;
      height: 30px;
      font-weight: 700;
      margin-top: 10px
    }
    
    @media only screen and (max-width: 360px) {
    
      .banner-list .banner-vf,
      .banner-list .banner-refer {
        height: 155px
      }
    
      .banner-list .banner-vf img,
      .banner-list .banner-refer img {
        width: 150px
      }
    }
    
    .banner-list .banner-vf {
      background-image: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/pattern-banner-vf.be6c09c.svg)
    }
    
    .banner-list .banner-refer {
      background-image: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/referral-pattern.a0d6b52.svg)
    }
    
    .banner-list .banner-canopy {
      width: 100%;
      border: none;
      min-height: 340px
    }
    
    .banner-list .banner-canopy--img {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%
    }
    
    .banner-list .banner-canopy--contents {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: absolute;
      z-index: 2;
      top: 0;
      height: 100%;
      width: 100%;
      padding: 65px 20px 0 20px
    }
    
    @media (max-width: 767px) {
      .banner-list .banner-canopy--contents {
        padding: 55px 15px 0 15px
      }
    }
    
    @media (max-width: 767px) {
      .banner-list .banner-canopy {
        min-height: 300px
      }
    }
    
    .banner-list .desc-banner {
      padding: 15px;
      border: 1px solid #E5E5E5;
      border-radius: 0px 0px 6px 6px
    }
    
    .slide-header-enter-active {
      transition: all .1s ease
    }
    
    .slide-header-enter {
      transform: translateY(-100px);
      opacity: 0
    }
    
    .search--wrapper {
      position: sticky;
      top: 61px;
      z-index: 2;
      background-color: #FFFFFF
    }
    
    .search--wrapper .search-input {
      position: relative;
      width: 100%;
      display: flex;
      align-items: center;
      height: 40px;
      border-radius: 6px
    }
    
    .search--wrapper .search-input form {
      width: 100%;
      height: 100%
    }
    
    .search--wrapper .search-input form input {
      width: 100%;
      height: 100%;
      border-radius: 6px;
      padding-left: 40px;
      background-color: #F2F5F8
    }
    
    .search--wrapper .search-input img {
      position: absolute;
      left: 12px
    }
    
    .search--wrapper .search-input .filter--sort {
      display: flex;
      align-items: center;
      position: relative;
      border-radius: 6px;
      background-color: #F2F5F8;
      padding: 6px;
      width: 40px
    }
    
    .search--wrapper .search-input .filter--sort img {
      position: relative;
      left: 0;
      z-index: 1
    }
    
    .search--wrapper .search-input .filter--sort img:nth-of-type(2) {
      position: absolute;
      z-index: 2;
      left: 0;
      bottom: 5px
    }
    
    .selling-banner {
      height: 380px;
      margin-bottom: 97.5px
    }
    
    .selling-banner .banner-ambassador {
      width: 100%;
      position: relative;
      background-size: cover;
      height: 380px;
      margin: auto;
      display: flex;
      justify-content: center
    }
    
    .selling-banner .banner-ambassador .summary {
      position: absolute;
      border-radius: 6px;
      bottom: -97.5px;
      margin: 0 auto;
      width: 94%;
      height: 195px;
      background: #fff;
      box-shadow: 0px 0px 13px 0px rgba(51, 51, 51, 0.1);
      border: 1px solid rgba(51, 51, 51, 0.1)
    }
    
    .selling-banner .banner-ambassador .summary .content {
      border-radius: 6px
    }
    
    .button-more {
      position: fixed;
      width: 100%;
      margin: 0 auto;
      left: 0;
      right: 0;
      justify-content: center;
      bottom: 20px;
      z-index: 5;
      display: flex;
      max-width: 480px;
      cursor: pointer
    }
    
    .skeleton-box {
      display: inline-block;
      position: relative;
      overflow: hidden;
      vertical-align: middle;
      background-color: #DDDBDD
    }
    
    .skeleton-box::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transform: translateX(-100%);
      background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
      animation: shimmer 2s infinite;
      content: ''
    }
    
    @keyframes shimmer {
      100% {
        transform: translateX(100%)
      }
    }
    
    .notification a {
      letter-spacing: 0.5px;
      color: inherit
    }
    
    .notification-floating {
      position: absolute;
      z-index: 10;
      right: 0;
      left: 0;
      margin: 0 auto;
      bottom: 20%;
      max-width: 300px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      min-height: 40px;
      background-color: rgba(0, 0, 0, 0.4);
      -webkit-animation: moveOpen 4s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-fill-mode: forwards;
      animation: moveOpen 4s;
      color: #fff
    }
    
    .notification-primary {
      background-color: #F96D01;
      color: #fff
    }
    
    .notification-success {
      position: fixed;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 2;
      max-width: 480px;
      background-color: #DFF2BF;
      color: #4DA501
    }
    
    .notification-success .message {
      color: #4DA501
    }
    
    .notification-danger {
      color: #C92828
    }
    
    .notification-warning {
      color: #F96D01
    }
    
    .notification-error {
      position: fixed;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 2;
      max-width: 480px;
      background-color: #fee8e9;
      color: #333
    }
    
    .notification-error .message {
      color: #C92828
    }
    
    .notification-banner-wrapper {
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      margin: 0 auto;
      z-index: 6;
      max-width: 480px
    }
    
    .notification-banner-wrapper .notification-banner {
      position: absolute;
      top: 0
    }
    
    .notification-banner-wrapper .notification-banner.error {
      background-color: #fee8e9;
      color: #C92828
    }
    
    .notification-banner-wrapper .notification-banner.success {
      background-color: #DFF2BF;
      color: #4DA501
    }
    
    .notification-banner-wrapper .notification-banner.toast {
      display: flex;
      justify-content: center;
      height: 100vh;
      background-color: rgba(51, 51, 51, 0.6)
    }
    
    .notification-banner-wrapper .notification-banner.toast .toast-wrapper {
      position: absolute;
      min-width: 25%;
      left: auto;
      bottom: 120px;
      background: #ffffff;
      border-radius: 20px;
      padding: 10px 15px;
      margin: auto;
      color: #333333
    }
    
    @-webkit-keyframes moveOpen {
      from {
        -webkit-transform: translate(0, -100px)
      }
    
      10% {
        -webkit-transform: translate(0, 20px)
      }
    
      12% {
        -webkit-transform: translate(0, 22px)
      }
    
      16% {
        -webkit-transform: translate(0, 20px)
      }
    
      80% {
        -webkit-transform: translate(0, 20px)
      }
    
      85% {
        -webkit-transform: translate(0, 25px)
      }
    
      to {
        -webkit-transform: translate(0, -100px)
      }
    }
    
    .state-level {
      position: relative;
      height: 80px;
      z-index: 1;
      margin: 0 -26px;
      display: flex;
      justify-content: center
    }
    
    @media screen and (max-width: 480px) {
      .state-level {
        margin: 0 -15px
      }
    }
    
    .state-level li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 12px;
      text-align: center;
      color: #7d7d7d;
      position: relative;
      z-index: 1
    }
    
    .state-level li.border-solid:before {
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 5px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-solid:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-solid .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-solid:last-child:after {
      content: none
    }
    
    .state-level li.border-solid.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-solid.active:before {
      border-color: #fff
    }
    
    .state-level li.border-solid .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level li.border-radius-white:before {
      background-color: #F5DF7E;
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 2px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-radius-white:before:nth-of-type(1) {
      background-color: #F5DF7E
    }
    
    .state-level li.border-radius-white:before:nth-of-type(2) {
      background-color: #F8974C
    }
    
    .state-level li.border-radius-white:before:nth-of-type(3) {
      background-color: #9DDEF1
    }
    
    .state-level li.border-radius-white:before:nth-of-type(4) {
      background-color: #C3AADC
    }
    
    .state-level li.border-radius-white:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-radius-white .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-radius-white:last-child:after {
      content: none
    }
    
    .state-level li.border-radius-white.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-radius-white.active:before {
      border-color: #fff
    }
    
    .state-level li.border-radius-white .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level li.border-radius-data:before {
      background-color: var(--dataColor);
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 2px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-radius-data:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-radius-data .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-radius-data:last-child:after {
      content: none
    }
    
    .state-level li.border-radius-data.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-radius-data.active:before {
      border-color: #fff
    }
    
    .state-level li.border-radius-data .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level {
      position: relative;
      height: 80px;
      z-index: 1;
      margin: 0 -26px;
      display: flex;
      justify-content: center
    }
    
    @media screen and (max-width: 480px) {
      .state-level {
        margin: 0 -15px
      }
    }
    
    .state-level li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 12px;
      text-align: center;
      color: #7d7d7d;
      position: relative;
      z-index: 1
    }
    
    .state-level li.border-solid:before {
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 5px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-solid:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-solid .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-solid:last-child:after {
      content: none
    }
    
    .state-level li.border-solid.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-solid.active:before {
      border-color: #fff
    }
    
    .state-level li.border-solid .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level li.border-radius-green:before {
      background-color: #F8974C;
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 2px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-radius-green:before:nth-of-type(1) {
      background-color: #F5DF7E
    }
    
    .state-level li.border-radius-green:before:nth-of-type(2) {
      background-color: #F8974C
    }
    
    .state-level li.border-radius-green:before:nth-of-type(3) {
      background-color: #9DDEF1
    }
    
    .state-level li.border-radius-green:before:nth-of-type(4) {
      background-color: #C3AADC
    }
    
    .state-level li.border-radius-green:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-radius-green .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-radius-green:last-child:after {
      content: none
    }
    
    .state-level li.border-radius-green.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-radius-green.active:before {
      border-color: #fff
    }
    
    .state-level li.border-radius-green .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level li.border-radius-data:before {
      background-color: var(--dataColor);
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 2px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-radius-data:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-radius-data .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-radius-data:last-child:after {
      content: none
    }
    
    .state-level li.border-radius-data.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-radius-data.active:before {
      border-color: #fff
    }
    
    .state-level li.border-radius-data .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level {
      position: relative;
      height: 80px;
      z-index: 1;
      margin: 0 -26px;
      display: flex;
      justify-content: center
    }
    
    @media screen and (max-width: 480px) {
      .state-level {
        margin: 0 -15px
      }
    }
    
    .state-level li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 12px;
      text-align: center;
      color: #7d7d7d;
      position: relative;
      z-index: 1
    }
    
    .state-level li.border-solid:before {
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 5px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-solid:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-solid .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-solid:last-child:after {
      content: none
    }
    
    .state-level li.border-solid.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-solid.active:before {
      border-color: #fff
    }
    
    .state-level li.border-solid .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level li.border-radius-black:before {
      background-color: #9DDEF1;
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 2px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-radius-black:before:nth-of-type(1) {
      background-color: #F5DF7E
    }
    
    .state-level li.border-radius-black:before:nth-of-type(2) {
      background-color: #F8974C
    }
    
    .state-level li.border-radius-black:before:nth-of-type(3) {
      background-color: #9DDEF1
    }
    
    .state-level li.border-radius-black:before:nth-of-type(4) {
      background-color: #C3AADC
    }
    
    .state-level li.border-radius-black:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-radius-black .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-radius-black:last-child:after {
      content: none
    }
    
    .state-level li.border-radius-black.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-radius-black.active:before {
      border-color: #fff
    }
    
    .state-level li.border-radius-black .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level li.border-radius-data:before {
      background-color: var(--dataColor);
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 2px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-radius-data:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-radius-data .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-radius-data:last-child:after {
      content: none
    }
    
    .state-level li.border-radius-data.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-radius-data.active:before {
      border-color: #fff
    }
    
    .state-level li.border-radius-data .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level {
      position: relative;
      height: 80px;
      z-index: 1;
      margin: 0 -26px;
      display: flex;
      justify-content: center
    }
    
    @media screen and (max-width: 480px) {
      .state-level {
        margin: 0 -15px
      }
    }
    
    .state-level li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 12px;
      text-align: center;
      color: #7d7d7d;
      position: relative;
      z-index: 1
    }
    
    .state-level li.border-solid:before {
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 5px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-solid:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-solid .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-solid:last-child:after {
      content: none
    }
    
    .state-level li.border-solid.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-solid.active:before {
      border-color: #fff
    }
    
    .state-level li.border-solid .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level li.border-radius-gold:before {
      background-color: #C3AADC;
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 2px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-radius-gold:before:nth-of-type(1) {
      background-color: #F5DF7E
    }
    
    .state-level li.border-radius-gold:before:nth-of-type(2) {
      background-color: #F8974C
    }
    
    .state-level li.border-radius-gold:before:nth-of-type(3) {
      background-color: #9DDEF1
    }
    
    .state-level li.border-radius-gold:before:nth-of-type(4) {
      background-color: #C3AADC
    }
    
    .state-level li.border-radius-gold:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-radius-gold .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-radius-gold:last-child:after {
      content: none
    }
    
    .state-level li.border-radius-gold.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-radius-gold.active:before {
      border-color: #fff
    }
    
    .state-level li.border-radius-gold .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level li.border-radius-data:before {
      background-color: var(--dataColor);
      width: 35px;
      height: 35px;
      content: '';
      line-height: 30px;
      border: 2px solid #fff;
      display: block;
      text-align: center;
      z-index: 1;
      margin: 0 auto 10px;
      justify-content: center;
      display: flex;
      align-items: center;
      border-radius: 50%;
      position: relative
    }
    
    .state-level li.border-radius-data:after {
      width: 100%;
      height: 1px;
      content: '';
      position: absolute;
      background-color: #dddd;
      top: 20px;
      z-index: -1
    }
    
    .state-level li.border-radius-data .image-circle {
      position: absolute;
      width: 100%;
      margin-top: -39px;
      z-index: 3
    }
    
    .state-level li.border-radius-data:last-child:after {
      content: none
    }
    
    .state-level li.border-radius-data.active {
      font-weight: 700;
      color: #000
    }
    
    .state-level li.border-radius-data.active:before {
      border-color: #fff
    }
    
    .state-level li.border-radius-data .is-done-level::before {
      position: absolute;
      top: 23px;
      font-size: 10px;
      color: #000;
      text-align: center;
      z-index: 4;
      content: "\f00c";
      font-size: 8px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61;
      border-radius: 50%;
      width: 15px;
      line-height: 13px;
      height: 15px
    }
    
    .state-level li.white-level+li:before {
      font-size: 10px
    }
    
    .state-level li.green-level+li:before {
      font-size: 10px
    }
    
    .state-level li.gold-level+li:before {
      font-size: 10px
    }
    
    .StepProgress {
      position: relative;
      padding-left: 45px;
      list-style: none
    }
    
    .StepProgress::before {
      display: inline-block;
      content: '';
      position: absolute;
      top: 20px;
      left: 19px;
      width: 10px;
      height: 100%;
      border-left: 1px solid #ccc
    }
    
    .StepProgress:first-child::before {
      height: 70%
    }
    
    .StepProgress-item {
      position: relative;
      counter-increment: list
    }
    
    .StepProgress-item:not(:last-child) {
      padding-bottom: 20px
    }
    
    .StepProgress-item::before {
      display: inline-block;
      content: '';
      position: absolute;
      left: -26px;
      height: 100%;
      width: 10px;
      top: 20px
    }
    
    .StepProgress-item::after {
      content: "\f00c";
      display: inline-block;
      font-family: FontAwesome;
      position: absolute;
      top: 16px;
      left: -37px;
      font-size: 10px;
      color: #ccc;
      width: 25px;
      text-align: center;
      height: 25px;
      border: 2px solid #CCC;
      border-radius: 50%;
      background-color: #FFF
    }
    
    .StepProgress-item.is-done {
      opacity: 1
    }
    
    .StepProgress-item.is-done::before {
      border-left: 1px solid #ccc
    }
    
    .StepProgress-item.is-done::after {
      content: "\f00c";
      font-size: 10px;
      font-family: FontAwesome;
      color: #FFF;
      text-align: center;
      border: 2px solid #53AF61;
      background-color: #53AF61
    }
    
    .StepProgress-item.is-done:last-child:before {
      border-left: none
    }
    
    .StepProgress-item .content-step {
      opacity: 0.5
    }
    
    .StepProgress-item .content-step .desc-step {
      display: none
    }
    
    .StepProgress-item.current::before {
      border-left: 2px solid #53AF61
    }
    
    .StepProgress-item.current::after {
      content: counter(list);
      padding-top: 1px;
      width: 19px;
      height: 18px;
      top: -4px;
      left: -40px;
      font-size: 14px;
      text-align: center;
      color: #53AF61;
      border: 2px solid #53AF61;
      background-color: white
    }
    
    .StepProgress strong {
      display: block
    }
    
    .state-allLevel .border-state {
      border-top: 1px solid #ddd;
      align-items: center;
      display: flex;
      width: 100%;
      position: absolute;
      top: 20px
    }
    
    .refer-program .item-image,
    .scan-to-earn-program .item-image {
      background: #fff;
      width: 288px;
      height: 445px;
      border-radius: 10px;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)
    }
    
    @media screen and (min-width: 480px) {
    
      .refer-program .item-image,
      .scan-to-earn-program .item-image {
        width: 400px;
        height: 100%
      }
    }
    
    @media screen and (min-width: 992px) {
    
      .refer-program .item-image,
      .scan-to-earn-program .item-image {
        width: 400px;
        height: 100%
      }
    }
    
    .scan-to-earn-program .title {
      position: relative;
      font-size: 24px;
      font-weight: 700;
      color: #ffffff;
      top: 20px;
      left: 35px
    }
    
    .scan-to-earn-program .owl-stage-outer {
      position: relative;
      padding: 20px 0 !important
    }
    
    .scan-to-earn-program .owl-stage-outer .owl-stage {
      padding-left: 20px !important
    }
    
    .scan-to-earn-program .owl-dots {
      position: absolute;
      right: 30px;
      top: 0;
      margin-top: 0 !important
    }
    
    .scan-to-earn-program .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin-left: 2px;
      margin-right: 2px
    }
    
    .scan-to-earn-program .owl-dots .owl-dot span {
      width: 7px !important;
      height: 7px !important
    }
    
    .card-perks--carousel {
      position: relative;
      max-width: 400px;
      width: 85vw
    }
    
    .card-details--carousel {
      position: relative;
      max-width: 480px;
      width: 100vw
    }
    
    .card-details--carousel .owl-dots {
      position: absolute;
      bottom: 0;
      margin-top: 0 !important;
      width: 100%
    }
    
    .sk-circle {
      margin: 100px auto;
      width: 40px;
      height: 40px;
      position: relative
    }
    
    .sk-circle .sk-child {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0
    }
    
    .sk-circle .sk-child:before {
      content: '';
      display: block;
      margin: 0 auto;
      width: 15%;
      height: 15%;
      background-color: var(--primary-button);
      border-radius: 100%;
      -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
      animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
    }
    
    .sk-circle .sk-circle2 {
      -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      transform: rotate(30deg)
    }
    
    .sk-circle .sk-circle3 {
      -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
      transform: rotate(60deg)
    }
    
    .sk-circle .sk-circle4 {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg)
    }
    
    .sk-circle .sk-circle5 {
      -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
      transform: rotate(120deg)
    }
    
    .sk-circle .sk-circle6 {
      -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
      transform: rotate(150deg)
    }
    
    .sk-circle .sk-circle7 {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
    }
    
    .sk-circle .sk-circle8 {
      -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
      transform: rotate(210deg)
    }
    
    .sk-circle .sk-circle9 {
      -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
      transform: rotate(240deg)
    }
    
    .sk-circle .sk-circle10 {
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg)
    }
    
    .sk-circle .sk-circle11 {
      -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
      transform: rotate(300deg)
    }
    
    .sk-circle .sk-circle12 {
      -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
      transform: rotate(330deg)
    }
    
    .sk-circle .sk-circle2:before {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s
    }
    
    .sk-circle .sk-circle3:before {
      -webkit-animation-delay: -1s;
      animation-delay: -1s
    }
    
    .sk-circle .sk-circle4:before {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s
    }
    
    .sk-circle .sk-circle5:before {
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s
    }
    
    .sk-circle .sk-circle6:before {
      -webkit-animation-delay: -0.7s;
      animation-delay: -0.7s
    }
    
    .sk-circle .sk-circle7:before {
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s
    }
    
    .sk-circle .sk-circle8:before {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s
    }
    
    .sk-circle .sk-circle9:before {
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s
    }
    
    .sk-circle .sk-circle10:before {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s
    }
    
    .sk-circle .sk-circle11:before {
      -webkit-animation-delay: -0.2s;
      animation-delay: -0.2s
    }
    
    .sk-circle .sk-circle12:before {
      -webkit-animation-delay: -0.1s;
      animation-delay: -0.1s
    }
    
    @-webkit-keyframes sk-circleBounceDelay {
    
      0%,
      80%,
      100% {
        -webkit-transform: scale(0);
        transform: scale(0)
      }
    
      40% {
        -webkit-transform: scale(1);
        transform: scale(1)
      }
    }
    
    @keyframes sk-circleBounceDelay {
    
      0%,
      80%,
      100% {
        -webkit-transform: scale(0);
        transform: scale(0)
      }
    
      40% {
        -webkit-transform: scale(1);
        transform: scale(1)
      }
    }
    
    .page-loading {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
      height: 100%;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.6)
    }
    
    .ribbon {
      background: #eb9900;
      background: -moz-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #eb9900), color-stop(51%, #f97101), color-stop(100%, #f97101));
      background: -webkit-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -o-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: -ms-linear-gradient(left, #eb9900 0%, #f97101 51%, #f97101 100%);
      background: linear-gradient(to right, #eb9900 0%, #f97101 51%, #f97101 100%);
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: -5px;
      padding: 5px 10px 5px 20px;
      border-radius: 0px 25px 0px 80px / 0px 25px 0px 80px;
      min-width: 90px;
      height: 26px;
      transition: .5s ease;
      z-index: 1
    }
    
    .ribbon--position-left {
      left: -7px;
      border-radius: 12px 0px 19px 0px / 18px 0px 20px 11px;
      padding: 5px 20px 5px 10px
    }
    
    .ribbon--position-left .ribbon__bottom {
      top: 26px;
      left: 0;
      padding-top: 7px;
      border-radius: 0px 0px 0px 10px
    }
    
    .ribbon--position-right {
      right: -7px
    }
    
    .ribbon--position-right .ribbon__bottom {
      top: 26px;
      right: 0;
      padding-top: 5px;
      border-radius: 0px 0px 10px 0px
    }
    
    .ribbon__label {
      color: #ffffff;
      font-size: 13px
    }
    
    .ribbon__bottom {
      position: absolute;
      opacity: 1;
      min-width: 7px;
      padding-bottom: 2px;
      -webkit-transition: .5s ease;
      transition: .5s ease;
      background-color: #E54F00
    }
    
    .ribbon--size-large {
      height: 35px;
      min-width: 150px
    }
    
    .ribbon--size-large .ribbon__label {
      font-size: 14px
    }
    
    .ribbon--size-large .ribbon__bottom {
      top: 35px !important
    }
    
    .ribbon--color-green {
      background: #6BB53C;
      background: -moz-linear-gradient(left, #6BB53C 0%, #90D365 51%, #90D365 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #6BB53C), color-stop(51%, #90D365), color-stop(100%, #90D365));
      background: -webkit-linear-gradient(left, #6BB53C 0%, #90D365 51%, #90D365 100%);
      background: -o-linear-gradient(left, #6BB53C 0%, #90D365 51%, #90D365 100%);
      background: -ms-linear-gradient(left, #6BB53C 0%, #90D365 51%, #90D365 100%);
      background: linear-gradient(to right, #6BB53C 0%, #90D365 51%, #90D365 100%)
    }
    
    .ribbon--color-green .ribbon__bottom {
      background-color: #4F9324
    }
    
    .ribbon--color-red {
      background: #9F1919;
      background: -moz-linear-gradient(left, #9F1919 0%, #C82828 51%, #C82828 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #9F1919), color-stop(51%, #C82828), color-stop(100%, #C82828));
      background: -webkit-linear-gradient(left, #9F1919 0%, #C82828 51%, #C82828 100%);
      background: -o-linear-gradient(left, #9F1919 0%, #C82828 51%, #C82828 100%);
      background: -ms-linear-gradient(left, #9F1919 0%, #C82828 51%, #C82828 100%);
      background: linear-gradient(to right, #9F1919 0%, #C82828 51%, #C82828 100%)
    }
    
    .ribbon--color-red .ribbon__bottom {
      background-color: #840707
    }
    
    .ribbon--color-purple {
      background: #DB64EA;
      background: -moz-linear-gradient(left, #DB64EA 0%, #A140CC 51%, #A140CC 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #DB64EA), color-stop(51%, #A140CC), color-stop(100%, #A140CC));
      background: -webkit-linear-gradient(left, #DB64EA 0%, #A140CC 51%, #A140CC 100%);
      background: -o-linear-gradient(left, #DB64EA 0%, #A140CC 51%, #A140CC 100%);
      background: -ms-linear-gradient(left, #DB64EA 0%, #A140CC 51%, #A140CC 100%);
      background: linear-gradient(to right, #DB64EA 0%, #A140CC 51%, #A140CC 100%)
    }
    
    .ribbon--color-purple .ribbon__bottom {
      background-color: #A140CC
    }
    
    .ribbon--color-black {
      background: #515151;
      background: -moz-linear-gradient(left, #515151 0%, #333 51%, #333 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #515151), color-stop(51%, #333), color-stop(100%, #333));
      background: -webkit-linear-gradient(left, #515151 0%, #333 51%, #333 100%);
      background: -o-linear-gradient(left, #515151 0%, #333 51%, #333 100%);
      background: -ms-linear-gradient(left, #515151 0%, #333 51%, #333 100%);
      background: linear-gradient(to right, #515151 0%, #333 51%, #333 100%)
    }
    
    .ribbon--color-black .ribbon__bottom {
      background-color: #333333
    }
    
    .ribbon.ribbon-card.ribbon--position-right {
      right: 0;
      top: 0;
      font-weight: 700;
      height: 20px;
      text-transform: uppercase
    }
    
    .ribbon-tags {
      background: #F96D01;
      background: -webkit-linear-gradient(to bottom, #F96D01, #F7A100);
      background: linear-gradient(to bottom, #F96D01, #F7A100);
      font-size: 8px;
      position: relative;
      width: 36px;
      height: 27px;
      top: 0;
      box-sizing: border-box;
      display: inline-block;
      z-index: 1
    }
    
    .ribbon-tags__label {
      color: #ffffff;
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 700;
      height: 100%
    }
    
    .ribbon-tags:before {
      content: '';
      position: absolute;
      bottom: -14px;
      left: 0;
      width: 0;
      height: 0;
      border-top: 14px solid #F7A100;
      border-right: 18px solid transparent
    }
    
    .ribbon-tags:after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -14px;
      width: 0;
      height: 0;
      border-top: 14px solid #F7A100;
      border-left: 18px solid transparent
    }
    
    .v_a\:t {
      vertical-align: top
    }
    
    .v_a\:m {
      vertical-align: middle
    }
    
    .v_a\:b {
      vertical-align: bottom
    }
    
    .t\:0 {
      top: 0
    }
    
    .l\:0 {
      left: 0
    }
    
    .l_s\:1 {
      letter-spacing: 1px
    }
    
    .l_s\:2 {
      letter-spacing: 2px
    }
    
    .br {
      border-style: solid;
      border-width: 1px
    }
    
    .br\:t {
      border-top-style: solid;
      border-top-width: 1px
    }
    
    .br\:l {
      border-left-style: solid;
      border-left-width: 1px
    }
    
    .br\:r {
      border-right-style: solid;
      border-right-width: 1px
    }
    
    .br\:b {
      border-bottom-style: solid;
      border-bottom-width: 1px
    }
    
    .br_w\:2 {
      border-width: 2px
    }
    
    .br_w\:2.br\:t {
      border-top-style: solid;
      border-top-width: 2px
    }
    
    .br_w\:2.br\:r {
      border-right-style: solid;
      border-right-width: 2px
    }
    
    .br_w\:2.br\:b {
      border-bottom-style: solid;
      border-bottom-width: 2px
    }
    
    .br_w\:2.br\:l {
      border-left-style: solid;
      border-left-width: 2px
    }
    
    .br\:0 {
      border: 0
    }
    
    .br_w\:20 {
      border: 20px solid #f5f5f5
    }
    
    .br_w\:10 {
      border: 10px solid #f5f5f5
    }
    
    .br_w\:5 {
      border: 5px solid #f5f5f5
    }
    
    .br_w\:7 {
      border: 7px solid #f5f5f5
    }
    
    .br_r\:half {
      border-radius: 50%
    }
    
    .br_r_t\:half20 {
      border-radius: 20px 20px 0 0 !important
    }
    
    .br_r_b\:half20 {
      border-radius: 0 0 20px 20px !important
    }
    
    .br_r_t\:half6 {
      border-radius: 6px 6px 0 0 !important
    }
    
    .br_r_b\:half6 {
      border-radius: 0 0 6px 6px !important
    }
    
    .br_r_t\:half4 {
      border-radius: 4px 4px 0 0 !important
    }
    
    .br_r_b\:half4 {
      border-radius: 0 0 4px 4px !important
    }
    
    .br_r_l\:half4 {
      border-radius: 4px 0 0 4px !important
    }
    
    .br_r_r\:half4 {
      border-radius: 0 4px 4px 0 !important
    }
    
    .br_t_grey\:1 {
      border-top: 1px solid rgba(51, 51, 51, 0.2)
    }
    
    .br_b_grey\:1 {
      border-bottom: 1px solid rgba(51, 51, 51, 0.2)
    }
    
    .br_t_lightWhite\:1 {
      border-top: 1px solid rgba(255, 255, 255, 0.5)
    }
    
    .br_t_lightGrey\:1 {
      border-top: 1px solid rgba(51, 51, 51, 0.1)
    }
    
    .br_b_lightGrey\:1 {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1)
    }
    
    .br_r\:2 {
      border-radius: 2px
    }
    
    .br_r\:4 {
      border-radius: 4px
    }
    
    .br_r\:6 {
      border-radius: 6px
    }
    
    .br_r\:10 {
      border-radius: 10px
    }
    
    .br_r\:18 {
      border-radius: 18px
    }
    
    .br_r\:20 {
      border-radius: 20px
    }
    
    @media (max-width: 767px) {
      .br_r\@m {
        border-radius: 4px
      }
    }
    
    .br_r\:none {
      border-radius: 0
    }
    
    .br_d\:t {
      border-top-style: dashed;
      border-top-width: 1px
    }
    
    .br_d\:l {
      border-left-style: dashed;
      border-left-width: 1px
    }
    
    .br_d\:r {
      border-right-style: dashed;
      border-right-width: 1px
    }
    
    .br_d\:b {
      border-bottom-style: dashed;
      border-bottom-width: 1px
    }
    
    .br_d_w\:2 {
      border-width: 2px
    }
    
    .br_d_w\:2.br_d\:t {
      border-top-style: dashed;
      border-top-width: 1px
    }
    
    .br_d_w\:2.br_d\:l {
      border-left-style: dashed;
      border-left-width: 1px
    }
    
    .br_d_w\:2.br_d\:r {
      border-right-style: dashed;
      border-right-width: 1px
    }
    
    .br_d_w\:2.br_d\:b {
      border-bottom-style: dashed;
      border-bottom-width: 1px
    }
    
    .f_c\:transparent {
      color: transparent !important
    }
    
    .hv_f_c\:transparent:hover {
      color: transparent !important
    }
    
    .bg_c\:transparent {
      background-color: transparent !important
    }
    
    .hv_bg_c\:transparent:hover {
      background-color: transparent !important
    }
    
    .br_c\:transparent {
      border-color: transparent !important
    }
    
    .f_c\:primary {
      color: #F96D01 !important
    }
    
    .hv_f_c\:primary:hover {
      color: #F96D01 !important
    }
    
    .bg_c\:primary {
      background-color: #F96D01 !important
    }
    
    .hv_bg_c\:primary:hover {
      background-color: #F96D01 !important
    }
    
    .br_c\:primary {
      border-color: #F96D01 !important
    }
    
    .f_c\:danger {
      color: #AD3232 !important
    }
    
    .hv_f_c\:danger:hover {
      color: #AD3232 !important
    }
    
    .bg_c\:danger {
      background-color: #AD3232 !important
    }
    
    .hv_bg_c\:danger:hover {
      background-color: #AD3232 !important
    }
    
    .br_c\:danger {
      border-color: #AD3232 !important
    }
    
    .f_c\:default {
      color: #333 !important
    }
    
    .hv_f_c\:default:hover {
      color: #333 !important
    }
    
    .bg_c\:default {
      background-color: #333 !important
    }
    
    .hv_bg_c\:default:hover {
      background-color: #333 !important
    }
    
    .br_c\:default {
      border-color: #333 !important
    }
    
    .f_c\:primary-1 {
      color: #f8974c !important
    }
    
    .hv_f_c\:primary-1:hover {
      color: #f8974c !important
    }
    
    .bg_c\:primary-1 {
      background-color: #f8974c !important
    }
    
    .hv_bg_c\:primary-1:hover {
      background-color: #f8974c !important
    }
    
    .br_c\:primary-1 {
      border-color: #f8974c !important
    }
    
    .f_c\:lightBlack {
      color: #333 !important
    }
    
    .hv_f_c\:lightBlack:hover {
      color: #333 !important
    }
    
    .bg_c\:lightBlack {
      background-color: #333 !important
    }
    
    .hv_bg_c\:lightBlack:hover {
      background-color: #333 !important
    }
    
    .br_c\:lightBlack {
      border-color: #333 !important
    }
    
    .f_c\:softGrey {
      color: #E5E5E5 !important
    }
    
    .hv_f_c\:softGrey:hover {
      color: #E5E5E5 !important
    }
    
    .bg_c\:softGrey {
      background-color: #E5E5E5 !important
    }
    
    .hv_bg_c\:softGrey:hover {
      background-color: #E5E5E5 !important
    }
    
    .br_c\:softGrey {
      border-color: #E5E5E5 !important
    }
    
    .f_c\:lightGrey {
      color: #FCFCFC !important
    }
    
    .hv_f_c\:lightGrey:hover {
      color: #FCFCFC !important
    }
    
    .bg_c\:lightGrey {
      background-color: #FCFCFC !important
    }
    
    .hv_bg_c\:lightGrey:hover {
      background-color: #FCFCFC !important
    }
    
    .br_c\:lightGrey {
      border-color: #FCFCFC !important
    }
    
    .f_c\:white {
      color: #fff !important
    }
    
    .hv_f_c\:white:hover {
      color: #fff !important
    }
    
    .bg_c\:white {
      background-color: #fff !important
    }
    
    .hv_bg_c\:white:hover {
      background-color: #fff !important
    }
    
    .br_c\:white {
      border-color: #fff !important
    }
    
    .f_c\:cream {
      color: #F5DF7E !important
    }
    
    .hv_f_c\:cream:hover {
      color: #F5DF7E !important
    }
    
    .bg_c\:cream {
      background-color: #F5DF7E !important
    }
    
    .hv_bg_c\:cream:hover {
      background-color: #F5DF7E !important
    }
    
    .br_c\:cream {
      border-color: #F5DF7E !important
    }
    
    .f_c\:gold {
      color: #DEB033 !important
    }
    
    .hv_f_c\:gold:hover {
      color: #DEB033 !important
    }
    
    .bg_c\:gold {
      background-color: #DEB033 !important
    }
    
    .hv_bg_c\:gold:hover {
      background-color: #DEB033 !important
    }
    
    .br_c\:gold {
      border-color: #DEB033 !important
    }
    
    .f_c\:lightCream {
      color: #FFFCD9 !important
    }
    
    .hv_f_c\:lightCream:hover {
      color: #FFFCD9 !important
    }
    
    .bg_c\:lightCream {
      background-color: #FFFCD9 !important
    }
    
    .hv_bg_c\:lightCream:hover {
      background-color: #FFFCD9 !important
    }
    
    .br_c\:lightCream {
      border-color: #FFFCD9 !important
    }
    
    .f_c\:softBlue {
      color: #9DDEF1 !important
    }
    
    .hv_f_c\:softBlue:hover {
      color: #9DDEF1 !important
    }
    
    .bg_c\:softBlue {
      background-color: #9DDEF1 !important
    }
    
    .hv_bg_c\:softBlue:hover {
      background-color: #9DDEF1 !important
    }
    
    .br_c\:softBlue {
      border-color: #9DDEF1 !important
    }
    
    .f_c\:softBlue2 {
      color: #F2F7FF !important
    }
    
    .hv_f_c\:softBlue2:hover {
      color: #F2F7FF !important
    }
    
    .bg_c\:softBlue2 {
      background-color: #F2F7FF !important
    }
    
    .hv_bg_c\:softBlue2:hover {
      background-color: #F2F7FF !important
    }
    
    .br_c\:softBlue2 {
      border-color: #F2F7FF !important
    }
    
    .f_c\:softPurple {
      color: #C3AADC !important
    }
    
    .hv_f_c\:softPurple:hover {
      color: #C3AADC !important
    }
    
    .bg_c\:softPurple {
      background-color: #C3AADC !important
    }
    
    .hv_bg_c\:softPurple:hover {
      background-color: #C3AADC !important
    }
    
    .br_c\:softPurple {
      border-color: #C3AADC !important
    }
    
    .f_c\:purple {
      color: #8957BA !important
    }
    
    .hv_f_c\:purple:hover {
      color: #8957BA !important
    }
    
    .bg_c\:purple {
      background-color: #8957BA !important
    }
    
    .hv_bg_c\:purple:hover {
      background-color: #8957BA !important
    }
    
    .br_c\:purple {
      border-color: #8957BA !important
    }
    
    .f_c\:success {
      color: #DFF2BF !important
    }
    
    .hv_f_c\:success:hover {
      color: #DFF2BF !important
    }
    
    .bg_c\:success {
      background-color: #DFF2BF !important
    }
    
    .hv_bg_c\:success:hover {
      background-color: #DFF2BF !important
    }
    
    .br_c\:success {
      border-color: #DFF2BF !important
    }
    
    .f_c\:yellow {
      color: #FFC400 !important
    }
    
    .hv_f_c\:yellow:hover {
      color: #FFC400 !important
    }
    
    .bg_c\:yellow {
      background-color: #FFC400 !important
    }
    
    .hv_bg_c\:yellow:hover {
      background-color: #FFC400 !important
    }
    
    .br_c\:yellow {
      border-color: #FFC400 !important
    }
    
    .f_c\:lightBlue {
      color: #4398D1 !important
    }
    
    .hv_f_c\:lightBlue:hover {
      color: #4398D1 !important
    }
    
    .bg_c\:lightBlue {
      background-color: #4398D1 !important
    }
    
    .hv_bg_c\:lightBlue:hover {
      background-color: #4398D1 !important
    }
    
    .br_c\:lightBlue {
      border-color: #4398D1 !important
    }
    
    .f_c\:tada {
      color: #2e66bc !important
    }
    
    .hv_f_c\:tada:hover {
      color: #2e66bc !important
    }
    
    .bg_c\:tada {
      background-color: #2e66bc !important
    }
    
    .hv_bg_c\:tada:hover {
      background-color: #2e66bc !important
    }
    
    .br_c\:tada {
      border-color: #2e66bc !important
    }
    
    .f_c\:lightGreen {
      color: #2DD54B !important
    }
    
    .hv_f_c\:lightGreen:hover {
      color: #2DD54B !important
    }
    
    .bg_c\:lightGreen {
      background-color: #2DD54B !important
    }
    
    .hv_bg_c\:lightGreen:hover {
      background-color: #2DD54B !important
    }
    
    .br_c\:lightGreen {
      border-color: #2DD54B !important
    }
    
    .f_c\:green {
      color: #4DA501 !important
    }
    
    .hv_f_c\:green:hover {
      color: #4DA501 !important
    }
    
    .bg_c\:green {
      background-color: #4DA501 !important
    }
    
    .hv_bg_c\:green:hover {
      background-color: #4DA501 !important
    }
    
    .br_c\:green {
      border-color: #4DA501 !important
    }
    
    .f_c\:red {
      color: #C92828 !important
    }
    
    .hv_f_c\:red:hover {
      color: #C92828 !important
    }
    
    .bg_c\:red {
      background-color: #C92828 !important
    }
    
    .hv_bg_c\:red:hover {
      background-color: #C92828 !important
    }
    
    .br_c\:red {
      border-color: #C92828 !important
    }
    
    .f_c\:bgGrey {
      color: #FAFAFA !important
    }
    
    .hv_f_c\:bgGrey:hover {
      color: #FAFAFA !important
    }
    
    .bg_c\:bgGrey {
      background-color: #FAFAFA !important
    }
    
    .hv_bg_c\:bgGrey:hover {
      background-color: #FAFAFA !important
    }
    
    .br_c\:bgGrey {
      border-color: #FAFAFA !important
    }
    
    .f_c\:darkBlue {
      color: #1D489A !important
    }
    
    .hv_f_c\:darkBlue:hover {
      color: #1D489A !important
    }
    
    .bg_c\:darkBlue {
      background-color: #1D489A !important
    }
    
    .hv_bg_c\:darkBlue:hover {
      background-color: #1D489A !important
    }
    
    .br_c\:darkBlue {
      border-color: #1D489A !important
    }
    
    .f_c\:greyStroke {
      color: #707070 !important
    }
    
    .hv_f_c\:greyStroke:hover {
      color: #707070 !important
    }
    
    .bg_c\:greyStroke {
      background-color: #707070 !important
    }
    
    .hv_bg_c\:greyStroke:hover {
      background-color: #707070 !important
    }
    
    .br_c\:greyStroke {
      border-color: #707070 !important
    }
    
    .f_c\:defaultRed {
      color: red !important
    }
    
    .hv_f_c\:defaultRed:hover {
      color: red !important
    }
    
    .bg_c\:defaultRed {
      background-color: red !important
    }
    
    .hv_bg_c\:defaultRed:hover {
      background-color: red !important
    }
    
    .br_c\:defaultRed {
      border-color: red !important
    }
    
    .f_c\:gradientBlack-1 {
      color: rgba(51, 51, 51, 0.3) !important
    }
    
    .hv_f_c\:gradientBlack-1:hover {
      color: rgba(51, 51, 51, 0.3) !important
    }
    
    .bg_c\:gradientBlack-1 {
      background-color: rgba(51, 51, 51, 0.3) !important
    }
    
    .hv_bg_c\:gradientBlack-1:hover {
      background-color: rgba(51, 51, 51, 0.3) !important
    }
    
    .br_c\:gradientBlack-1 {
      border-color: rgba(51, 51, 51, 0.3) !important
    }
    
    .f_c\:gradientBlack-2 {
      color: rgba(51, 51, 51, 0.05) !important
    }
    
    .hv_f_c\:gradientBlack-2:hover {
      color: rgba(51, 51, 51, 0.05) !important
    }
    
    .bg_c\:gradientBlack-2 {
      background-color: rgba(51, 51, 51, 0.05) !important
    }
    
    .hv_bg_c\:gradientBlack-2:hover {
      background-color: rgba(51, 51, 51, 0.05) !important
    }
    
    .br_c\:gradientBlack-2 {
      border-color: rgba(51, 51, 51, 0.05) !important
    }
    
    .f_c\:gradientBlack-3 {
      color: rgba(51, 51, 51, 0.6) !important
    }
    
    .hv_f_c\:gradientBlack-3:hover {
      color: rgba(51, 51, 51, 0.6) !important
    }
    
    .bg_c\:gradientBlack-3 {
      background-color: rgba(51, 51, 51, 0.6) !important
    }
    
    .hv_bg_c\:gradientBlack-3:hover {
      background-color: rgba(51, 51, 51, 0.6) !important
    }
    
    .br_c\:gradientBlack-3 {
      border-color: rgba(51, 51, 51, 0.6) !important
    }
    
    .f_c\:gradientBlack {
      color: rgba(51, 51, 51, 0.8) !important
    }
    
    .hv_f_c\:gradientBlack:hover {
      color: rgba(51, 51, 51, 0.8) !important
    }
    
    .bg_c\:gradientBlack {
      background-color: rgba(51, 51, 51, 0.8) !important
    }
    
    .hv_bg_c\:gradientBlack:hover {
      background-color: rgba(51, 51, 51, 0.8) !important
    }
    
    .br_c\:gradientBlack {
      border-color: rgba(51, 51, 51, 0.8) !important
    }
    
    .f_c\:grey {
      color: #F2F2F2 !important
    }
    
    .hv_f_c\:grey:hover {
      color: #F2F2F2 !important
    }
    
    .bg_c\:grey {
      background-color: #F2F2F2 !important
    }
    
    .hv_bg_c\:grey:hover {
      background-color: #F2F2F2 !important
    }
    
    .br_c\:grey {
      border-color: #F2F2F2 !important
    }
    
    .f_c\:grey2 {
      color: #C1C1C1 !important
    }
    
    .hv_f_c\:grey2:hover {
      color: #C1C1C1 !important
    }
    
    .bg_c\:grey2 {
      background-color: #C1C1C1 !important
    }
    
    .hv_bg_c\:grey2:hover {
      background-color: #C1C1C1 !important
    }
    
    .br_c\:grey2 {
      border-color: #C1C1C1 !important
    }
    
    .f_c\:grey3 {
      color: #858585 !important
    }
    
    .hv_f_c\:grey3:hover {
      color: #858585 !important
    }
    
    .bg_c\:grey3 {
      background-color: #858585 !important
    }
    
    .hv_bg_c\:grey3:hover {
      background-color: #858585 !important
    }
    
    .br_c\:grey3 {
      border-color: #858585 !important
    }
    
    .f_c\:lightGrey2 {
      color: #EAEAEA !important
    }
    
    .hv_f_c\:lightGrey2:hover {
      color: #EAEAEA !important
    }
    
    .bg_c\:lightGrey2 {
      background-color: #EAEAEA !important
    }
    
    .hv_bg_c\:lightGrey2:hover {
      background-color: #EAEAEA !important
    }
    
    .br_c\:lightGrey2 {
      border-color: #EAEAEA !important
    }
    
    .f_c\:lightGrey3 {
      color: #F4F4F4 !important
    }
    
    .hv_f_c\:lightGrey3:hover {
      color: #F4F4F4 !important
    }
    
    .bg_c\:lightGrey3 {
      background-color: #F4F4F4 !important
    }
    
    .hv_bg_c\:lightGrey3:hover {
      background-color: #F4F4F4 !important
    }
    
    .br_c\:lightGrey3 {
      border-color: #F4F4F4 !important
    }
    
    .f_c\:lightGrey4 {
      color: #F2F5F8 !important
    }
    
    .hv_f_c\:lightGrey4:hover {
      color: #F2F5F8 !important
    }
    
    .bg_c\:lightGrey4 {
      background-color: #F2F5F8 !important
    }
    
    .hv_bg_c\:lightGrey4:hover {
      background-color: #F2F5F8 !important
    }
    
    .br_c\:lightGrey4 {
      border-color: #F2F5F8 !important
    }
    
    .f_c\:lightGrey5 {
      color: #BEC8D1 !important
    }
    
    .hv_f_c\:lightGrey5:hover {
      color: #BEC8D1 !important
    }
    
    .bg_c\:lightGrey5 {
      background-color: #BEC8D1 !important
    }
    
    .hv_bg_c\:lightGrey5:hover {
      background-color: #BEC8D1 !important
    }
    
    .br_c\:lightGrey5 {
      border-color: #BEC8D1 !important
    }
    
    .f_c\:borderHeader {
      color: rgba(51, 51, 51, 0.1) !important
    }
    
    .hv_f_c\:borderHeader:hover {
      color: rgba(51, 51, 51, 0.1) !important
    }
    
    .bg_c\:borderHeader {
      background-color: rgba(51, 51, 51, 0.1) !important
    }
    
    .hv_bg_c\:borderHeader:hover {
      background-color: rgba(51, 51, 51, 0.1) !important
    }
    
    .br_c\:borderHeader {
      border-color: rgba(51, 51, 51, 0.1) !important
    }
    
    .f_c\:expired {
      color: #fee8e9 !important
    }
    
    .hv_f_c\:expired:hover {
      color: #fee8e9 !important
    }
    
    .bg_c\:expired {
      background-color: #fee8e9 !important
    }
    
    .hv_bg_c\:expired:hover {
      background-color: #fee8e9 !important
    }
    
    .br_c\:expired {
      border-color: #fee8e9 !important
    }
    
    .f_c\:darkGrey {
      color: rgba(51, 51, 51, 0.6) !important
    }
    
    .hv_f_c\:darkGrey:hover {
      color: rgba(51, 51, 51, 0.6) !important
    }
    
    .bg_c\:darkGrey {
      background-color: rgba(51, 51, 51, 0.6) !important
    }
    
    .hv_bg_c\:darkGrey:hover {
      background-color: rgba(51, 51, 51, 0.6) !important
    }
    
    .br_c\:darkGrey {
      border-color: rgba(51, 51, 51, 0.6) !important
    }
    
    .f_c\:pink {
      color: #DD7FC0 !important
    }
    
    .hv_f_c\:pink:hover {
      color: #DD7FC0 !important
    }
    
    .bg_c\:pink {
      background-color: #DD7FC0 !important
    }
    
    .hv_bg_c\:pink:hover {
      background-color: #DD7FC0 !important
    }
    
    .br_c\:pink {
      border-color: #DD7FC0 !important
    }
    
    .f_c\:notification {
      color: #f4cc23 !important
    }
    
    .hv_f_c\:notification:hover {
      color: #f4cc23 !important
    }
    
    .bg_c\:notification {
      background-color: #f4cc23 !important
    }
    
    .hv_bg_c\:notification:hover {
      background-color: #f4cc23 !important
    }
    
    .br_c\:notification {
      border-color: #f4cc23 !important
    }
    
    .f_c\:lightRed {
      color: #c95858 !important
    }
    
    .hv_f_c\:lightRed:hover {
      color: #c95858 !important
    }
    
    .bg_c\:lightRed {
      background-color: #c95858 !important
    }
    
    .hv_bg_c\:lightRed:hover {
      background-color: #c95858 !important
    }
    
    .br_c\:lightRed {
      border-color: #c95858 !important
    }
    
    .f_c\:blueRefer {
      color: #1573B2 !important
    }
    
    .hv_f_c\:blueRefer:hover {
      color: #1573B2 !important
    }
    
    .bg_c\:blueRefer {
      background-color: #1573B2 !important
    }
    
    .hv_bg_c\:blueRefer:hover {
      background-color: #1573B2 !important
    }
    
    .br_c\:blueRefer {
      border-color: #1573B2 !important
    }
    
    .bg-white {
      background-color: #fff
    }
    
    .bg-success {
      background-color: #4DA501
    }
    
    .bg-danger {
      background-color: #C92828
    }
    
    .bg-info {
      background-color: #F2F7FF
    }
    
    .bg-grey {
      background-color: #F2F2F2
    }
    
    .bg-grey-2 {
      background-color: #FAFAFA
    }
    
    .bg-light-grey {
      background-color: #FCFCFC
    }
    
    .bg-soft-grey {
      background-color: #F9FAFC
    }
    
    .bg-soft-grey-2 {
      background-color: #F2F5F8
    }
    
    .bg-warning {
      background-color: #FFC400
    }
    
    .bg-success-2 {
      background-color: #429505
    }
    
    .bg-light-blue {
      background-color: #F9FAFC
    }
    
    .f_d\:c {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
    }
    
    .f_d\:r {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
    }
    
    .f_w\:w {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    
    .f_w\:nw {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
    }
    
    .a_i\:f_s {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
    }
    
    .a_i\:f_e {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end
    }
    
    .a_i\:c {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
    }
    
    .a_i\:b {
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline
    }
    
    .a_i\:s {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch
    }
    
    .a_s\:f_s {
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start
    }
    
    .a_s\:f_e {
      -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
      align-self: flex-end
    }
    
    .a_s\:c {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center
    }
    
    .a_s\:b {
      -webkit-align-self: baseline;
      -ms-flex-item-align: baseline;
      align-self: baseline
    }
    
    .a_s\:s {
      -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch
    }
    
    .j_c\:f_s {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start
    }
    
    .j_c\:f_e {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end
    }
    
    .j_c\:c {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }
    
    .j_c\:s_b {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
    
    .j_c\:s_a {
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around
    }
    
    .a_c\:f_s {
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start
    }
    
    .a_c\:f_e {
      -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
      align-content: flex-end
    }
    
    .a_c\:c {
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center
    }
    
    .a_c\:s_b {
      -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
      align-content: space-between
    }
    
    .a_c\:s_a {
      -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
      align-content: space-around
    }
    
    .a_c\:s {
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch
    }
    
    .f_g\:0 {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0
    }
    
    .f_g\:1 {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1
    }
    
    .f_s\:0 {
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0
    }
    
    .f_s\:1 {
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1
    }
    
    .f_b\:a {
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto
    }
    
    .f_o\:0 {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
    }
    
    .f_o\:1 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
    }
    
    .f_o\:2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
    }
    
    .f_o\:3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
    }
    
    .f_o\:last {
      -webkit-box-ordinal-group: 100000;
      -ms-flex-order: 99999;
      order: 99999
    }
    
    .f\:a {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
    }
    
    .f\:1 {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
    }
    
    @media (max-width: 767px) {
      .j_c\:f_s\@m {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
      }
    
      .j_c\:f_e\@m {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
      }
    
      .j_c\:c\@m {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
      }
    }
    
    .d-flex {
      display: -ms-flexbox !important;
      display: flex !important
    }
    
    .flex-1 {
      -webkit-box-flex: 1;
      flex: 1
    }
    
    .flex-row {
      display: flex;
      flex-direction: row
    }
    
    .flex-column {
      display: flex;
      flex-direction: column
    }
    
    .justify-start {
      justify-content: flex-start
    }
    
    .align-start {
      align-items: flex-start
    }
    
    .justify-center {
      justify-content: center
    }
    
    .align-center {
      align-items: center
    }
    
    .justify-end {
      justify-content: flex-end
    }
    
    .align-end {
      align-items: flex-end
    }
    
    .justify-between {
      justify-content: space-between
    }
    
    .align-between {
      align-items: space-between
    }
    
    .d-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important
    }
    
    .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -10px
    }
    
    .row--full-width {
      margin-left: -15px;
      margin-right: -15px
    }
    
    .grid-container {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto
    }
    
    .grid-container--full {
      padding-left: 0;
      padding-right: 0
    }
    
    .grid-container--full .grid-row {
      margin-left: 10px;
      margin-right: 10px
    }
    
    .grid-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: -5px;
      margin-right: -5px
    }
    
    .grid-row--full {
      margin-left: -15px;
      margin-right: -15px;
      padding-left: 10px;
      padding-right: 10px
    }
    
    .grid-row>.grid-col {
      position: relative;
      padding: 5px
    }
    
    [class*="col-"] {
      width: 100%
    }
    
    .grid-col-auto {
      -webkit-box-flex: 0 0 auto;
      -moz-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
    }
    
    .grid-col-1 {
      -webkit-box-flex: 0 0 8.33333%;
      -moz-box-flex: 0 0 8.33333%;
      -webkit-flex: 0 0 8.33333%;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
    }
    
    .grid-col-2 {
      -webkit-box-flex: 0 0 16.66667%;
      -moz-box-flex: 0 0 16.66667%;
      -webkit-flex: 0 0 16.66667%;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
    }
    
    .grid-col-3 {
      -webkit-box-flex: 0 0 25%;
      -moz-box-flex: 0 0 25%;
      -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
    }
    
    .grid-col-4 {
      -webkit-box-flex: 0 0 33.33333%;
      -moz-box-flex: 0 0 33.33333%;
      -webkit-flex: 0 0 33.33333%;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
    }
    
    .grid-col-5 {
      -webkit-box-flex: 0 0 41.66667%;
      -moz-box-flex: 0 0 41.66667%;
      -webkit-flex: 0 0 41.66667%;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
    }
    
    .grid-col-6 {
      -webkit-box-flex: 0 0 50%;
      -moz-box-flex: 0 0 50%;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
    
    .grid-col-7 {
      -webkit-box-flex: 0 0 58.33333%;
      -moz-box-flex: 0 0 58.33333%;
      -webkit-flex: 0 0 58.33333%;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
    }
    
    .grid-col-8 {
      -webkit-box-flex: 0 0 66.66667%;
      -moz-box-flex: 0 0 66.66667%;
      -webkit-flex: 0 0 66.66667%;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
    }
    
    .grid-col-9 {
      -webkit-box-flex: 0 0 75%;
      -moz-box-flex: 0 0 75%;
      -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
    }
    
    .grid-col-10 {
      -webkit-box-flex: 0 0 83.33333%;
      -moz-box-flex: 0 0 83.33333%;
      -webkit-flex: 0 0 83.33333%;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
    }
    
    .grid-col-11 {
      -webkit-box-flex: 0 0 91.66667%;
      -moz-box-flex: 0 0 91.66667%;
      -webkit-flex: 0 0 91.66667%;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
    }
    
    .grid-col-12 {
      -webkit-box-flex: 0 0 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
    }
    
    @media only screen and (max-width: 600px) {
      .grid-xs\:1 {
        width: 8.33333%
      }
    
      .grid-xs\:2 {
        width: 16.66667%
      }
    
      .grid-xs\:3 {
        width: 25%
      }
    
      .grid-xs\:4 {
        width: 33.33333%
      }
    
      .grid-xs\:5 {
        width: 41.66667%
      }
    
      .grid-xs\:6 {
        width: 50%
      }
    
      .grid-xs\:7 {
        width: 58.33333%
      }
    
      .grid-xs\:8 {
        width: 66.66667%
      }
    
      .grid-xs\:9 {
        width: 75%
      }
    
      .grid-xs\:10 {
        width: 83.33333%
      }
    
      .grid-xs\:11 {
        width: 91.66667%
      }
    
      .grid-xs\:12 {
        width: 100%
      }
    }
    
    @media only screen and (min-width: 600px) {
      .grid-sm\:1 {
        width: 8.33333%
      }
    
      .grid-col-sm-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
      }
    
      .grid-sm\:2 {
        width: 16.66667%
      }
    
      .grid-col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
      }
    
      .grid-sm\:3 {
        width: 25%
      }
    
      .grid-col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
      }
    
      .grid-sm\:4 {
        width: 33.33333%
      }
    
      .grid-col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
      }
    
      .grid-sm\:5 {
        width: 41.66667%
      }
    
      .grid-col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
      }
    
      .grid-sm\:6 {
        width: 50%
      }
    
      .grid-col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
      }
    
      .grid-sm\:7 {
        width: 58.33333%
      }
    
      .grid-col-sm-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
      }
    
      .grid-sm\:8 {
        width: 66.66667%
      }
    
      .grid-col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
      }
    
      .grid-sm\:9 {
        width: 75%
      }
    
      .grid-col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
      }
    
      .grid-sm\:10 {
        width: 83.33333%
      }
    
      .grid-col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
      }
    
      .grid-sm\:11 {
        width: 91.66667%
      }
    
      .grid-col-sm-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
      }
    
      .grid-sm\:12 {
        width: 100%
      }
    
      .grid-col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
      }
    }
    
    @media only screen and (min-width: 768px) {
      .grid-md\:1 {
        width: 8.33333%
      }
    
      .grid-col-md-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
      }
    
      .grid-md\:2 {
        width: 16.66667%
      }
    
      .grid-col-md-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
      }
    
      .grid-md\:3 {
        width: 25%
      }
    
      .grid-col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
      }
    
      .grid-md\:4 {
        width: 33.33333%
      }
    
      .grid-col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
      }
    
      .grid-md\:5 {
        width: 41.66667%
      }
    
      .grid-col-md-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
      }
    
      .grid-md\:6 {
        width: 50%
      }
    
      .grid-col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
      }
    
      .grid-md\:7 {
        width: 58.33333%
      }
    
      .grid-col-md-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
      }
    
      .grid-md\:8 {
        width: 66.66667%
      }
    
      .grid-col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
      }
    
      .grid-md\:9 {
        width: 75%
      }
    
      .grid-col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
      }
    
      .grid-md\:10 {
        width: 83.33333%
      }
    
      .grid-col-md-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
      }
    
      .grid-md\:11 {
        width: 91.66667%
      }
    
      .grid-col-md-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
      }
    
      .grid-md\:12 {
        width: 100%
      }
    
      .grid-col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
      }
    }
    
    @media only screen and (min-width: 992px) {
      .grid-lg\:1 {
        width: 8.33333%
      }
    
      .grid-col-lg-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
      }
    
      .grid-lg\:2 {
        width: 16.66667%
      }
    
      .grid-col-lg-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
      }
    
      .grid-lg\:3 {
        width: 25%
      }
    
      .grid-col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
      }
    
      .grid-lg\:4 {
        width: 33.33333%
      }
    
      .grid-col-lg-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
      }
    
      .grid-lg\:5 {
        width: 41.66667%
      }
    
      .grid-col-lg-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
      }
    
      .grid-lg\:6 {
        width: 50%
      }
    
      .grid-col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
      }
    
      .grid-lg\:7 {
        width: 58.33333%
      }
    
      .grid-col-lg-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
      }
    
      .grid-lg\:8 {
        width: 66.66667%
      }
    
      .grid-col-lg-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
      }
    
      .grid-lg\:9 {
        width: 75%
      }
    
      .grid-col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
      }
    
      .grid-lg\:10 {
        width: 83.33333%
      }
    
      .grid-col-lg-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
      }
    
      .grid-lg\:11 {
        width: 91.66667%
      }
    
      .grid-col-lg-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
      }
    
      .grid-lg\:12 {
        width: 100%
      }
    
      .grid-col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
      }
    }
    
    @media only screen and (min-width: 1200px) {
      .grid-xl-\:1 {
        width: 8.33333%
      }
    
      .grid-col-xl-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
      }
    
      .grid-xl-\:2 {
        width: 16.66667%
      }
    
      .grid-col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
      }
    
      .grid-xl-\:3 {
        width: 25%
      }
    
      .grid-col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
      }
    
      .grid-xl-\:4 {
        width: 33.33333%
      }
    
      .grid-col-xl-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
      }
    
      .grid-xl-\:5 {
        width: 41.66667%
      }
    
      .grid-col-xl-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
      }
    
      .grid-xl-\:6 {
        width: 50%
      }
    
      .grid-col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
      }
    
      .grid-xl-\:7 {
        width: 58.33333%
      }
    
      .grid-col-xl-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
      }
    
      .grid-xl-\:8 {
        width: 66.66667%
      }
    
      .grid-col-xl-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
      }
    
      .grid-xl-\:9 {
        width: 75%
      }
    
      .grid-col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
      }
    
      .grid-xl-\:10 {
        width: 83.33333%
      }
    
      .grid-col-xl-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
      }
    
      .grid-xl-\:11 {
        width: 91.66667%
      }
    
      .grid-col-xl-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
      }
    
      .grid-xl-\:12 {
        width: 100%
      }
    
      .grid-col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
      }
    }
    
    .container {
      max-width: 480px;
      margin: 0 auto
    }
    
    .d\:none {
      display: none !important
    }
    
    .o\:0 {
      opacity: 0 !important
    }
    
    .o\:2 {
      opacity: 0.2 !important
    }
    
    .o\:5 {
      opacity: 0.5 !important
    }
    
    .o\:1 {
      opacity: 1 !important
    }
    
    .hv-o\:0:hover {
      opacity: 0 !important
    }
    
    .hv_opacity\:5:hover {
      opacity: 0.2 !important
    }
    
    .o_g\:3 {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)
    }
    
    .hv_o\:1:hover {
      opacity: 1 !important
    }
    
    .p_o\:none {
      pointer-events: none
    }
    
    .t_o\:e {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }
    
    .t_d\:l_t {
      text-decoration: line-through
    }
    
    .o_f\:h {
      overflow: hidden
    }
    
    .d\:n {
      display: none
    }
    
    .d\:f {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }
    
    .d\:i_f {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex
    }
    
    .d\:i {
      display: inline
    }
    
    .d\:b {
      display: block
    }
    
    .d\:i_b {
      display: inline-block
    }
    
    .d\:t {
      display: table
    }
    
    .d\:t_c {
      display: table-cell
    }
    
    .ov\:h {
      overflow: hidden
    }
    
    .ov\:s {
      overflow: scroll
    }
    
    .ov\:a {
      overflow: auto
    }
    
    .h\:full {
      height: 100%
    }
    
    .mh\:100 {
      min-height: 100px
    }
    
    .mh\:150 {
      min-height: 150px
    }
    
    .w\:full {
      width: 100%
    }
    
    .ov_x\:s {
      overflow-x: scroll
    }
    
    .ov_x_x\:h {
      overflow-x: hidden
    }
    
    .ov_x_y\:s {
      overflow-y: scroll
    }
    
    .c\:p {
      cursor: pointer
    }
    
    .ov_f\:c {
      -o-object-fit: cover;
      object-fit: cover
    }
    
    .pull\:r {
      float: right
    }
    
    .pull\:l {
      float: left
    }
    
    .w_b\:b_w {
      word-break: break-word
    }
    
    .w_b\:b_a {
      word-break: break-all
    }
    
    .m\:0 {
      margin: 0px !important
    }
    
    .m_t\:0 {
      margin-top: 0px !important
    }
    
    .m_l\:0 {
      margin-left: 0px !important
    }
    
    .m_r\:0 {
      margin-right: 0px !important
    }
    
    .m_l\:-0 {
      margin-left: -0px !important
    }
    
    .m_r\:-0 {
      margin-right: -0px !important
    }
    
    .m_b\:0 {
      margin-bottom: 0px !important
    }
    
    .m\:-0 {
      margin: -0px !important
    }
    
    .m_t\:-0 {
      margin-top: -0px !important
    }
    
    .m_b\:-0 {
      margin-bottom: -0px !important
    }
    
    .p\:0 {
      padding: 0px !important
    }
    
    .p_l\:0 {
      padding-left: 0px !important
    }
    
    .p_r\:0 {
      padding-right: 0px !important
    }
    
    .p_l\:-0 {
      padding-left: -0px !important
    }
    
    .p_r\:-0 {
      padding-right: -0px !important
    }
    
    .p_b\:0 {
      padding-bottom: 0px !important
    }
    
    .p_t\:0 {
      padding-top: 0px !important
    }
    
    .p_x\:0 {
      padding-left: 0px !important;
      padding-right: 0px !important
    }
    
    .p_y\:0 {
      padding-top: 0px !important;
      padding-bottom: 0px !important
    }
    
    .m\:1 {
      margin: 1px !important
    }
    
    .m_t\:1 {
      margin-top: 1px !important
    }
    
    .m_l\:1 {
      margin-left: 1px !important
    }
    
    .m_r\:1 {
      margin-right: 1px !important
    }
    
    .m_l\:-1 {
      margin-left: -1px !important
    }
    
    .m_r\:-1 {
      margin-right: -1px !important
    }
    
    .m_b\:1 {
      margin-bottom: 1px !important
    }
    
    .m\:-1 {
      margin: -1px !important
    }
    
    .m_t\:-1 {
      margin-top: -1px !important
    }
    
    .m_b\:-1 {
      margin-bottom: -1px !important
    }
    
    .p\:1 {
      padding: 1px !important
    }
    
    .p_l\:1 {
      padding-left: 1px !important
    }
    
    .p_r\:1 {
      padding-right: 1px !important
    }
    
    .p_l\:-1 {
      padding-left: -1px !important
    }
    
    .p_r\:-1 {
      padding-right: -1px !important
    }
    
    .p_b\:1 {
      padding-bottom: 1px !important
    }
    
    .p_t\:1 {
      padding-top: 1px !important
    }
    
    .p_x\:1 {
      padding-left: 1px !important;
      padding-right: 1px !important
    }
    
    .p_y\:1 {
      padding-top: 1px !important;
      padding-bottom: 1px !important
    }
    
    .m\:3 {
      margin: 3px !important
    }
    
    .m_t\:3 {
      margin-top: 3px !important
    }
    
    .m_l\:3 {
      margin-left: 3px !important
    }
    
    .m_r\:3 {
      margin-right: 3px !important
    }
    
    .m_l\:-3 {
      margin-left: -3px !important
    }
    
    .m_r\:-3 {
      margin-right: -3px !important
    }
    
    .m_b\:3 {
      margin-bottom: 3px !important
    }
    
    .m\:-3 {
      margin: -3px !important
    }
    
    .m_t\:-3 {
      margin-top: -3px !important
    }
    
    .m_b\:-3 {
      margin-bottom: -3px !important
    }
    
    .p\:3 {
      padding: 3px !important
    }
    
    .p_l\:3 {
      padding-left: 3px !important
    }
    
    .p_r\:3 {
      padding-right: 3px !important
    }
    
    .p_l\:-3 {
      padding-left: -3px !important
    }
    
    .p_r\:-3 {
      padding-right: -3px !important
    }
    
    .p_b\:3 {
      padding-bottom: 3px !important
    }
    
    .p_t\:3 {
      padding-top: 3px !important
    }
    
    .p_x\:3 {
      padding-left: 3px !important;
      padding-right: 3px !important
    }
    
    .p_y\:3 {
      padding-top: 3px !important;
      padding-bottom: 3px !important
    }
    
    .m\:5 {
      margin: 5px !important
    }
    
    .m_t\:5 {
      margin-top: 5px !important
    }
    
    .m_l\:5 {
      margin-left: 5px !important
    }
    
    .m_r\:5 {
      margin-right: 5px !important
    }
    
    .m_l\:-5 {
      margin-left: -5px !important
    }
    
    .m_r\:-5 {
      margin-right: -5px !important
    }
    
    .m_b\:5 {
      margin-bottom: 5px !important
    }
    
    .m\:-5 {
      margin: -5px !important
    }
    
    .m_t\:-5 {
      margin-top: -5px !important
    }
    
    .m_b\:-5 {
      margin-bottom: -5px !important
    }
    
    .p\:5 {
      padding: 5px !important
    }
    
    .p_l\:5 {
      padding-left: 5px !important
    }
    
    .p_r\:5 {
      padding-right: 5px !important
    }
    
    .p_l\:-5 {
      padding-left: -5px !important
    }
    
    .p_r\:-5 {
      padding-right: -5px !important
    }
    
    .p_b\:5 {
      padding-bottom: 5px !important
    }
    
    .p_t\:5 {
      padding-top: 5px !important
    }
    
    .p_x\:5 {
      padding-left: 5px !important;
      padding-right: 5px !important
    }
    
    .p_y\:5 {
      padding-top: 5px !important;
      padding-bottom: 5px !important
    }
    
    .m\:6 {
      margin: 6px !important
    }
    
    .m_t\:6 {
      margin-top: 6px !important
    }
    
    .m_l\:6 {
      margin-left: 6px !important
    }
    
    .m_r\:6 {
      margin-right: 6px !important
    }
    
    .m_l\:-6 {
      margin-left: -6px !important
    }
    
    .m_r\:-6 {
      margin-right: -6px !important
    }
    
    .m_b\:6 {
      margin-bottom: 6px !important
    }
    
    .m\:-6 {
      margin: -6px !important
    }
    
    .m_t\:-6 {
      margin-top: -6px !important
    }
    
    .m_b\:-6 {
      margin-bottom: -6px !important
    }
    
    .p\:6 {
      padding: 6px !important
    }
    
    .p_l\:6 {
      padding-left: 6px !important
    }
    
    .p_r\:6 {
      padding-right: 6px !important
    }
    
    .p_l\:-6 {
      padding-left: -6px !important
    }
    
    .p_r\:-6 {
      padding-right: -6px !important
    }
    
    .p_b\:6 {
      padding-bottom: 6px !important
    }
    
    .p_t\:6 {
      padding-top: 6px !important
    }
    
    .p_x\:6 {
      padding-left: 6px !important;
      padding-right: 6px !important
    }
    
    .p_y\:6 {
      padding-top: 6px !important;
      padding-bottom: 6px !important
    }
    
    .m\:7 {
      margin: 7px !important
    }
    
    .m_t\:7 {
      margin-top: 7px !important
    }
    
    .m_l\:7 {
      margin-left: 7px !important
    }
    
    .m_r\:7 {
      margin-right: 7px !important
    }
    
    .m_l\:-7 {
      margin-left: -7px !important
    }
    
    .m_r\:-7 {
      margin-right: -7px !important
    }
    
    .m_b\:7 {
      margin-bottom: 7px !important
    }
    
    .m\:-7 {
      margin: -7px !important
    }
    
    .m_t\:-7 {
      margin-top: -7px !important
    }
    
    .m_b\:-7 {
      margin-bottom: -7px !important
    }
    
    .p\:7 {
      padding: 7px !important
    }
    
    .p_l\:7 {
      padding-left: 7px !important
    }
    
    .p_r\:7 {
      padding-right: 7px !important
    }
    
    .p_l\:-7 {
      padding-left: -7px !important
    }
    
    .p_r\:-7 {
      padding-right: -7px !important
    }
    
    .p_b\:7 {
      padding-bottom: 7px !important
    }
    
    .p_t\:7 {
      padding-top: 7px !important
    }
    
    .p_x\:7 {
      padding-left: 7px !important;
      padding-right: 7px !important
    }
    
    .p_y\:7 {
      padding-top: 7px !important;
      padding-bottom: 7px !important
    }
    
    .m\:8 {
      margin: 8px !important
    }
    
    .m_t\:8 {
      margin-top: 8px !important
    }
    
    .m_l\:8 {
      margin-left: 8px !important
    }
    
    .m_r\:8 {
      margin-right: 8px !important
    }
    
    .m_l\:-8 {
      margin-left: -8px !important
    }
    
    .m_r\:-8 {
      margin-right: -8px !important
    }
    
    .m_b\:8 {
      margin-bottom: 8px !important
    }
    
    .m\:-8 {
      margin: -8px !important
    }
    
    .m_t\:-8 {
      margin-top: -8px !important
    }
    
    .m_b\:-8 {
      margin-bottom: -8px !important
    }
    
    .p\:8 {
      padding: 8px !important
    }
    
    .p_l\:8 {
      padding-left: 8px !important
    }
    
    .p_r\:8 {
      padding-right: 8px !important
    }
    
    .p_l\:-8 {
      padding-left: -8px !important
    }
    
    .p_r\:-8 {
      padding-right: -8px !important
    }
    
    .p_b\:8 {
      padding-bottom: 8px !important
    }
    
    .p_t\:8 {
      padding-top: 8px !important
    }
    
    .p_x\:8 {
      padding-left: 8px !important;
      padding-right: 8px !important
    }
    
    .p_y\:8 {
      padding-top: 8px !important;
      padding-bottom: 8px !important
    }
    
    .m\:10 {
      margin: 10px !important
    }
    
    .m_t\:10 {
      margin-top: 10px !important
    }
    
    .m_l\:10 {
      margin-left: 10px !important
    }
    
    .m_r\:10 {
      margin-right: 10px !important
    }
    
    .m_l\:-10 {
      margin-left: -10px !important
    }
    
    .m_r\:-10 {
      margin-right: -10px !important
    }
    
    .m_b\:10 {
      margin-bottom: 10px !important
    }
    
    .m\:-10 {
      margin: -10px !important
    }
    
    .m_t\:-10 {
      margin-top: -10px !important
    }
    
    .m_b\:-10 {
      margin-bottom: -10px !important
    }
    
    .p\:10 {
      padding: 10px !important
    }
    
    .p_l\:10 {
      padding-left: 10px !important
    }
    
    .p_r\:10 {
      padding-right: 10px !important
    }
    
    .p_l\:-10 {
      padding-left: -10px !important
    }
    
    .p_r\:-10 {
      padding-right: -10px !important
    }
    
    .p_b\:10 {
      padding-bottom: 10px !important
    }
    
    .p_t\:10 {
      padding-top: 10px !important
    }
    
    .p_x\:10 {
      padding-left: 10px !important;
      padding-right: 10px !important
    }
    
    .p_y\:10 {
      padding-top: 10px !important;
      padding-bottom: 10px !important
    }
    
    .m\:15 {
      margin: 15px !important
    }
    
    .m_t\:15 {
      margin-top: 15px !important
    }
    
    .m_l\:15 {
      margin-left: 15px !important
    }
    
    .m_r\:15 {
      margin-right: 15px !important
    }
    
    .m_l\:-15 {
      margin-left: -15px !important
    }
    
    .m_r\:-15 {
      margin-right: -15px !important
    }
    
    .m_b\:15 {
      margin-bottom: 15px !important
    }
    
    .m\:-15 {
      margin: -15px !important
    }
    
    .m_t\:-15 {
      margin-top: -15px !important
    }
    
    .m_b\:-15 {
      margin-bottom: -15px !important
    }
    
    .p\:15 {
      padding: 15px !important
    }
    
    .p_l\:15 {
      padding-left: 15px !important
    }
    
    .p_r\:15 {
      padding-right: 15px !important
    }
    
    .p_l\:-15 {
      padding-left: -15px !important
    }
    
    .p_r\:-15 {
      padding-right: -15px !important
    }
    
    .p_b\:15 {
      padding-bottom: 15px !important
    }
    
    .p_t\:15 {
      padding-top: 15px !important
    }
    
    .p_x\:15 {
      padding-left: 15px !important;
      padding-right: 15px !important
    }
    
    .p_y\:15 {
      padding-top: 15px !important;
      padding-bottom: 15px !important
    }
    
    .m\:20 {
      margin: 20px !important
    }
    
    .m_t\:20 {
      margin-top: 20px !important
    }
    
    .m_l\:20 {
      margin-left: 20px !important
    }
    
    .m_r\:20 {
      margin-right: 20px !important
    }
    
    .m_l\:-20 {
      margin-left: -20px !important
    }
    
    .m_r\:-20 {
      margin-right: -20px !important
    }
    
    .m_b\:20 {
      margin-bottom: 20px !important
    }
    
    .m\:-20 {
      margin: -20px !important
    }
    
    .m_t\:-20 {
      margin-top: -20px !important
    }
    
    .m_b\:-20 {
      margin-bottom: -20px !important
    }
    
    .p\:20 {
      padding: 20px !important
    }
    
    .p_l\:20 {
      padding-left: 20px !important
    }
    
    .p_r\:20 {
      padding-right: 20px !important
    }
    
    .p_l\:-20 {
      padding-left: -20px !important
    }
    
    .p_r\:-20 {
      padding-right: -20px !important
    }
    
    .p_b\:20 {
      padding-bottom: 20px !important
    }
    
    .p_t\:20 {
      padding-top: 20px !important
    }
    
    .p_x\:20 {
      padding-left: 20px !important;
      padding-right: 20px !important
    }
    
    .p_y\:20 {
      padding-top: 20px !important;
      padding-bottom: 20px !important
    }
    
    .m\:25 {
      margin: 25px !important
    }
    
    .m_t\:25 {
      margin-top: 25px !important
    }
    
    .m_l\:25 {
      margin-left: 25px !important
    }
    
    .m_r\:25 {
      margin-right: 25px !important
    }
    
    .m_l\:-25 {
      margin-left: -25px !important
    }
    
    .m_r\:-25 {
      margin-right: -25px !important
    }
    
    .m_b\:25 {
      margin-bottom: 25px !important
    }
    
    .m\:-25 {
      margin: -25px !important
    }
    
    .m_t\:-25 {
      margin-top: -25px !important
    }
    
    .m_b\:-25 {
      margin-bottom: -25px !important
    }
    
    .p\:25 {
      padding: 25px !important
    }
    
    .p_l\:25 {
      padding-left: 25px !important
    }
    
    .p_r\:25 {
      padding-right: 25px !important
    }
    
    .p_l\:-25 {
      padding-left: -25px !important
    }
    
    .p_r\:-25 {
      padding-right: -25px !important
    }
    
    .p_b\:25 {
      padding-bottom: 25px !important
    }
    
    .p_t\:25 {
      padding-top: 25px !important
    }
    
    .p_x\:25 {
      padding-left: 25px !important;
      padding-right: 25px !important
    }
    
    .p_y\:25 {
      padding-top: 25px !important;
      padding-bottom: 25px !important
    }
    
    .m\:26 {
      margin: 26px !important
    }
    
    .m_t\:26 {
      margin-top: 26px !important
    }
    
    .m_l\:26 {
      margin-left: 26px !important
    }
    
    .m_r\:26 {
      margin-right: 26px !important
    }
    
    .m_l\:-26 {
      margin-left: -26px !important
    }
    
    .m_r\:-26 {
      margin-right: -26px !important
    }
    
    .m_b\:26 {
      margin-bottom: 26px !important
    }
    
    .m\:-26 {
      margin: -26px !important
    }
    
    .m_t\:-26 {
      margin-top: -26px !important
    }
    
    .m_b\:-26 {
      margin-bottom: -26px !important
    }
    
    .p\:26 {
      padding: 26px !important
    }
    
    .p_l\:26 {
      padding-left: 26px !important
    }
    
    .p_r\:26 {
      padding-right: 26px !important
    }
    
    .p_l\:-26 {
      padding-left: -26px !important
    }
    
    .p_r\:-26 {
      padding-right: -26px !important
    }
    
    .p_b\:26 {
      padding-bottom: 26px !important
    }
    
    .p_t\:26 {
      padding-top: 26px !important
    }
    
    .p_x\:26 {
      padding-left: 26px !important;
      padding-right: 26px !important
    }
    
    .p_y\:26 {
      padding-top: 26px !important;
      padding-bottom: 26px !important
    }
    
    .m\:30 {
      margin: 30px !important
    }
    
    .m_t\:30 {
      margin-top: 30px !important
    }
    
    .m_l\:30 {
      margin-left: 30px !important
    }
    
    .m_r\:30 {
      margin-right: 30px !important
    }
    
    .m_l\:-30 {
      margin-left: -30px !important
    }
    
    .m_r\:-30 {
      margin-right: -30px !important
    }
    
    .m_b\:30 {
      margin-bottom: 30px !important
    }
    
    .m\:-30 {
      margin: -30px !important
    }
    
    .m_t\:-30 {
      margin-top: -30px !important
    }
    
    .m_b\:-30 {
      margin-bottom: -30px !important
    }
    
    .p\:30 {
      padding: 30px !important
    }
    
    .p_l\:30 {
      padding-left: 30px !important
    }
    
    .p_r\:30 {
      padding-right: 30px !important
    }
    
    .p_l\:-30 {
      padding-left: -30px !important
    }
    
    .p_r\:-30 {
      padding-right: -30px !important
    }
    
    .p_b\:30 {
      padding-bottom: 30px !important
    }
    
    .p_t\:30 {
      padding-top: 30px !important
    }
    
    .p_x\:30 {
      padding-left: 30px !important;
      padding-right: 30px !important
    }
    
    .p_y\:30 {
      padding-top: 30px !important;
      padding-bottom: 30px !important
    }
    
    .m\:35 {
      margin: 35px !important
    }
    
    .m_t\:35 {
      margin-top: 35px !important
    }
    
    .m_l\:35 {
      margin-left: 35px !important
    }
    
    .m_r\:35 {
      margin-right: 35px !important
    }
    
    .m_l\:-35 {
      margin-left: -35px !important
    }
    
    .m_r\:-35 {
      margin-right: -35px !important
    }
    
    .m_b\:35 {
      margin-bottom: 35px !important
    }
    
    .m\:-35 {
      margin: -35px !important
    }
    
    .m_t\:-35 {
      margin-top: -35px !important
    }
    
    .m_b\:-35 {
      margin-bottom: -35px !important
    }
    
    .p\:35 {
      padding: 35px !important
    }
    
    .p_l\:35 {
      padding-left: 35px !important
    }
    
    .p_r\:35 {
      padding-right: 35px !important
    }
    
    .p_l\:-35 {
      padding-left: -35px !important
    }
    
    .p_r\:-35 {
      padding-right: -35px !important
    }
    
    .p_b\:35 {
      padding-bottom: 35px !important
    }
    
    .p_t\:35 {
      padding-top: 35px !important
    }
    
    .p_x\:35 {
      padding-left: 35px !important;
      padding-right: 35px !important
    }
    
    .p_y\:35 {
      padding-top: 35px !important;
      padding-bottom: 35px !important
    }
    
    .m\:40 {
      margin: 40px !important
    }
    
    .m_t\:40 {
      margin-top: 40px !important
    }
    
    .m_l\:40 {
      margin-left: 40px !important
    }
    
    .m_r\:40 {
      margin-right: 40px !important
    }
    
    .m_l\:-40 {
      margin-left: -40px !important
    }
    
    .m_r\:-40 {
      margin-right: -40px !important
    }
    
    .m_b\:40 {
      margin-bottom: 40px !important
    }
    
    .m\:-40 {
      margin: -40px !important
    }
    
    .m_t\:-40 {
      margin-top: -40px !important
    }
    
    .m_b\:-40 {
      margin-bottom: -40px !important
    }
    
    .p\:40 {
      padding: 40px !important
    }
    
    .p_l\:40 {
      padding-left: 40px !important
    }
    
    .p_r\:40 {
      padding-right: 40px !important
    }
    
    .p_l\:-40 {
      padding-left: -40px !important
    }
    
    .p_r\:-40 {
      padding-right: -40px !important
    }
    
    .p_b\:40 {
      padding-bottom: 40px !important
    }
    
    .p_t\:40 {
      padding-top: 40px !important
    }
    
    .p_x\:40 {
      padding-left: 40px !important;
      padding-right: 40px !important
    }
    
    .p_y\:40 {
      padding-top: 40px !important;
      padding-bottom: 40px !important
    }
    
    .m\:45 {
      margin: 45px !important
    }
    
    .m_t\:45 {
      margin-top: 45px !important
    }
    
    .m_l\:45 {
      margin-left: 45px !important
    }
    
    .m_r\:45 {
      margin-right: 45px !important
    }
    
    .m_l\:-45 {
      margin-left: -45px !important
    }
    
    .m_r\:-45 {
      margin-right: -45px !important
    }
    
    .m_b\:45 {
      margin-bottom: 45px !important
    }
    
    .m\:-45 {
      margin: -45px !important
    }
    
    .m_t\:-45 {
      margin-top: -45px !important
    }
    
    .m_b\:-45 {
      margin-bottom: -45px !important
    }
    
    .p\:45 {
      padding: 45px !important
    }
    
    .p_l\:45 {
      padding-left: 45px !important
    }
    
    .p_r\:45 {
      padding-right: 45px !important
    }
    
    .p_l\:-45 {
      padding-left: -45px !important
    }
    
    .p_r\:-45 {
      padding-right: -45px !important
    }
    
    .p_b\:45 {
      padding-bottom: 45px !important
    }
    
    .p_t\:45 {
      padding-top: 45px !important
    }
    
    .p_x\:45 {
      padding-left: 45px !important;
      padding-right: 45px !important
    }
    
    .p_y\:45 {
      padding-top: 45px !important;
      padding-bottom: 45px !important
    }
    
    .m\:50 {
      margin: 50px !important
    }
    
    .m_t\:50 {
      margin-top: 50px !important
    }
    
    .m_l\:50 {
      margin-left: 50px !important
    }
    
    .m_r\:50 {
      margin-right: 50px !important
    }
    
    .m_l\:-50 {
      margin-left: -50px !important
    }
    
    .m_r\:-50 {
      margin-right: -50px !important
    }
    
    .m_b\:50 {
      margin-bottom: 50px !important
    }
    
    .m\:-50 {
      margin: -50px !important
    }
    
    .m_t\:-50 {
      margin-top: -50px !important
    }
    
    .m_b\:-50 {
      margin-bottom: -50px !important
    }
    
    .p\:50 {
      padding: 50px !important
    }
    
    .p_l\:50 {
      padding-left: 50px !important
    }
    
    .p_r\:50 {
      padding-right: 50px !important
    }
    
    .p_l\:-50 {
      padding-left: -50px !important
    }
    
    .p_r\:-50 {
      padding-right: -50px !important
    }
    
    .p_b\:50 {
      padding-bottom: 50px !important
    }
    
    .p_t\:50 {
      padding-top: 50px !important
    }
    
    .p_x\:50 {
      padding-left: 50px !important;
      padding-right: 50px !important
    }
    
    .p_y\:50 {
      padding-top: 50px !important;
      padding-bottom: 50px !important
    }
    
    .m\:55 {
      margin: 55px !important
    }
    
    .m_t\:55 {
      margin-top: 55px !important
    }
    
    .m_l\:55 {
      margin-left: 55px !important
    }
    
    .m_r\:55 {
      margin-right: 55px !important
    }
    
    .m_l\:-55 {
      margin-left: -55px !important
    }
    
    .m_r\:-55 {
      margin-right: -55px !important
    }
    
    .m_b\:55 {
      margin-bottom: 55px !important
    }
    
    .m\:-55 {
      margin: -55px !important
    }
    
    .m_t\:-55 {
      margin-top: -55px !important
    }
    
    .m_b\:-55 {
      margin-bottom: -55px !important
    }
    
    .p\:55 {
      padding: 55px !important
    }
    
    .p_l\:55 {
      padding-left: 55px !important
    }
    
    .p_r\:55 {
      padding-right: 55px !important
    }
    
    .p_l\:-55 {
      padding-left: -55px !important
    }
    
    .p_r\:-55 {
      padding-right: -55px !important
    }
    
    .p_b\:55 {
      padding-bottom: 55px !important
    }
    
    .p_t\:55 {
      padding-top: 55px !important
    }
    
    .p_x\:55 {
      padding-left: 55px !important;
      padding-right: 55px !important
    }
    
    .p_y\:55 {
      padding-top: 55px !important;
      padding-bottom: 55px !important
    }
    
    .m\:60 {
      margin: 60px !important
    }
    
    .m_t\:60 {
      margin-top: 60px !important
    }
    
    .m_l\:60 {
      margin-left: 60px !important
    }
    
    .m_r\:60 {
      margin-right: 60px !important
    }
    
    .m_l\:-60 {
      margin-left: -60px !important
    }
    
    .m_r\:-60 {
      margin-right: -60px !important
    }
    
    .m_b\:60 {
      margin-bottom: 60px !important
    }
    
    .m\:-60 {
      margin: -60px !important
    }
    
    .m_t\:-60 {
      margin-top: -60px !important
    }
    
    .m_b\:-60 {
      margin-bottom: -60px !important
    }
    
    .p\:60 {
      padding: 60px !important
    }
    
    .p_l\:60 {
      padding-left: 60px !important
    }
    
    .p_r\:60 {
      padding-right: 60px !important
    }
    
    .p_l\:-60 {
      padding-left: -60px !important
    }
    
    .p_r\:-60 {
      padding-right: -60px !important
    }
    
    .p_b\:60 {
      padding-bottom: 60px !important
    }
    
    .p_t\:60 {
      padding-top: 60px !important
    }
    
    .p_x\:60 {
      padding-left: 60px !important;
      padding-right: 60px !important
    }
    
    .p_y\:60 {
      padding-top: 60px !important;
      padding-bottom: 60px !important
    }
    
    .m\:70 {
      margin: 70px !important
    }
    
    .m_t\:70 {
      margin-top: 70px !important
    }
    
    .m_l\:70 {
      margin-left: 70px !important
    }
    
    .m_r\:70 {
      margin-right: 70px !important
    }
    
    .m_l\:-70 {
      margin-left: -70px !important
    }
    
    .m_r\:-70 {
      margin-right: -70px !important
    }
    
    .m_b\:70 {
      margin-bottom: 70px !important
    }
    
    .m\:-70 {
      margin: -70px !important
    }
    
    .m_t\:-70 {
      margin-top: -70px !important
    }
    
    .m_b\:-70 {
      margin-bottom: -70px !important
    }
    
    .p\:70 {
      padding: 70px !important
    }
    
    .p_l\:70 {
      padding-left: 70px !important
    }
    
    .p_r\:70 {
      padding-right: 70px !important
    }
    
    .p_l\:-70 {
      padding-left: -70px !important
    }
    
    .p_r\:-70 {
      padding-right: -70px !important
    }
    
    .p_b\:70 {
      padding-bottom: 70px !important
    }
    
    .p_t\:70 {
      padding-top: 70px !important
    }
    
    .p_x\:70 {
      padding-left: 70px !important;
      padding-right: 70px !important
    }
    
    .p_y\:70 {
      padding-top: 70px !important;
      padding-bottom: 70px !important
    }
    
    .m\:75 {
      margin: 75px !important
    }
    
    .m_t\:75 {
      margin-top: 75px !important
    }
    
    .m_l\:75 {
      margin-left: 75px !important
    }
    
    .m_r\:75 {
      margin-right: 75px !important
    }
    
    .m_l\:-75 {
      margin-left: -75px !important
    }
    
    .m_r\:-75 {
      margin-right: -75px !important
    }
    
    .m_b\:75 {
      margin-bottom: 75px !important
    }
    
    .m\:-75 {
      margin: -75px !important
    }
    
    .m_t\:-75 {
      margin-top: -75px !important
    }
    
    .m_b\:-75 {
      margin-bottom: -75px !important
    }
    
    .p\:75 {
      padding: 75px !important
    }
    
    .p_l\:75 {
      padding-left: 75px !important
    }
    
    .p_r\:75 {
      padding-right: 75px !important
    }
    
    .p_l\:-75 {
      padding-left: -75px !important
    }
    
    .p_r\:-75 {
      padding-right: -75px !important
    }
    
    .p_b\:75 {
      padding-bottom: 75px !important
    }
    
    .p_t\:75 {
      padding-top: 75px !important
    }
    
    .p_x\:75 {
      padding-left: 75px !important;
      padding-right: 75px !important
    }
    
    .p_y\:75 {
      padding-top: 75px !important;
      padding-bottom: 75px !important
    }
    
    .m\:80 {
      margin: 80px !important
    }
    
    .m_t\:80 {
      margin-top: 80px !important
    }
    
    .m_l\:80 {
      margin-left: 80px !important
    }
    
    .m_r\:80 {
      margin-right: 80px !important
    }
    
    .m_l\:-80 {
      margin-left: -80px !important
    }
    
    .m_r\:-80 {
      margin-right: -80px !important
    }
    
    .m_b\:80 {
      margin-bottom: 80px !important
    }
    
    .m\:-80 {
      margin: -80px !important
    }
    
    .m_t\:-80 {
      margin-top: -80px !important
    }
    
    .m_b\:-80 {
      margin-bottom: -80px !important
    }
    
    .p\:80 {
      padding: 80px !important
    }
    
    .p_l\:80 {
      padding-left: 80px !important
    }
    
    .p_r\:80 {
      padding-right: 80px !important
    }
    
    .p_l\:-80 {
      padding-left: -80px !important
    }
    
    .p_r\:-80 {
      padding-right: -80px !important
    }
    
    .p_b\:80 {
      padding-bottom: 80px !important
    }
    
    .p_t\:80 {
      padding-top: 80px !important
    }
    
    .p_x\:80 {
      padding-left: 80px !important;
      padding-right: 80px !important
    }
    
    .p_y\:80 {
      padding-top: 80px !important;
      padding-bottom: 80px !important
    }
    
    .m\:90 {
      margin: 90px !important
    }
    
    .m_t\:90 {
      margin-top: 90px !important
    }
    
    .m_l\:90 {
      margin-left: 90px !important
    }
    
    .m_r\:90 {
      margin-right: 90px !important
    }
    
    .m_l\:-90 {
      margin-left: -90px !important
    }
    
    .m_r\:-90 {
      margin-right: -90px !important
    }
    
    .m_b\:90 {
      margin-bottom: 90px !important
    }
    
    .m\:-90 {
      margin: -90px !important
    }
    
    .m_t\:-90 {
      margin-top: -90px !important
    }
    
    .m_b\:-90 {
      margin-bottom: -90px !important
    }
    
    .p\:90 {
      padding: 90px !important
    }
    
    .p_l\:90 {
      padding-left: 90px !important
    }
    
    .p_r\:90 {
      padding-right: 90px !important
    }
    
    .p_l\:-90 {
      padding-left: -90px !important
    }
    
    .p_r\:-90 {
      padding-right: -90px !important
    }
    
    .p_b\:90 {
      padding-bottom: 90px !important
    }
    
    .p_t\:90 {
      padding-top: 90px !important
    }
    
    .p_x\:90 {
      padding-left: 90px !important;
      padding-right: 90px !important
    }
    
    .p_y\:90 {
      padding-top: 90px !important;
      padding-bottom: 90px !important
    }
    
    .m\:100 {
      margin: 100px !important
    }
    
    .m_t\:100 {
      margin-top: 100px !important
    }
    
    .m_l\:100 {
      margin-left: 100px !important
    }
    
    .m_r\:100 {
      margin-right: 100px !important
    }
    
    .m_l\:-100 {
      margin-left: -100px !important
    }
    
    .m_r\:-100 {
      margin-right: -100px !important
    }
    
    .m_b\:100 {
      margin-bottom: 100px !important
    }
    
    .m\:-100 {
      margin: -100px !important
    }
    
    .m_t\:-100 {
      margin-top: -100px !important
    }
    
    .m_b\:-100 {
      margin-bottom: -100px !important
    }
    
    .p\:100 {
      padding: 100px !important
    }
    
    .p_l\:100 {
      padding-left: 100px !important
    }
    
    .p_r\:100 {
      padding-right: 100px !important
    }
    
    .p_l\:-100 {
      padding-left: -100px !important
    }
    
    .p_r\:-100 {
      padding-right: -100px !important
    }
    
    .p_b\:100 {
      padding-bottom: 100px !important
    }
    
    .p_t\:100 {
      padding-top: 100px !important
    }
    
    .p_x\:100 {
      padding-left: 100px !important;
      padding-right: 100px !important
    }
    
    .p_y\:100 {
      padding-top: 100px !important;
      padding-bottom: 100px !important
    }
    
    .m\:108 {
      margin: 108px !important
    }
    
    .m_t\:108 {
      margin-top: 108px !important
    }
    
    .m_l\:108 {
      margin-left: 108px !important
    }
    
    .m_r\:108 {
      margin-right: 108px !important
    }
    
    .m_l\:-108 {
      margin-left: -108px !important
    }
    
    .m_r\:-108 {
      margin-right: -108px !important
    }
    
    .m_b\:108 {
      margin-bottom: 108px !important
    }
    
    .m\:-108 {
      margin: -108px !important
    }
    
    .m_t\:-108 {
      margin-top: -108px !important
    }
    
    .m_b\:-108 {
      margin-bottom: -108px !important
    }
    
    .p\:108 {
      padding: 108px !important
    }
    
    .p_l\:108 {
      padding-left: 108px !important
    }
    
    .p_r\:108 {
      padding-right: 108px !important
    }
    
    .p_l\:-108 {
      padding-left: -108px !important
    }
    
    .p_r\:-108 {
      padding-right: -108px !important
    }
    
    .p_b\:108 {
      padding-bottom: 108px !important
    }
    
    .p_t\:108 {
      padding-top: 108px !important
    }
    
    .p_x\:108 {
      padding-left: 108px !important;
      padding-right: 108px !important
    }
    
    .p_y\:108 {
      padding-top: 108px !important;
      padding-bottom: 108px !important
    }
    
    .m\:120 {
      margin: 120px !important
    }
    
    .m_t\:120 {
      margin-top: 120px !important
    }
    
    .m_l\:120 {
      margin-left: 120px !important
    }
    
    .m_r\:120 {
      margin-right: 120px !important
    }
    
    .m_l\:-120 {
      margin-left: -120px !important
    }
    
    .m_r\:-120 {
      margin-right: -120px !important
    }
    
    .m_b\:120 {
      margin-bottom: 120px !important
    }
    
    .m\:-120 {
      margin: -120px !important
    }
    
    .m_t\:-120 {
      margin-top: -120px !important
    }
    
    .m_b\:-120 {
      margin-bottom: -120px !important
    }
    
    .p\:120 {
      padding: 120px !important
    }
    
    .p_l\:120 {
      padding-left: 120px !important
    }
    
    .p_r\:120 {
      padding-right: 120px !important
    }
    
    .p_l\:-120 {
      padding-left: -120px !important
    }
    
    .p_r\:-120 {
      padding-right: -120px !important
    }
    
    .p_b\:120 {
      padding-bottom: 120px !important
    }
    
    .p_t\:120 {
      padding-top: 120px !important
    }
    
    .p_x\:120 {
      padding-left: 120px !important;
      padding-right: 120px !important
    }
    
    .p_y\:120 {
      padding-top: 120px !important;
      padding-bottom: 120px !important
    }
    
    .m\:150 {
      margin: 150px !important
    }
    
    .m_t\:150 {
      margin-top: 150px !important
    }
    
    .m_l\:150 {
      margin-left: 150px !important
    }
    
    .m_r\:150 {
      margin-right: 150px !important
    }
    
    .m_l\:-150 {
      margin-left: -150px !important
    }
    
    .m_r\:-150 {
      margin-right: -150px !important
    }
    
    .m_b\:150 {
      margin-bottom: 150px !important
    }
    
    .m\:-150 {
      margin: -150px !important
    }
    
    .m_t\:-150 {
      margin-top: -150px !important
    }
    
    .m_b\:-150 {
      margin-bottom: -150px !important
    }
    
    .p\:150 {
      padding: 150px !important
    }
    
    .p_l\:150 {
      padding-left: 150px !important
    }
    
    .p_r\:150 {
      padding-right: 150px !important
    }
    
    .p_l\:-150 {
      padding-left: -150px !important
    }
    
    .p_r\:-150 {
      padding-right: -150px !important
    }
    
    .p_b\:150 {
      padding-bottom: 150px !important
    }
    
    .p_t\:150 {
      padding-top: 150px !important
    }
    
    .p_x\:150 {
      padding-left: 150px !important;
      padding-right: 150px !important
    }
    
    .p_y\:150 {
      padding-top: 150px !important;
      padding-bottom: 150px !important
    }
    
    @media (max-width: 767px) {
      .m\:0\@m {
        margin: 0
      }
    
      .m_b\:5\@m {
        margin-bottom: 5px
      }
    
      .m\:15\@m {
        margin: 15px
      }
    
      .m_t\:5\@m {
        margin-top: 5px !important
      }
    
      .m_t\:10\@m {
        margin-top: 10px !important
      }
    
      .m_t\:15\@m {
        margin-top: 15px !important
      }
    
      .m_b\:15\@m {
        margin-bottom: 15px
      }
    
      .m_t\:30\@m {
        margin-top: 30px
      }
    
      .m_t\:0\@m {
        margin-top: 0px
      }
    
      .m_t\:35\@m {
        margin-top: 35px
      }
    
      .m_t\:25\@m {
        margin-top: 25px
      }
    
      .m_b\:25\@m {
        margin-bottom: 25px
      }
    
      .m_l\:25\@m {
        margin-left: 25px
      }
    
      .m_r\:25\@m {
        margin-right: 25px
      }
    
      .p_t\:15\@m {
        padding-top: 15px
      }
    
      .p_b\:15\@m {
        padding-bottom: 15px
      }
    
      .m_l\:15\@m {
        margin-left: 15px
      }
    
      .m_r\:15\@m {
        margin-right: 15px
      }
    
      .m_b\:20\@m {
        margin-bottom: 20px !important
      }
    
      .m_b\:30\@m {
        margin-bottom: 30px
      }
    
      .m_t\:-5\@m {
        margin-top: -5px
      }
    
      .m_l\:10\@m {
        margin-left: 10px
      }
    
      .p\:0\@m {
        padding: 0
      }
    
      .p_l\:15\@m {
        padding-left: 15px
      }
    
      .p_r\:15\@m {
        padding-right: 15px
      }
    
      .p_l\:10\@m {
        padding-left: 10px !important
      }
    
      .p_r\:10\@m {
        padding-right: 10px !important
      }
    
      .p_l\:5\@m {
        padding-left: 5px
      }
    
      .p_r\:5\@m {
        padding-right: 5px
      }
    
      .p_b\:30\@m {
        padding-bottom: 30px
      }
    
      .p_t\:30\@m {
        padding-top: 30px
      }
    
      .p_b\:10\@m {
        padding-bottom: 10px
      }
    
      .p_t\:10\@m {
        padding-top: 10px
      }
    }
    
    .m\:a {
      margin: auto
    }
    
    .m_l\:a {
      margin-left: auto
    }
    
    .m_r\:a {
      margin-right: auto
    }
    
    .p\:r {
      position: relative
    }
    
    .p\:a {
      position: absolute
    }
    
    .p\:f {
      position: fixed
    }
    
    .p\:s {
      position: -webkit-sticky;
      position: sticky
    }
    
    ._t\:-1 {
      top: -1px
    }
    
    ._t\:0 {
      top: 0
    }
    
    ._t\:-20 {
      top: -20px
    }
    
    ._t\:20 {
      top: 20px
    }
    
    ._t\:24 {
      top: 24px
    }
    
    ._r\:0 {
      right: 0
    }
    
    ._r\:10 {
      right: 10px
    }
    
    ._b\:0 {
      bottom: 0
    }
    
    ._b\:2 {
      bottom: 2px
    }
    
    ._b\:5 {
      bottom: 5px
    }
    
    ._b\:10 {
      bottom: 10px
    }
    
    ._b\:15 {
      bottom: 15px
    }
    
    ._b\:30 {
      bottom: 30px
    }
    
    ._b\:45 {
      bottom: 45px
    }
    
    ._b\:10 {
      bottom: 10px
    }
    
    ._l\:0 {
      left: 0
    }
    
    ._t\:100 {
      top: 100%
    }
    
    ._r\:100 {
      right: 100%
    }
    
    ._r\:15 {
      right: 15px
    }
    
    ._r\:30 {
      right: 30px
    }
    
    ._b\:100 {
      bottom: 100%
    }
    
    ._l\:100 {
      left: 100%
    }
    
    .z\:0 {
      z-index: 0
    }
    
    .z\:1 {
      z-index: 1
    }
    
    .z\:2 {
      z-index: 2
    }
    
    .z\:3 {
      z-index: 3
    }
    
    .z\:4 {
      z-index: 4
    }
    
    .z\:5 {
      z-index: 5
    }
    .z\:top {
      z-index: 99999999
    }
    @media screen and (max-width: 767px) {
      .p\:a\@m {
        position: absolute
      }
    }
    
    .position--relative {
      position: relative !important
    }
    
    .position--absolute {
      position: absolute !important
    }
    
    .p-0 {
      padding: 0 !important
    }
    
    .pt-0,
    .py-0 {
      padding-top: 0 !important
    }
    
    .pb-0,
    .py-0 {
      padding-bottom: 0 !important
    }
    
    .pl-0,
    .px-0 {
      padding-left: 0 !important
    }
    
    .pr-0,
    .px-0 {
      padding-right: 0 !important
    }
    
    .mt-0,
    .my-0 {
      margin-top: 0 !important
    }
    
    .mb-0,
    .my-0 {
      margin-bottom: 0 !important
    }
    
    .ml-0,
    .mx-0 {
      margin-left: 0 !important
    }
    
    .mr-0,
    .mx-0 {
      margin-right: 0 !important
    }
    
    .p-1 {
      padding: .25rem !important
    }
    
    .pt-1,
    .py-1 {
      padding-top: .25rem !important
    }
    
    .pb-1,
    .py-1 {
      padding-bottom: .25rem !important
    }
    
    .pl-1,
    .px-1 {
      padding-left: .25rem !important
    }
    
    .pr-1,
    .px-1 {
      padding-right: .25rem !important
    }
    
    .mt-1,
    .my-1 {
      margin-top: .25rem !important
    }
    
    .mb-1,
    .my-1 {
      margin-bottom: .25rem !important
    }
    
    .ml-1,
    .mx-1 {
      margin-left: .25rem !important
    }
    
    .mr-1,
    .mx-1 {
      margin-right: .25rem !important
    }
    
    .p-2 {
      padding: .5rem !important
    }
    
    .pt-2,
    .py-2 {
      padding-top: .5rem !important
    }
    
    .pb-2,
    .py-2 {
      padding-bottom: .5rem !important
    }
    
    .pl-2,
    .px-2 {
      padding-left: .5rem !important
    }
    
    .pr-2,
    .px-2 {
      padding-right: .5rem !important
    }
    
    .mt-2,
    .my-2 {
      margin-top: .5rem !important
    }
    
    .mb-2,
    .my-2 {
      margin-bottom: .5rem !important
    }
    
    .ml-2,
    .mx-2 {
      margin-left: .5rem !important
    }
    
    .mr-2,
    .mx-2 {
      margin-right: .5rem !important
    }
    
    .p-3 {
      padding: 1rem !important
    }
    
    .pt-3,
    .py-3 {
      padding-top: 1rem !important
    }
    
    .pb-3,
    .py-3 {
      padding-bottom: 1rem !important
    }
    
    .pl-3,
    .px-3 {
      padding-left: 1rem !important
    }
    
    .pr-3,
    .px-3 {
      padding-right: 1rem !important
    }
    
    .mt-3,
    .my-3 {
      margin-top: 1rem !important
    }
    
    .mb-3,
    .my-3 {
      margin-bottom: 1rem !important
    }
    
    .ml-3,
    .mx-3 {
      margin-left: 1rem !important
    }
    
    .mr-3,
    .mx-3 {
      margin-right: 1rem !important
    }
    
    .p-4 {
      padding: 1.5rem !important
    }
    
    .pt-4,
    .py-4 {
      padding-top: 1.5rem !important
    }
    
    .pb-4,
    .py-4 {
      padding-bottom: 1.5rem !important
    }
    
    .pl-4,
    .px-4 {
      padding-left: 1.5rem !important
    }
    
    .pr-4,
    .px-4 {
      padding-right: 1.5rem !important
    }
    
    .mt-4,
    .my-4 {
      margin-top: 1.5rem !important
    }
    
    .mb-4,
    .my-4 {
      margin-bottom: 1.5rem !important
    }
    
    .ml-4,
    .mx-4 {
      margin-left: 1.5rem !important
    }
    
    .mr-4,
    .mx-4 {
      margin-right: 1.5rem !important
    }
    
    .p-5 {
      padding: 3rem !important
    }
    
    .pt-5,
    .py-5 {
      padding-top: 3rem !important
    }
    
    .pb-5,
    .py-5 {
      padding-bottom: 3rem !important
    }
    
    .pl-5,
    .px-5 {
      padding-left: 3rem !important
    }
    
    .pr-5,
    .px-5 {
      padding-right: 3rem !important
    }
    
    .mt-5,
    .my-5 {
      margin-top: 3rem !important
    }
    
    .mb-5,
    .my-5 {
      margin-bottom: 3rem !important
    }
    
    .ml-5,
    .mx-5 {
      margin-left: 3rem !important
    }
    
    .mr-5,
    .mx-5 {
      margin-right: 3rem !important
    }
    
    .p-auto {
      padding: auto !important
    }
    
    .pt-auto,
    .py-auto {
      padding-top: auto !important
    }
    
    .pb-auto,
    .py-auto {
      padding-bottom: auto !important
    }
    
    .pl-auto,
    .px-auto {
      padding-left: auto !important
    }
    
    .pr-auto,
    .px-auto {
      padding-right: auto !important
    }
    
    .mt-auto,
    .my-auto {
      margin-top: auto !important
    }
    
    .mb-auto,
    .my-auto {
      margin-bottom: auto !important
    }
    
    .ml-auto,
    .mx-auto {
      margin-left: auto !important
    }
    
    .mr-auto,
    .mx-auto {
      margin-right: auto !important
    }
    
    .pb-100 {
      padding-bottom: 100px
    }
    
    html,
    body,
    p,
    ol,
    ul,
    li,
    dl,
    dt,
    dd,
    blockquote,
    figure,
    fieldset,
    legend,
    textarea,
    pre,
    iframe,
    hr,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin: 0;
      padding: 0
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: 400
    }
    
    ul {
      list-style: none;
      padding-left: 14px
    }
    
    button,
    input,
    select,
    textarea {
      padding: 0px;
      margin: 0px;
      border: none;
      outline: none;
      line-height: 1;
      background: transparent;
      font-size: inherit;
      cursor: pointer
    }
    
    textarea {
      resize: vertical
    }
    
    html {
      box-sizing: border-box;
      min-height: 100%
    }
    
    *,
    :before,
    :after {
      box-sizing: inherit
    }
    
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-size: 100%;
      font-family: 'Source Sans Pro';
      vertical-align: baseline;
      quotes: none;
      outline: none
    }
    
    body {
      position: fixed;
      width: 100%;
      min-height: 100%
    }
    
    body.no-scroll {
      overflow: hidden
    }
    
    i {
      width: 32px;
      font-size: 32px
    }
    
    img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain
    }
    
    iframe {
      border: 0
    }
    
    a,
    a:hover,
    a:focus {
      text-decoration: none !important
    }
    
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
      border: 1px solid #333;
      -webkit-text-fill-color: #333;
      -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
      transition: background-color 5000s ease-in-out 0s
    }
    
    ::-webkit-scrollbar {
      display: none
    }
    
    #nav-tabs-redeem .el-tabs__header::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #F5F5F5;
      display: block
    }
    
    #nav-tabs-redeem .el-tabs__header::-webkit-scrollbar {
      height: 5px;
      background-color: #F5F5F5;
      display: none
    }
    
    #nav-tabs-redeem .el-tabs__header:hover::-webkit-scrollbar {
      display: block
    }
    
    @media screen and (max-width: 767px) {
      #nav-tabs-redeem .el-tabs__header:hover::-webkit-scrollbar {
        display: none
      }
    }
    
    #nav-tabs-redeem .el-tabs__header::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: rgba(0, 0, 0, 0.1)
    }
    
    ::-webkit-input-placeholder {
      color: rgba(51, 51, 51, 0.3);
      font-size: 16px;
      font-weight: 300;
      font-family: 'Metric'
    }
    
    ::-moz-placeholder {
      color: rgba(51, 51, 51, 0.3);
      font-size: 16px;
      font-weight: 300;
      font-family: 'Metric'
    }
    
    ::-ms-input-placeholder {
      color: rgba(51, 51, 51, 0.3);
      font-size: 16px;
      font-weight: 300;
      font-family: 'Metric'
    }
    
    ::-moz-placeholder {
      color: rgba(51, 51, 51, 0.3);
      font-size: 16px;
      font-weight: 300;
      font-family: 'Metric'
    }
    
    .h\:0 {
      height: 0px !important
    }
    
    .w\:0 {
      width: 0px
    }
    
    .h_v\:0 {
      height: 0vh
    }
    
    .h\:5 {
      height: 5px !important
    }
    
    .w\:5 {
      width: 5px
    }
    
    .h_v\:5 {
      height: 5vh
    }
    
    .h\:8 {
      height: 8px !important
    }
    
    .w\:8 {
      width: 8px
    }
    
    .h_v\:8 {
      height: 8vh
    }
    
    .h\:10 {
      height: 10px !important
    }
    
    .w\:10 {
      width: 10px
    }
    
    .h_v\:10 {
      height: 10vh
    }
    
    .h\:12 {
      height: 12px !important
    }
    
    .w\:12 {
      width: 12px
    }
    
    .h_v\:12 {
      height: 12vh
    }
    
    .h\:15 {
      height: 15px !important
    }
    
    .w\:15 {
      width: 15px
    }
    
    .h_v\:15 {
      height: 15vh
    }
    
    .h\:20 {
      height: 20px !important
    }
    
    .w\:20 {
      width: 20px
    }
    
    .h_v\:20 {
      height: 20vh
    }
    
    .h\:25 {
      height: 25px !important
    }
    
    .w\:25 {
      width: 25px
    }
    
    .h_v\:25 {
      height: 25vh
    }
    
    .h\:28 {
      height: 28px !important
    }
    
    .w\:28 {
      width: 28px
    }
    
    .h_v\:28 {
      height: 28vh
    }
    
    .h\:30 {
      height: 30px !important
    }
    
    .w\:30 {
      width: 30px
    }
    
    .h_v\:30 {
      height: 30vh
    }
    
    .h\:35 {
      height: 35px !important
    }
    
    .w\:35 {
      width: 35px
    }
    
    .h_v\:35 {
      height: 35vh
    }
    
    .h\:40 {
      height: 40px !important
    }
    
    .w\:40 {
      width: 40px
    }
    
    .h_v\:40 {
      height: 40vh
    }
    
    .h\:45 {
      height: 45px !important
    }
    
    .w\:45 {
      width: 45px
    }
    
    .h_v\:45 {
      height: 45vh
    }
    
    .h\:48 {
      height: 48px !important
    }
    
    .w\:48 {
      width: 48px
    }
    
    .h_v\:48 {
      height: 48vh
    }
    
    .h\:50 {
      height: 50px !important
    }
    
    .w\:50 {
      width: 50px
    }
    
    .h_v\:50 {
      height: 50vh
    }
    
    .h\:60 {
      height: 60px !important
    }
    
    .w\:60 {
      width: 60px
    }
    
    .h_v\:60 {
      height: 60vh
    }
    
    .h\:70 {
      height: 70px !important
    }
    
    .w\:70 {
      width: 70px
    }
    
    .h_v\:70 {
      height: 70vh
    }
    
    .h\:75 {
      height: 75px !important
    }
    
    .w\:75 {
      width: 75px
    }
    
    .h_v\:75 {
      height: 75vh
    }
    
    .h\:80 {
      height: 80px !important
    }
    
    .w\:80 {
      width: 80px
    }
    
    .h_v\:80 {
      height: 80vh
    }
    
    .h\:100 {
      height: 100px !important
    }
    
    .w\:100 {
      width: 100px
    }
    
    .h_v\:100 {
      height: 100vh
    }
    
    .h\:120 {
      height: 120px !important
    }
    
    .w\:120 {
      width: 120px
    }
    
    .h_v\:120 {
      height: 120vh
    }
    
    .h\:150 {
      height: 150px !important
    }
    
    .w\:150 {
      width: 150px
    }
    
    .h_v\:150 {
      height: 150vh
    }
    
    .h\:200 {
      height: 200px !important
    }
    
    .w\:200 {
      width: 200px
    }
    
    .h_v\:200 {
      height: 200vh
    }
    
    .h\:220 {
      height: 220px !important
    }
    
    .w\:220 {
      width: 220px
    }
    
    .h_v\:220 {
      height: 220vh
    }
    
    .h\:250 {
      height: 250px !important
    }
    
    .w\:250 {
      width: 250px
    }
    
    .h_v\:250 {
      height: 250vh
    }
    
    .h\:350 {
      height: 350px !important
    }
    
    .w\:350 {
      width: 350px
    }
    
    .h_v\:350 {
      height: 350vh
    }
    
    .h\:300 {
      height: 300px !important
    }
    
    .w\:300 {
      width: 300px
    }
    
    .h_v\:300 {
      height: 300vh
    }
    
    .h\:400 {
      height: 400px !important
    }
    
    .w\:400 {
      width: 400px
    }
    
    .h_v\:400 {
      height: 400vh
    }
    
    .h\:500 {
      height: 500px !important
    }
    
    .w\:500 {
      width: 500px
    }
    
    .h_v\:500 {
      height: 500vh
    }
    
    .h\:550 {
      height: 550px !important
    }
    
    .w\:550 {
      width: 550px
    }
    
    .h_v\:550 {
      height: 550vh
    }
    
    .h\:600 {
      height: 600px !important
    }
    
    .w\:600 {
      width: 600px
    }
    
    .h_v\:600 {
      height: 600vh
    }
    
    .h\:700 {
      height: 700px !important
    }
    
    .w\:700 {
      width: 700px
    }
    
    .h_v\:700 {
      height: 700vh
    }
    
    .h\:800 {
      height: 800px !important
    }
    
    .w\:800 {
      width: 800px
    }
    
    .h_v\:800 {
      height: 800vh
    }
    
    .m_h\:0 {
      min-height: 0px
    }
    
    .m_h\:5 {
      min-height: 5px
    }
    
    .m_h\:8 {
      min-height: 8px
    }
    
    .m_h\:10 {
      min-height: 10px
    }
    
    .m_h\:12 {
      min-height: 12px
    }
    
    .m_h\:15 {
      min-height: 15px
    }
    
    .m_h\:20 {
      min-height: 20px
    }
    
    .m_h\:25 {
      min-height: 25px
    }
    
    .m_h\:28 {
      min-height: 28px
    }
    
    .m_h\:30 {
      min-height: 30px
    }
    
    .m_h\:35 {
      min-height: 35px
    }
    
    .m_h\:40 {
      min-height: 40px
    }
    
    .m_h\:45 {
      min-height: 45px
    }
    
    .m_h\:48 {
      min-height: 48px
    }
    
    .m_h\:50 {
      min-height: 50px
    }
    
    .m_h\:60 {
      min-height: 60px
    }
    
    .m_h\:70 {
      min-height: 70px
    }
    
    .m_h\:75 {
      min-height: 75px
    }
    
    .m_h\:80 {
      min-height: 80px
    }
    
    .m_h\:100 {
      min-height: 100px
    }
    
    .m_h\:120 {
      min-height: 120px
    }
    
    .m_h\:150 {
      min-height: 150px
    }
    
    .m_h\:200 {
      min-height: 200px
    }
    
    .m_h\:220 {
      min-height: 220px
    }
    
    .m_h\:250 {
      min-height: 250px
    }
    
    .m_h\:350 {
      min-height: 350px
    }
    
    .m_h\:300 {
      min-height: 300px
    }
    
    .m_h\:400 {
      min-height: 400px
    }
    
    .m_h\:500 {
      min-height: 500px
    }
    
    .m_h\:550 {
      min-height: 550px
    }
    
    .m_h\:600 {
      min-height: 600px
    }
    
    .m_h\:700 {
      min-height: 700px
    }
    
    .m_h\:800 {
      min-height: 800px
    }
    
    @media (max-width: 767px) {
      .w\:full\@m {
        width: 100%
      }
    
      .w\:18\@m {
        width: 18px
      }
    
      .h\:0\@m {
        height: 0px !important
      }
    
      .w\:0\@m {
        width: 0px
      }
    
      .h_v\:0\@m {
        height: 0vh
      }
    
      .h\:5\@m {
        height: 5px !important
      }
    
      .w\:5\@m {
        width: 5px
      }
    
      .h_v\:5\@m {
        height: 5vh
      }
    
      .h\:8\@m {
        height: 8px !important
      }
    
      .w\:8\@m {
        width: 8px
      }
    
      .h_v\:8\@m {
        height: 8vh
      }
    
      .h\:10\@m {
        height: 10px !important
      }
    
      .w\:10\@m {
        width: 10px
      }
    
      .h_v\:10\@m {
        height: 10vh
      }
    
      .h\:12\@m {
        height: 12px !important
      }
    
      .w\:12\@m {
        width: 12px
      }
    
      .h_v\:12\@m {
        height: 12vh
      }
    
      .h\:15\@m {
        height: 15px !important
      }
    
      .w\:15\@m {
        width: 15px
      }
    
      .h_v\:15\@m {
        height: 15vh
      }
    
      .h\:20\@m {
        height: 20px !important
      }
    
      .w\:20\@m {
        width: 20px
      }
    
      .h_v\:20\@m {
        height: 20vh
      }
    
      .h\:25\@m {
        height: 25px !important
      }
    
      .w\:25\@m {
        width: 25px
      }
    
      .h_v\:25\@m {
        height: 25vh
      }
    
      .h\:28\@m {
        height: 28px !important
      }
    
      .w\:28\@m {
        width: 28px
      }
    
      .h_v\:28\@m {
        height: 28vh
      }
    
      .h\:30\@m {
        height: 30px !important
      }
    
      .w\:30\@m {
        width: 30px
      }
    
      .h_v\:30\@m {
        height: 30vh
      }
    
      .h\:35\@m {
        height: 35px !important
      }
    
      .w\:35\@m {
        width: 35px
      }
    
      .h_v\:35\@m {
        height: 35vh
      }
    
      .h\:40\@m {
        height: 40px !important
      }
    
      .w\:40\@m {
        width: 40px
      }
    
      .h_v\:40\@m {
        height: 40vh
      }
    
      .h\:45\@m {
        height: 45px !important
      }
    
      .w\:45\@m {
        width: 45px
      }
    
      .h_v\:45\@m {
        height: 45vh
      }
    
      .h\:48\@m {
        height: 48px !important
      }
    
      .w\:48\@m {
        width: 48px
      }
    
      .h_v\:48\@m {
        height: 48vh
      }
    
      .h\:50\@m {
        height: 50px !important
      }
    
      .w\:50\@m {
        width: 50px
      }
    
      .h_v\:50\@m {
        height: 50vh
      }
    
      .h\:60\@m {
        height: 60px !important
      }
    
      .w\:60\@m {
        width: 60px
      }
    
      .h_v\:60\@m {
        height: 60vh
      }
    
      .h\:70\@m {
        height: 70px !important
      }
    
      .w\:70\@m {
        width: 70px
      }
    
      .h_v\:70\@m {
        height: 70vh
      }
    
      .h\:75\@m {
        height: 75px !important
      }
    
      .w\:75\@m {
        width: 75px
      }
    
      .h_v\:75\@m {
        height: 75vh
      }
    
      .h\:80\@m {
        height: 80px !important
      }
    
      .w\:80\@m {
        width: 80px
      }
    
      .h_v\:80\@m {
        height: 80vh
      }
    
      .h\:100\@m {
        height: 100px !important
      }
    
      .w\:100\@m {
        width: 100px
      }
    
      .h_v\:100\@m {
        height: 100vh
      }
    
      .h\:120\@m {
        height: 120px !important
      }
    
      .w\:120\@m {
        width: 120px
      }
    
      .h_v\:120\@m {
        height: 120vh
      }
    
      .h\:150\@m {
        height: 150px !important
      }
    
      .w\:150\@m {
        width: 150px
      }
    
      .h_v\:150\@m {
        height: 150vh
      }
    
      .h\:200\@m {
        height: 200px !important
      }
    
      .w\:200\@m {
        width: 200px
      }
    
      .h_v\:200\@m {
        height: 200vh
      }
    
      .h\:220\@m {
        height: 220px !important
      }
    
      .w\:220\@m {
        width: 220px
      }
    
      .h_v\:220\@m {
        height: 220vh
      }
    
      .h\:250\@m {
        height: 250px !important
      }
    
      .w\:250\@m {
        width: 250px
      }
    
      .h_v\:250\@m {
        height: 250vh
      }
    
      .h\:350\@m {
        height: 350px !important
      }
    
      .w\:350\@m {
        width: 350px
      }
    
      .h_v\:350\@m {
        height: 350vh
      }
    
      .h\:300\@m {
        height: 300px !important
      }
    
      .w\:300\@m {
        width: 300px
      }
    
      .h_v\:300\@m {
        height: 300vh
      }
    
      .h\:400\@m {
        height: 400px !important
      }
    
      .w\:400\@m {
        width: 400px
      }
    
      .h_v\:400\@m {
        height: 400vh
      }
    
      .h\:500\@m {
        height: 500px !important
      }
    
      .w\:500\@m {
        width: 500px
      }
    
      .h_v\:500\@m {
        height: 500vh
      }
    
      .h\:550\@m {
        height: 550px !important
      }
    
      .w\:550\@m {
        width: 550px
      }
    
      .h_v\:550\@m {
        height: 550vh
      }
    
      .h\:600\@m {
        height: 600px !important
      }
    
      .w\:600\@m {
        width: 600px
      }
    
      .h_v\:600\@m {
        height: 600vh
      }
    
      .h\:700\@m {
        height: 700px !important
      }
    
      .w\:700\@m {
        width: 700px
      }
    
      .h_v\:700\@m {
        height: 700vh
      }
    
      .h\:800\@m {
        height: 800px !important
      }
    
      .w\:800\@m {
        width: 800px
      }
    
      .h_v\:800\@m {
        height: 800vh
      }
    }
    
    .l_s\:i {
      list-style: inside
    }
    
    .h-calc-screens {
      height: calc(var(--vh, 1vh) * 100)
    }
    .f_s\:7 {
      font: 7px/1.5 "Source Sans Pro"
    }
    .f_s\:8 {
      font: 8px/1.5 "Source Sans Pro"
    }
    .f_s\:10 {
      font: 10px/1.5 "Source Sans Pro"
    }
    
    .f_s\:11 {
      font: 11px/1.45455 "Source Sans Pro"
    }
    
    .f_s\:12 {
      font: 12px/1.5 "Source Sans Pro"
    }
    
    .f_s\:13 {
      font: 13px/1.53846 "Source Sans Pro"
    }
    
    .f_s\:14 {
      font: 14px/1.5 "Source Sans Pro"
    }
    
    .f_s\:16 {
      font: 16px/1.5 "Source Sans Pro"
    }
    
    .f_s\:18 {
      font: 18px/1.5 "Source Sans Pro"
    }
    
    .f_s\:20 {
      font: 20px/1.5 "Source Sans Pro"
    }
    
    .f_s\:24 {
      font: 24px/1.20833 "Source Sans Pro"
    }
    
    .f_s\:30 {
      font-size: 30px
    }
    
    .f_s\:42 {
      font-size: 42px
    }
    
    .f_s\:52 {
      font-size: 52px
    }
    
    @media (max-width: 480px) {
      .f_s\:10\@m {
        font: 10px/1.5 "Source Sans Pro" !important
      }
    
      .f_s\:11\@m {
        font: 11px/1.45455 "Source Sans Pro" !important
      }
    
      .f_s\:12\@m {
        font: 12px/1.5 "Source Sans Pro" !important
      }
    
      .f_s\:14\@m {
        font: 14px/1.5 "Source Sans Pro" !important
      }
    
      .f_s\:16\@m {
        font: 16px/1.5 "Source Sans Pro" !important
      }
    
      .f_s\:18\@m {
        font: 18px/1.5 "Source Sans Pro" !important
      }
    }
    
    .f_f\:i {
      font-family: inherit
    }
    
    .f_s\:i {
      font-size: inherit
    }
    
    .t_d\:none {
      text-decoration: none
    }
    
    .f_st\:i {
      font-style: italic
    }
    
    .f_w\:b {
      font-weight: bolder !important;
      font-family: 'Source Sans Pro Bold'
    }
    
    .f_w\:r {
      font-weight: normal;
      font-family: 'Source Sans Pro'
    }
    
    .f_w\:i {
      font-style: italic
    }
    
    .t_t\:u {
      text-transform: uppercase
    }
    
    .t_t\:c {
      text-transform: capitalize
    }
    
    .t_t\:l {
      text-transform: lowercase
    }
    
    .t_a\:l {
      text-align: left
    }
    
    .t_a\:c {
      text-align: center
    }
    
    .t_a\:r {
      text-align: right
    }
    
    .t_a\:j {
      text-align: justify
    }
    
    .whiteSpace\:nw {
      white-space: nowrap
    }
    
    .lineHeight\:1 {
      line-height: 1
    }
    
    .lineHeight\:2 {
      line-height: 1.2
    }
    
    .lineHeight\:3 {
      line-height: 1.3
    }
    
    .lineHeight\:4 {
      line-height: 1.4
    }
    
    .lineHeight\:5 {
      line-height: 1.5
    }
    
    .lineHeight\:20 {
      line-height: 2
    }
    
    .lineHeight\:150 {
      line-height: 150px
    }
    
    .letterSpacing\:\.5 {
      letter-spacing: .5px
    }
    
    .letterSpacing\:1 {
      letter-spacing: 1px
    }
    
    .letterSpacing\:2 {
      letter-spacing: 2px
    }
    
    .letterSpacing\:3 {
      letter-spacing: 3px
    }
    
    .letterSpacing\:none {
      list-style: none
    }
    
    .textDecoration\:u {
      text-decoration: underline !important
    }
    
    .textDecoration\:l_t {
      text-decoration: line-through
    }
    
    .textDecoration\:n {
      text-decoration: none !important
    }
    
    .f_w\:300 {
      font-weight: 300;
      font-family: 'Source Sans Pro'
    }
    
    .f_w\:400 {
      font-weight: 400;
      font-family: 'Source Sans Pro'
    }
    
    .f_w\:500 {
      font-weight: 500;
      font-family: 'Source Sans Pro'
    }
    
    .f_w\:700 {
      font-weight: 700;
      font-family: 'Source Sans Pro'
    }
    
    .text-right {
      text-align: right
    }
    
    @media (max-width: 767px) {
      .textAlign\:l\@m {
        text-align: left
      }
    
      .textAlign\:c\@m {
        text-align: center
      }
    
      .textAlign\:r\@m {
        text-align: right
      }
    
      .textAlign\:j\@m {
        text-align: justify
      }
    }
    
    .header {
      background-color: #FFFFFF;
      width: 100%
    }
    
    .content {
      min-height: 100%;
      background-color: #fff
    }
    
    .footer {
      width: 100%;
      text-align: center;
      max-width: 480px;
      position: fixed;
      bottom: 0;
      z-index: 3;
      background-color: #fff
    }
    
    .main-panel {
      margin: 0 auto;
      max-width: 480px;
      border-radius: 1px;
      background-color: #fff
    }
    
    .overflow-hidden {
      overflow: hidden !important
    }
    
    .h-auto {
      height: auto !important
    }
    
    i.fa {
      position: relative;
      font-size: 24px
    }
    
    .tada-wallet-icons {
      position: relative;
      top: 0;
      display: inline-block;
      width: auto;
      font: normal normal normal 14px/1 'Nucleo Outline';
      font-size: inherit;
      speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }
    
    .tada-wallet-icons.dialog-get-rewards:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/dialog-get-rewards.1522a41.svg)
    }
    
    .tada-wallet-icons.empty-sales-history:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/empty-sales-history.09ff3fb.svg)
    }
    
    .tada-wallet-icons.ic-clicks:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-clicks.379982d.svg)
    }
    
    .tada-wallet-icons.ic-friends:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-friends.dc3a85f.svg)
    }
    
    .tada-wallet-icons.ic-get-rewards:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-get-rewards.31ba3ab.svg)
    }
    
    .tada-wallet-icons.ic-pending:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-pending.f0394e9.svg)
    }
    
    .tada-wallet-icons.ic-rewards:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-rewards.a375a6d.svg)
    }
    
    .tada-wallet-icons.ic-sold:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-sold.48afebe.svg)
    }
    
    .tada-wallet-icons.img-ambassador:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/img-ambassador.e939e10.svg)
    }
    
    .tada-wallet-icons.ic-follower:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-follower.5087990.svg)
    }
    
    .tada-wallet-icons.arrow-1:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/arrow-1.09757b3.svg)
    }
    
    .tada-wallet-icons.arrow-2:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/arrow-2.408b834.svg)
    }
    
    .tada-wallet-icons.ic-down-arrow:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC40MzYiIGhlaWdodD0iNS42OTciIHZpZXdCb3g9IjAgMCAxMC40MzYgNS42OTciPgogIDxnIGlkPSJpYy1kb3duLWFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE2LjY4NCAtNDQzLjk0MykiPgogICAgPHBhdGggaWQ9ImRvd24tYXJyb3ciIGQ9Ik0xMzAuOTg5LDkuNTg5YS4zNzMuMzczLDAsMCwxLS4yNjUtLjExbC0zLjg4Mi0zLjg5YTEuMTI1LDEuMTI1LDAsMCwxLDAtMS41ODlMMTMwLjcyNC4xMWEuMzc1LjM3NSwwLDEsMSwuNTMuNTI5bC0zLjg4MiwzLjg5YS4zNzUuMzc1LDAsMCwwLDAsLjUzbDMuODgzLDMuODkxYS4zNzUuMzc1LDAsMCwxLS4yNjUuNjM5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE3LjEzIDU3NS43NTQpIHJvdGF0ZSgtOTApIiBmaWxsPSIjMzMzIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMC44Ii8+CiAgPC9nPgo8L3N2Zz4K)
    }
    
    .tada-wallet-icons.ic-left-arrow:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjY2IiBoZWlnaHQ9IjE2LjAxNCIgdmlld0JveD0iMCAwIDguNjYgMTYuMDE0Ij4KICA8cGF0aCBpZD0iaWMtbGVmdC1hcnJvdyIgZD0iTTEzMy41MjEsMTUuMDE0YS41ODUuNTg1LDAsMCwxLS40MTUtLjE3MmwtNi4wNzgtNi4wOTFhMS43NjEsMS43NjEsMCwwLDEsMC0yLjQ4OEwxMzMuMTA2LjE3MmEuNTg2LjU4NiwwLDEsMSwuODMuODI5bC02LjA3OCw2LjA5MWEuNTg3LjU4NywwLDAsMCwwLC44M2w2LjA3OSw2LjA5MWEuNTg2LjU4NiwwLDAsMS0uNDE1LDFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI2LjAxNCAwLjUpIiBmaWxsPSIjMzMzIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMSIvPgo8L3N2Zz4K)
    }
    
    .tada-wallet-icons.ic-right-arrow:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjY5OCIgaGVpZ2h0PSIxMC40MzYiIHZpZXdCb3g9IjAgMCA1LjY5OCAxMC40MzYiPgogIDxwYXRoIGlkPSJpYy1uZXh0LWFycm93IiBkPSJNMTMwLjk4OSw5LjU4OWEuMzczLjM3MywwLDAsMS0uMjY1LS4xMWwtMy44ODItMy44OWExLjEyNSwxLjEyNSwwLDAsMSwwLTEuNTg5TDEzMC43MjQuMTFhLjM3NS4zNzUsMCwxLDEsLjUzLjUyOWwtMy44ODIsMy44OWEuMzc1LjM3NSwwLDAsMCwwLC41M2wzLjg4MywzLjg5MWEuMzc1LjM3NSwwLDAsMS0uMjY1LjYzOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzMS44MTEgOS45ODkpIHJvdGF0ZSgxODApIiBmaWxsPSIjMzMzIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMC44Ii8+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-right-send:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy43MTYiIGhlaWdodD0iMTUuMjg3IiB2aWV3Qm94PSIwIDAgMTcuNzE2IDE1LjI4NyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNi42NjIsNDEuMTc0LDIuMzY4LDM1LjI0M2ExLjcxMSwxLjcxMSwwLDAsMC0yLjMxMywybDEuMjcyLDQuOTg5SDcuNTU2YS41MTkuNTE5LDAsMCwxLDAsMS4wMzhIMS4zMjdMLjA1NCw0OC4yNjJhMS43MTEsMS43MTEsMCwwLDAsMi4zMTMsMmwxNC4yOTQtNS45MzFhMS43MTEsMS43MTEsMCwwLDAsMC0zLjE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDAxIC0zNS4xMTEpIi8+PC9zdmc+)
    }
    
    .tada-wallet-icons.ic-search-white:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4yIiBoZWlnaHQ9IjE2LjIiIHZpZXdCb3g9IjAgMCAxNi4yIDE2LjIiPgogIDxnIGlkPSJpYy1zZWFyY2gtd2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NC4yODQgLTE3MS4yODQpIj4KICAgIDxwYXRoIGlkPSJpYy1zZWFyY2giIGQ9Ik0yNi44LDI1Ljg2NGwtMy44NDctMy44NDdhNi43MzcsNi43MzcsMCwxLDAtLjk0NC45NDRMMjUuODYsMjYuOGEuNjY2LjY2NiwwLDAsMCwuOTQ0LS45NFptLTkuMDYxLTIuNzJhNS40LDUuNCwwLDEsMSw1LjQtNS40QTUuNDA4LDUuNDA4LDAsMCwxLDE3Ljc0MywyMy4xNDRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1My4zODQgMTYwLjM4NCkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICA8L2c+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-sign-out:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4xODUiIGhlaWdodD0iMTMuMDg4IiB2aWV3Qm94PSIwIDAgMTQuMTg1IDEzLjA4OCI+CiAgPGcgaWQ9ImljLXNpZ24tb3V0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE5Ljk1OCAtMjQ0Ljk1NykiPgogICAgPHBhdGggaWQ9ImljLXNpZ24tb3V0LTIiIGRhdGEtbmFtZT0iaWMtc2lnbi1vdXQiIGQ9Ik02Ljg3NCwxMi44ODhIMi4wMTRBMi4wMTYsMi4wMTYsMCwwLDEsMCwxMC44NzR2LS41YS41LjUsMCwwLDEsMS4wMDcsMHYuNWExLjAwOCwxLjAwOCwwLDAsMCwxLjAwNywxLjAwN2g0Ljg2YTEuMDA4LDEuMDA4LDAsMCwwLDEuMDA3LTEuMDA3VjIuMDE0QTEuMDA4LDEuMDA4LDAsMCwwLDYuODc0LDEuMDA3SDIuMDE0QTEuMDA4LDEuMDA4LDAsMCwwLDEuMDA3LDIuMDE0di41QS41LjUsMCwxLDEsMCwyLjUxN3YtLjVBMi4wMTYsMi4wMTYsMCwwLDEsMi4wMTQsMGg0Ljg2QTIuMDE2LDIuMDE2LDAsMCwxLDguODg4LDIuMDE0djguODZBMi4wMTYsMi4wMTYsMCwwLDEsNi44NzQsMTIuODg4Wk0tMS45NzksOS40MjFhLjUuNSwwLDAsMCwuMDA3LS43MTJMLTMuODQyLDYuOGwwLDBhLjUuNSwwLDAsMSwwLS43MTNsMS44Ny0xLjg4MWEuNS41LDAsMCwwLDAtLjcxMi41LjUsMCwwLDAtLjcxMiwwbC0xLjg2OSwxLjg4YTEuNTEyLDEuNTEyLDAsMCwwLDAsMi4xMzRsMS44NjgsMS45YS41LjUsMCwwLDAsLjM1OS4xNTFBLjUuNSwwLDAsMC0xLjk3OSw5LjQyMVpNMy44ODYsNi40NDRhLjUuNSwwLDAsMC0uNS0uNUgtMS45NzlhLjUuNSwwLDAsMC0uNS41LjUuNSwwLDAsMCwuNS41SDMuMzgyQS41LjUsMCwwLDAsMy44ODYsNi40NDRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjguOTQ1IDI1Ny45NDUpIHJvdGF0ZSgxODApIiBmaWxsPSIjMzMzIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgPC9nPgo8L3N2Zz4K)
    }
    
    .tada-wallet-icons.ic-sign-out-md:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC42NiIgaGVpZ2h0PSIxNy4yMTQiIHZpZXdCb3g9IjAgMCAxOC42NiAxNy4yMTQiPgogIDxnIGlkPSJpYy1zaWduLW91dC1tZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExOS45NTggLTI0NC45NTcpIj4KICAgIDxwYXRoIGlkPSJpYy1zaWduLW91dCIgZD0iTTE1LjY3NCwxNy4wMTRIOS4yNThBMi42NjEsMi42NjEsMCwwLDEsNi42LDE0LjM1NXYtLjY2NWEuNjY1LjY2NSwwLDEsMSwxLjMyOSwwdi42NjVhMS4zMzEsMS4zMzEsMCwwLDAsMS4zMjksMS4zMjloNi40MTZBMS4zMzEsMS4zMzEsMCwwLDAsMTcsMTQuMzU1VjIuNjU4YTEuMzMxLDEuMzMxLDAsMCwwLTEuMzI5LTEuMzI5SDkuMjU4QTEuMzMxLDEuMzMxLDAsMCwwLDcuOTI5LDIuNjU4di42NjVhLjY2NS42NjUsMCwxLDEtMS4zMjksMFYyLjY1OEEyLjY2MSwyLjY2MSwwLDAsMSw5LjI1OCwwaDYuNDE2YTIuNjYxLDIuNjYxLDAsMCwxLDIuNjU4LDIuNjU4djExLjdBMi42NjEsMi42NjEsMCwwLDEsMTUuNjc0LDE3LjAxNFpNMy45ODcsMTIuNDM3QS42NjUuNjY1LDAsMCwwLDQsMTEuNUwxLjUyNyw4Ljk4MWwwLDBhLjY2Ni42NjYsMCwwLDEsMC0uOTQxTDMuOTkzLDUuNTUzYS42NjUuNjY1LDAsMCwwLS45NDMtLjkzN0wuNTgzLDcuMWEyLDIsMCwwLDAsMCwyLjgxN2wyLjQ2NiwyLjUxNGEuNjY1LjY2NSwwLDAsMCwuOTQuMDA5Wm03Ljc0Mi0zLjkzYS42NjUuNjY1LDAsMCwwLS42NjUtLjY2NUgzLjk4N2EuNjY1LjY2NSwwLDAsMCwwLDEuMzI5aDcuMDc4QS42NjUuNjY1LDAsMCwwLDExLjcyOSw4LjUwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzOC4zOSAyNjIuMDcxKSByb3RhdGUoMTgwKSIgZmlsbD0iIzMzMyIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogIDwvZz4KPC9zdmc+Cg==)
    }
    
    .tada-wallet-icons.ic-plus:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC40MjMiIGhlaWdodD0iMTguNDIzIiB2aWV3Qm94PSIwIDAgMTguNDIzIDE4LjQyMyI+CiAgPGcgaWQ9ImljLXBsdXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjguMDg0IC0xMTUuMykiPgogICAgPHBhdGggaWQ9ImljLXBsdXMtMiIgZGF0YS1uYW1lPSJpYy1wbHVzIiBkPSJNNi42NjIsNiwxMS44Ni44QS40NjkuNDY5LDAsMSwwLDExLjIuMTM4TDYsNS4zMzcuOC4xMzhBLjQ2OS40NjksMCwwLDAsLjEzNy44TDUuMzM2LDZsLTUuMiw1LjJhLjQ2OS40NjksMCwwLDAsLjY2My42NjNMNiw2LjY2M2w1LjIsNS4yYS40NjkuNDY5LDAsMCwwLC42NjMtLjY2M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3Ny4zMTggMTE2LjgzMikgcm90YXRlKDQ1KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiLz4KICA8L2c+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-plus-black:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMSIgaGVpZ2h0PSIyMC4wMSIgdmlld0JveD0iMCAwIDIwLjAxIDIwLjAxIj4KICA8cGF0aCBpZD0iXzAzNC1wbHVzIiBkYXRhLW5hbWU9IjAzNC1wbHVzIiBkPSJNNy4yODQsNi41NiwxMi45NjguODc2YS41MTIuNTEyLDAsMCwwLS43MjUtLjcyNUw2LjU1OSw1LjgzNS44NzUuMTUxQS41MTIuNTEyLDAsMCwwLC4xNS44NzZMNS44MzQsNi41Ni4xNSwxMi4yNDVhLjUxMi41MTIsMCwwLDAsLjcyNS43MjVMNi41NTksNy4yODVsNS42ODUsNS42ODVhLjUxMi41MTIsMCwxLDAsLjcyNS0uNzI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43NSA5Ljk4Mykgcm90YXRlKC00NSkiIGZpbGw9IiMzMzMiIHN0cm9rZT0iIzMzMyIgc3Ryb2tlLXdpZHRoPSIxIi8+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.check-select-mini:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC45MDciIGhlaWdodD0iMjAuOTA3IiB2aWV3Qm94PSIwIDAgMjAuOTA3IDIwLjkwNyI+CiAgPGcgaWQ9ImNoZWNrLXNlbGVjdC1taW5pIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkyLjU0NyAtODgzLjU0NikiPgogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xMTgiIGRhdGEtbmFtZT0iRWxsaXBzZSAxMTgiIGN4PSIxMC40NTQiIGN5PSIxMC40NTQiIHI9IjEwLjQ1NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTkyLjU0NiA4ODMuNTQ2KSIgZmlsbD0iI2Y5NmQwMSIvPgogICAgPHBhdGggaWQ9Il8xNTEtY2hlY2siIGRhdGEtbmFtZT0iMTUxLWNoZWNrIiBkPSJNMy4zMDYsNzAuMDA1YTEsMSwwLDAsMS0uNy0uMjc5bC0yLjUtMi40YS4zMzguMzM4LDAsMCwxLC40NjgtLjQ4OGwyLjUsMi40YS4zMzguMzM4LDAsMCwwLC40NzktLjAxNWw0LjUtNS42YS4zMzguMzM4LDAsMSwxLC41MjcuNDIzbC00LjUsNS42MDYtLjAxMi4wMTRBMS4wMDYsMS4wMDYsMCwwLDEsMy4zNDgsNzBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTguNDI3IDgyNy4yMzUpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgPC9nPgo8L3N2Zz4K)
    }
    
    .tada-wallet-icons.ic-check-white:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC45MDciIGhlaWdodD0iMjAuOTA3IiB2aWV3Qm94PSIwIDAgMjAuOTA3IDIwLjkwNyI+CiAgPGcgaWQ9ImNoZWNrLXNlbGVjdC1taW5pIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkyLjU0NyAtODgzLjU0NikiPgogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xMTgiIGRhdGEtbmFtZT0iRWxsaXBzZSAxMTgiIGN4PSIxMC40NTQiIGN5PSIxMC40NTQiIHI9IjEwLjQ1NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTkyLjU0NiA4ODMuNTQ2KSIgZmlsbD0idHJhbnNwYXJlbnQiLz4KICAgIDxwYXRoIGlkPSJfMTUxLWNoZWNrIiBkYXRhLW5hbWU9IjE1MS1jaGVjayIgZD0iTTMuMzA2LDcwLjAwNWExLDEsMCwwLDEtLjctLjI3OWwtMi41LTIuNGEuMzM4LjMzOCwwLDAsMSwuNDY4LS40ODhsMi41LDIuNGEuMzM4LjMzOCwwLDAsMCwuNDc5LS4wMTVsNC41LTUuNmEuMzM4LjMzOCwwLDEsMSwuNTI3LjQyM2wtNC41LDUuNjA2LS4wMTIuMDE0QTEuMDA2LDEuMDA2LDAsMCwxLDMuMzQ4LDcwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk4LjQyNyA4MjcuMjM1KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogIDwvZz4KPC9zdmc+Cg==)
    }
    
    .tada-wallet-icons.detail-history-referral:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/detail-history-referral.453cf38.svg)
    }
    
    .tada-wallet-icons.dialog-delete:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/dialog-delete.18e29a9.svg)
    }
    
    .tada-wallet-icons.dialog-success:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/dialog-success.dbcacf8.svg)
    }
    
    .tada-wallet-icons.empty-card:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/empty-card.bf7a43f.svg)
    }
    
    .tada-wallet-icons.empty-cart:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/empty-cart.411fb06.svg)
    }
    
    .tada-wallet-icons.error-404:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/error-404.3fcf867.svg)
    }
    
    .tada-wallet-icons.ic-bank-trf:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-bank-trf.005d512.svg)
    }
    
    .tada-wallet-icons.ic-buy:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-buy.0193912.svg)
    }
    
    .tada-wallet-icons.ic-buy:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-buy.0193912.svg)
    }
    
    .tada-wallet-icons.ic-camera:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-camera.e464391.svg)
    }
    
    .tada-wallet-icons.ic-cancel:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4xOCIgaGVpZ2h0PSIxNC4xMTkiIHZpZXdCb3g9IjAgMCAxNC4xOCAxNC4xMTkiPgogIDxwYXRoIGlkPSJpYy1jYW5jZWwtYmxhY2siIGQ9Ik03LjI4NCw2LjU2LDEyLjk2OC44NzZhLjUxMi41MTIsMCwwLDAtLjcyNS0uNzI1TDYuNTU5LDUuODM1Ljg3NS4xNTFBLjUxMi41MTIsMCwwLDAsLjE1Ljg3Nkw1LjgzNCw2LjU2LjE1LDEyLjI0NWEuNTEyLjUxMiwwLDAsMCwuNzI1LjcyNUw2LjU1OSw3LjI4NWw1LjY4NSw1LjY4NWEuNTEyLjUxMiwwLDEsMCwuNzI1LS43MjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjU2MiAwLjQ5OSkiIGZpbGw9IiMzMzMiIHN0cm9rZT0iIzMzMyIgc3Ryb2tlLXdpZHRoPSIxIi8+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-24-cancel-white:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmEsLmJ7ZmlsbDojZmZmO30uYXtvcGFjaXR5OjA7fS5ie3N0cm9rZTojZmZmO308L3N0eWxlPjwvZGVmcz48cmVjdCBjbGFzcz0iYSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PHBhdGggY2xhc3M9ImIiIGQ9Ik05LjQzOSw4LjVsNy4zNjYtNy4zNjZBLjY2NC42NjQsMCwwLDAsMTUuODY2LjJMOC41LDcuNTYyLDEuMTMzLjJhLjY2NC42NjQsMCwwLDAtLjkzOS45MzlMNy41NjEsOC41LjE5NCwxNS44NjdhLjY2NC42NjQsMCwwLDAsLjkzOS45MzlMOC41LDkuNDRsNy4zNjYsNy4zNjZhLjY2NC42NjQsMCwxLDAsLjkzOS0uOTM5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41IDMuNDk5KSIvPjwvc3ZnPg==)
    }
    
    .tada-wallet-icons.ic-location:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4zOTgiIGhlaWdodD0iMTIuOTQ2IiB2aWV3Qm94PSIwIDAgMTAuMzk4IDEyLjk0NiI+CiAgPGcgaWQ9ImljLWxvY2F0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuOTk3IC0yNjkuMTg0KSI+CiAgICA8cGF0aCBpZD0iXzA5Ny1waW4iIGRhdGEtbmFtZT0iMDk3LXBpbiIgZD0iTTQsMTAuMzA2QzIuNjUxLDguODYzLDEuMjYxLDcuMzcsMS4yNTksNS4xNTVBNS4xMTcsNS4xMTcsMCwwLDEsMi43NzcsMS41YTUuMjUyLDUuMjUyLDAsMCwxLDcuMzQ2LDAsNS4xLDUuMSwwLDAsMSwxLjUzNSwzLjY1N2MwLDIuMjEzLTEuNCwzLjctMi43NTEsNS4xNDRBMTYuMjg3LDE2LjI4NywwLDAsMCw2Ljk1LDEyLjY2N2EuNi42LDAsMCwxLTEuMDEzLDBBMTYuNDY4LDE2LjQ2OCwwLDAsMCw0LDEwLjMwNlpNMi40NTcsNS4xNTVDMi40NTksNi45LDMuNTc4LDguMSw0Ljg3Myw5LjQ4OUEyMy4wNjksMjMuMDY5LDAsMCwxLDYuNDQzLDExLjNhMjIuODA5LDIyLjgwOSwwLDAsMSwxLjU4OC0xLjgyYzEuMy0xLjM4NywyLjQyNS0yLjU4NSwyLjQyNy00LjMyNEEzLjk5NCwzLjk5NCwwLDAsMCw2LjQ0MywxLjIsMy45MzIsMy45MzIsMCwwLDAsMi40NTcsNS4xNTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS43MzggMjY5LjE4NCkiIGZpbGw9IiMzMzMiLz4KICAgIDxnIGlkPSJFbGxpcHNlXzEyMiIgZGF0YS1uYW1lPSJFbGxpcHNlIDEyMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTkuNyAyNzIpIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDApIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMS4xIj4KICAgICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiIHN0cm9rZT0ibm9uZSIvPgogICAgICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSIyLjUiIHI9IjEuOTUiIGZpbGw9Im5vbmUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-calendar-black:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-calendar-black.35d9d83.svg)
    }
    
    .tada-wallet-icons.ic-chat-black:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4zMSIgaGVpZ2h0PSIxNC4zIiB2aWV3Qm94PSIwIDAgMTQuMzEgMTQuMyI+CiAgPHBhdGggaWQ9ImljLWNoYXQtYmxhY2siIGQ9Ik0uNTQ3LDE0YS41NDcuNTQ3LDAsMCwxLS41MDctLjc1MmwxLjI0Mi0zLjA3MkE2LjA0OCw2LjA0OCwwLDAsMSwwLDYuNDUzYTYuMTY4LDYuMTY4LDAsMCwxLDIuMDY4LTQuNThBNy4yNjksNy4yNjksMCwwLDEsNywwYTcuMjY5LDcuMjY5LDAsMCwxLDQuOTMyLDEuODczQTYuMTY4LDYuMTY4LDAsMCwxLDE0LDYuNDUzYTYuMDcyLDYuMDcyLDAsMCwxLTEuMTEsMy40ODkuNTQ3LjU0NywwLDAsMS0uOS0uNjI2LDQuOTg0LDQuOTg0LDAsMCwwLC45MTMtMi44NjNBNS42NTksNS42NTksMCwwLDAsNywxLjA5NCw1LjY1OSw1LjY1OSwwLDAsMCwxLjA5NCw2LjQ1Myw1LDUsMCwwLDAsMi4zMjYsOS43MjhhLjU0Ny41NDcsMCwwLDEsLjA5MS41NmwtLjg1OCwyLjEyMiwyLjUtMS4xYS41NDcuNTQ3LDAsMCwxLC40MzUsMCw2LjQ1Miw2LjQ1MiwwLDAsMCw1LjM4Ny0uMTcyLjU0Ny41NDcsMCwxLDEsLjUuOTc1LDcuNTUxLDcuNTUxLDAsMCwxLTYuMDg5LjI5NEwuNzY4LDEzLjk1NEEuNTQ2LjU0NiwwLDAsMSwuNTQ3LDE0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xNTkgMC4xNSkiIGZpbGw9IiMzMzMiIHN0cm9rZT0iIzMzMyIgc3Ryb2tlLXdpZHRoPSIwLjMiLz4KPC9zdmc+Cg==)
    }
    
    .tada-wallet-icons.ic-chat-with-us-black:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4zMSIgaGVpZ2h0PSIxNC4zIiB2aWV3Qm94PSIwIDAgMTQuMzEgMTQuMyI+CiAgPGcgaWQ9ImljLWNoYXQtd2l0aC11cy1ibGFjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3Ljg0MSAtMTA4MS44NSkiPgogICAgPHBhdGggaWQ9ImljLWNoYXQtd2l0aC11cy1ibGFjay0yIiBkYXRhLW5hbWU9ImljLWNoYXQtd2l0aC11cy1ibGFjayIgZD0iTS41NDcsMTRhLjU0Ny41NDcsMCwwLDEtLjUwNy0uNzUybDEuMjQyLTMuMDcyQTYuMDQ4LDYuMDQ4LDAsMCwxLDAsNi40NTNhNi4xNjgsNi4xNjgsMCwwLDEsMi4wNjgtNC41OEE3LjI2OSw3LjI2OSwwLDAsMSw3LDBhNy4yNjksNy4yNjksMCwwLDEsNC45MzIsMS44NzNBNi4xNjgsNi4xNjgsMCwwLDEsMTQsNi40NTNhNi4wNzIsNi4wNzIsMCwwLDEtMS4xMSwzLjQ4OS41NDcuNTQ3LDAsMCwxLS45LS42MjYsNC45ODQsNC45ODQsMCwwLDAsLjkxMy0yLjg2M0E1LjY1OSw1LjY1OSwwLDAsMCw3LDEuMDk0LDUuNjU5LDUuNjU5LDAsMCwwLDEuMDk0LDYuNDUzLDUsNSwwLDAsMCwyLjMyNiw5LjcyOGEuNTQ3LjU0NywwLDAsMSwuMDkxLjU2bC0uODU4LDIuMTIyLDIuNS0xLjFhLjU0Ny41NDcsMCwwLDEsLjQzNSwwLDYuNDUyLDYuNDUyLDAsMCwwLDUuMzg3LS4xNzIuNTQ3LjU0NywwLDEsMSwuNS45NzUsNy41NTEsNy41NTEsMCwwLDEtNi4wODkuMjk0TC43NjgsMTMuOTU0QS41NDYuNTQ2LDAsMCwxLC41NDcsMTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OCAxMDgyKSIgZmlsbD0iIzMzMyIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjAuMyIvPgogIDwvZz4KPC9zdmc+Cg==)
    }
    
    .tada-wallet-icons.ic-chat-with-us-orange:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4zMSIgaGVpZ2h0PSIxNC4zIiB2aWV3Qm94PSIwIDAgMTQuMzEgMTQuMyI+CiAgPGcgaWQ9ImljLWNoYXQtd2l0aC11cy1vcmFuZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NS44NDEgLTEwODEuODUpIj4KICAgIDxwYXRoIGlkPSJpYy1jaGF0LXdpdGgtdXMtb3JhbmdlLTIiIGRhdGEtbmFtZT0iaWMtY2hhdC13aXRoLXVzLW9yYW5nZSIgZD0iTS41NDcsMTRhLjU0Ny41NDcsMCwwLDEtLjUwNy0uNzUybDEuMjQyLTMuMDcyQTYuMDQ4LDYuMDQ4LDAsMCwxLDAsNi40NTNhNi4xNjgsNi4xNjgsMCwwLDEsMi4wNjgtNC41OEE3LjI2OSw3LjI2OSwwLDAsMSw3LDBhNy4yNjksNy4yNjksMCwwLDEsNC45MzIsMS44NzNBNi4xNjgsNi4xNjgsMCwwLDEsMTQsNi40NTNhNi4wNzIsNi4wNzIsMCwwLDEtMS4xMSwzLjQ4OS41NDcuNTQ3LDAsMCwxLS45LS42MjYsNC45ODQsNC45ODQsMCwwLDAsLjkxMy0yLjg2M0E1LjY1OSw1LjY1OSwwLDAsMCw3LDEuMDk0LDUuNjU5LDUuNjU5LDAsMCwwLDEuMDk0LDYuNDUzLDUsNSwwLDAsMCwyLjMyNiw5LjcyOGEuNTQ3LjU0NywwLDAsMSwuMDkxLjU2bC0uODU4LDIuMTIyLDIuNS0xLjFhLjU0Ny41NDcsMCwwLDEsLjQzNSwwLDYuNDUyLDYuNDUyLDAsMCwwLDUuMzg3LS4xNzIuNTQ3LjU0NywwLDEsMSwuNS45NzUsNy41NTEsNy41NTEsMCwwLDEtNi4wODkuMjk0TC43NjgsMTMuOTU0QS41NDYuNTQ2LDAsMCwxLC41NDcsMTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NiAxMDgyKSIgZmlsbD0iI2Y5NmQwMSIgc3Ryb2tlPSIjZjk2ZDAxIiBzdHJva2Utd2lkdGg9IjAuMyIvPgogIDwvZz4KPC9zdmc+Cg==)
    }
    
    .tada-wallet-icons.ic-chat:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-chat.76a7467.svg)
    }
    
    .tada-wallet-icons.ic-credit-card:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-credit-card.a751848.svg)
    }
    
    .tada-wallet-icons.ic-plain-credit-card:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4yNSIgaGVpZ2h0PSIxNC45MzgiIHZpZXdCb3g9IjAgMCAyMC4yNSAxNC45MzgiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNiZWM4ZDE7c3Ryb2tlOiNiZWM4ZDE7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xOS4yMTksNzYuNDQyQS43ODEuNzgxLDAsMCwwLDIwLDc1LjY2MVY3MS4xMjVBMy4xMjksMy4xMjksMCwwLDAsMTYuODc1LDY4SDMuMTI1QTMuMTI5LDMuMTI5LDAsMCwwLDAsNzEuMTI1djguNDM4YTMuMTI5LDMuMTI5LDAsMCwwLDMuMTI1LDMuMTI1aDEzLjc1QTMuMTI5LDMuMTI5LDAsMCwwLDIwLDc5LjU2M2EuNzgxLjc4MSwwLDAsMC0xLjU2MiwwLDEuNTY0LDEuNTY0LDAsMCwxLTEuNTYyLDEuNTYzSDMuMTI1YTEuNTY0LDEuNTY0LDAsMCwxLTEuNTYyLTEuNTYyVjczLjcwOEgxOC40Mzh2MS45NTNBLjc4MS43ODEsMCwwLDAsMTkuMjE5LDc2LjQ0MlptLTE3LjY1Ni00LjN2LTEuMDJhMS41NjQsMS41NjQsMCwwLDEsMS41NjMtMS41NjJoMTMuNzVhMS41NjQsMS41NjQsMCwwLDEsMS41NjMsMS41NjN2MS4wMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMTI1IC02Ny44NzUpIi8+PC9zdmc+)
    }
    
    .tada-wallet-icons.ic-delete-text:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4Ljg5NyIgaGVpZ2h0PSI4Ljg0OSIgdmlld0JveD0iMCAwIDguODk3IDguODQ5Ij4KICA8ZyBpZD0iaWMtZGVsZXRlLXRleHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTMuNDUxIC0yNDYuNDk5KSI+CiAgICA8cGF0aCBpZD0iaWMtZGVsZXRlLXRleHQtMiIgZGF0YS1uYW1lPSJpYy1kZWxldGUtdGV4dCIgZD0iTTQuMzU4LDMuOTI1bDMuNC0zLjRBLjMwNy4zMDcsMCwxLDAsNy4zMjUuMDkxbC0zLjQsMy40TC41MjMuMDkxQS4zMDcuMzA3LDAsMCwwLC4wOS41MjRsMy40LDMuNC0zLjQsMy40YS4zMDcuMzA3LDAsMCwwLC40MzQuNDM0bDMuNC0zLjQsMy40LDMuNGEuMzA3LjMwNywwLDAsMCwuNDM0LS40MzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTQgMjQ2Ljk5OSkiIGZpbGw9IiMzMzMiIHN0cm9rZT0iIzMzMyIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgPC9nPgo8L3N2Zz4K)
    }
    
    .tada-wallet-icons.ic-email-black:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy43MzYiIGhlaWdodD0iMTAuNDkiIHZpZXdCb3g9IjAgMCAxMy43MzYgMTAuNDkiPgogIDxnIGlkPSJpYy1lbWFpbC1ibGFjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExIC0xMDg0KSI+CiAgICA8cGF0aCBpZD0iaWMtZW1haWwtYmxhY2stMiIgZGF0YS1uYW1lPSJpYy1lbWFpbC1ibGFjayIgZD0iTTEzLjIsNjYuN2EuNTM3LjUzNywwLDAsMCwuNTM3LS41MzdWNjIuNjQ2QTIuMTQ5LDIuMTQ5LDAsMCwwLDExLjU4OSw2MC41SDIuMTQ2QTIuMTQ5LDIuMTQ5LDAsMCwwLDAsNjIuNjQ2djYuMkEyLjE0OSwyLjE0OSwwLDAsMCwyLjE0Niw3MC45OWg5LjQ0M2EyLjE0OSwyLjE0OSwwLDAsMCwyLjE0Ni0yLjE0Ni41MzcuNTM3LDAsMCwwLTEuMDczLDAsMS4wNzQsMS4wNzQsMCwwLDEtMS4wNzMsMS4wNzNIMi4xNDZhMS4wNzQsMS4wNzQsMCwwLDEtMS4wNzMtMS4wNzNWNjIuNzZsNC42NjEsMi45YTIuMTMzLDIuMTMzLDAsMCwwLDIuMjY3LDBsNC42NjEtMi45djMuNEEuNTM3LjUzNywwLDAsMCwxMy4yLDY2LjdabS01Ljc2NS0xLjk1YTEuMDY2LDEuMDY2LDAsMCwxLTEuMTMzLDBsLTQuNzgtMi45NzNhMS4wNjcsMS4wNjcsMCwwLDEsLjYyNS0uMmg5LjQ0M2ExLjA2NywxLjA2NywwLDAsMSwuNjI1LjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMSAxMDIzLjUpIiBmaWxsPSIjMzMzIi8+CiAgPC9nPgo8L3N2Zz4K)
    }
    
    .tada-wallet-icons.ic-friends:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-friends.dc3a85f.svg)
    }
    
    .tada-wallet-icons.ic-hide-white:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-hide-white.9fc6f19.svg)
    }
    
    .tada-wallet-icons.ic-history:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-history.8694882.svg)
    }
    
    .tada-wallet-icons.ic-info:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjIzOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDUuMjM4IDE4Ij4KICA8ZyBpZD0iaWMtaW5mbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMSAtMjk4KSI+CiAgICA8cGF0aCBpZD0iaWMtaW5mby0yIiBkYXRhLW5hbWU9ImljLWluZm8iIGQ9Ik0xODQuMSwxOGEyLjYsMi42LDAsMCwxLTIuNi0yLjZWOS4yNDZhMi42LDIuNiwwLDEsMSw1LjIsMHYyLjYzN2EuNy43LDAsMSwxLTEuNDA2LDBWOS4yNDZhMS4yLDEuMiwwLDEsMC0yLjM5MSwwVjE1LjRhMS4yLDEuMiwwLDEsMCwyLjM5MSwwLC43LjcsMCwwLDEsMS40MDYsMEEyLjYsMi42LDAsMCwxLDE4NC4xLDE4Wm0yLjYzNy0xNS40YTIuNiwyLjYsMCwxLDAtMi42LDIuNkEyLjYsMi42LDAsMCwwLDE4Ni43MzgsMi42Wm0tMS40MDYsMGExLjIsMS4yLDAsMSwxLTEuMi0xLjJBMS4yLDEuMiwwLDAsMSwxODUuMzMyLDIuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC41IDI5OCkiIGZpbGw9IiMyOTdjYzYiLz4KICA8L2c+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-info-orange:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjIzOCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDUuMjM4IDE4Ij4KICA8ZyBpZD0iaWMtaW5mby1vcmFuZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjEgLTI5OCkiPgogICAgPHBhdGggaWQ9ImljLWluZm8tb3JhbmdlLTIiIGRhdGEtbmFtZT0iaWMtaW5mby1vcmFuZ2UiIGQ9Ik0xODQuMSwxOGEyLjYsMi42LDAsMCwxLTIuNi0yLjZWOS4yNDZhMi42LDIuNiwwLDEsMSw1LjIsMHYyLjYzN2EuNy43LDAsMSwxLTEuNDA2LDBWOS4yNDZhMS4yLDEuMiwwLDEsMC0yLjM5MSwwVjE1LjRhMS4yLDEuMiwwLDEsMCwyLjM5MSwwLC43LjcsMCwwLDEsMS40MDYsMEEyLjYsMi42LDAsMCwxLDE4NC4xLDE4Wm0yLjYzNy0xNS40YTIuNiwyLjYsMCwxLDAtMi42LDIuNkEyLjYsMi42LDAsMCwwLDE4Ni43MzgsMi42Wm0tMS40MDYsMGExLjIsMS4yLDAsMSwxLTEuMi0xLjJBMS4yLDEuMiwwLDAsMSwxODUuMzMyLDIuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC41IDI5OCkiIGZpbGw9IiNmOTZkMDEiLz4KICA8L2c+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-info-red:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO29wYWNpdHk6MDt9LmJ7ZmlsbDojYWQzMjMyO30uYywuZHtzdHJva2U6bm9uZTt9LmR7ZmlsbDojNzA3MDcwO308L3N0eWxlPjwvZGVmcz48ZyBjbGFzcz0iYSI+PHBhdGggY2xhc3M9ImMiIGQ9Ik0gMjMuNSAyMy41IEwgMC41IDIzLjUgTCAwLjUgMC41IEwgMjMuNSAwLjUgTCAyMy41IDIzLjUgWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNIDEgMSBMIDEgMjMgTCAyMyAyMyBMIDIzIDEgTCAxIDEgTSAwIDAgTCAyNCAwIEwgMjQgMjQgTCAwIDI0IEwgMCAwIFoiLz48L2c+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xODQuMSwxOGEyLjYsMi42LDAsMCwxLTIuNi0yLjZWOS4yNDZhMi42LDIuNiwwLDEsMSw1LjIsMHYyLjYzN2EuNy43LDAsMSwxLTEuNDA2LDBWOS4yNDZhMS4yLDEuMiwwLDEsMC0yLjM5MSwwVjE1LjRhMS4yLDEuMiwwLDEsMCwyLjM5MSwwLC43LjcsMCwwLDEsMS40MDYsMEEyLjYsMi42LDAsMCwxLDE4NC4xLDE4Wm0yLjYzNy0xNS40YTIuNiwyLjYsMCwxLDAtMi42LDIuNkEyLjYsMi42LDAsMCwwLDE4Ni43MzgsMi42Wm0tMS40MDYsMGExLjIsMS4yLDAsMSwxLTEuMi0xLjJBMS4yLDEuMiwwLDAsMSwxODUuMzMyLDIuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzIuNSAzKSIvPjwvc3ZnPg==)
    }
    
    .tada-wallet-icons.ic-warning-red:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC45MiIgaGVpZ2h0PSIxOC4yIiB2aWV3Qm94PSIwIDAgMjAuOTIgMTguMiI+CiAgPGcgaWQ9ImljLXdhcm5pbmctcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTczLjg2OSAtMjk3LjkpIj4KICAgIDxwYXRoIGlkPSJpYy13YXJuaW5nLXJlZC0yIiBkYXRhLW5hbWU9ImljLXdhcm5pbmctcmVkIiBkPSJNMTAuMzM0LDQ3LjgzMmEuODA3LjgwNywwLDEsMSwwLTEuNjE0aDBhLjgwNy44MDcsMCwxLDEsMCwxLjYxNFptLjgwNy0zLjYzMlYzOC4yNjdhLjgwNy44MDcsMCwxLDAtMS42MTQsMFY0NC4yYS44MDcuODA3LDAsMSwwLDEuNjE0LDBabTguOTQyLDUuMzU1YTMuMzM4LDMuMzM4LDAsMCwwLC4zNDctMy4xMTIuODA3LjgwNywwLDAsMC0xLjUuNiwxLjcyNSwxLjcyNSwwLDAsMS0uMTg0LDEuNjA4LDEuNywxLjcsMCwwLDEtMS40MzEuNzU2SDMuMzUyQTEuNzM0LDEuNzM0LDAsMCwxLDEuODc5LDQ2Ljc2bDYuOTgyLTExLjNhMS43MzEsMS43MzEsMCwwLDEsMi45NDYsMGw1LjE2Myw4LjM2YS44MDcuODA3LDAsMSwwLDEuMzczLS44NDhsLTUuMTYzLTguMzZhMy4zNDUsMy4zNDUsMCwwLDAtNS42OTMsMEwuNTA2LDQ1LjkxMkEzLjM0OCwzLjM0OCwwLDAsMCwzLjM1Miw1MS4wMkgxNy4zMTZBMy4zLDMuMywwLDAsMCwyMC4wODMsNDkuNTU1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc0IDI2NC45OCkiIGZpbGw9IiNjOTI4MjgiIHN0cm9rZT0iI2M5MjgyOCIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICA8L2c+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-level:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi43MzEiIGhlaWdodD0iOC45NTEiIHZpZXdCb3g9IjAgMCAxMi43MzEgOC45NTEiPgogIDxnIGlkPSJpYy1sZXZlbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0IC04NzcuNTYzKSI+CiAgICA8cGF0aCBpZD0iaWMtbGV2ZWwtMiIgZGF0YS1uYW1lPSJpYy1sZXZlbCIgZD0iTTEwLjM0NCw4NC45NTFIMi4zODdhLjUuNSwwLDAsMS0uNDc2LS4zNTNMLjAyMSw3OC4zODNhLjUuNSwwLDAsMSwuNjkzLS41OTJsMi43MjEsMS4zMjVMNS45OSw3Ni4xNzFhLjUuNSwwLDAsMSwuNzUxLDBsMi41NTMsMi45NDQsMi43MjEtMS4zMjVhLjUuNSwwLDAsMSwuNjkzLjU5MkwxMC44MTksODQuNkEuNS41LDAsMCwxLDEwLjM0NCw4NC45NTFabS03LjU4OC0uOTk1aDcuMjJsMS40NTEtNC43NzMtMi4wMzkuOTkzYS41LjUsMCwwLDEtLjU5My0uMTIxbC0yLjQyOC0yLjgtMi40MjgsMi44YS41LjUsMCwwLDEtLjU5My4xMjFMMS4zLDc5LjE4NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDgwMS41NjMpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K)
    }
    
    .tada-wallet-icons.ic-lock:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjkyOCIgaGVpZ2h0PSI5LjQiIHZpZXdCb3g9IjAgMCA3LjkyOCA5LjQiPgogIDxnIGlkPSJpYy1sb2NrIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjkuMjczIC04NzYuODY5KSI+CiAgICA8cGF0aCBpZD0iaWMtbG9jay0yIiBkYXRhLW5hbWU9ImljLWxvY2siIGQ9Ik0zOS4wMzgsNi4xNDVWNC44MTVhLjcwNi43MDYsMCwwLDAtLjY5LS43MTlIMzMuMzhhLjcwNi43MDYsMCwwLDAtLjY5LjcxOVY3Ljc2MmEuNzA2LjcwNiwwLDAsMCwuNjkuNzE5aDQuOTY4YS43MDYuNzA2LDAsMCwwLC42OS0uNzE5LjM0NS4zNDUsMCwxLDEsLjY5LDBBMS40MTEsMS40MTEsMCwwLDEsMzguMzQ4LDkuMkgzMy4zOEExLjQxMSwxLjQxMSwwLDAsMSwzMiw3Ljc2MlY0LjgxNWExLjQxMSwxLjQxMSwwLDAsMSwxLjM4LTEuNDM3aC40MTNWMi4xMTFhMi4wNywyLjA3LDAsMSwxLDQuMTQuMDEuMzQ1LjM0NSwwLDEsMS0uNjksMCwxLjM4LDEuMzgsMCwxLDAtMi43Ni0uMDFWMy4zNzhoMy44NjVhMS40MTEsMS40MTEsMCwwLDEsMS4zOCwxLjQzN3YxLjMzYS4zNDUuMzQ1LDAsMSwxLS42OSwwWm0tMy41MTkuMDloMGEuMzQ1LjM0NSwwLDEsMCwuNjksMGgwYS4zNDUuMzQ1LDAsMSwwLS42OSwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzcuMzczIDg3Ni45NjkpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgPC9nPgo8L3N2Zz4K)
    }
    
    .tada-wallet-icons.ic-notification:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS42NDIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOS42NDIgMTUiPgogIDxnIGlkPSJpYy1ub3RpZmljYXRpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MyAtODExKSI+CiAgICA8cGF0aCBpZD0iaWMtbm90aWZpY2F0aW9uLTIiIGRhdGEtbmFtZT0iaWMtbm90aWZpY2F0aW9uIiBkPSJNMTguODc1LDY5LjM2MmEuNzY3Ljc2NywwLDAsMCwuNzY3LS43NjdWNjMuNTY5QTMuMDczLDMuMDczLDAsMCwwLDE2LjU3Myw2MC41SDMuMDY5QTMuMDczLDMuMDczLDAsMCwwLDAsNjMuNTY5djguODYyQTMuMDczLDMuMDczLDAsMCwwLDMuMDY5LDc1LjVoMTMuNWEzLjA3MywzLjA3MywwLDAsMCwzLjA2OS0zLjA2OS43NjcuNzY3LDAsMCwwLTEuNTM1LDAsMS41MzYsMS41MzYsMCwwLDEtMS41MzUsMS41MzVIMy4wNjlhMS41MzYsMS41MzYsMCwwLDEtMS41MzUtMS41MzV2LTguN0w4LjIsNjcuODc3YTMuMDUsMy4wNSwwLDAsMCwzLjI0MSwwbDYuNjY2LTQuMTQ1djQuODYzQS43NjcuNzY3LDAsMCwwLDE4Ljg3NSw2OS4zNjJabS04LjI0My0yLjc4OGExLjUyNSwxLjUyNSwwLDAsMS0xLjYyMSwwTDIuMTc1LDYyLjMyM2ExLjUyNiwxLjUyNiwwLDAsMSwuODk0LS4yODhoMTMuNWExLjUyNiwxLjUyNiwwLDAsMSwuODk0LjI4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYzIDc1MC41KSIgZmlsbD0iIzMzMyIvPgogIDwvZz4KPC9zdmc+Cg==)
    }
    
    .tada-wallet-icons.ic-more:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDUgMTUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9ImljLW1vcmUiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMiAtMzkpIj4KICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV82NiIgZGF0YS1uYW1lPSJFbGxpcHNlIDY2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzIDQwKSIgZmlsbD0iIzMzMyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyIC0zNCkiPgogICAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzY2LTIiIGRhdGEtbmFtZT0iRWxsaXBzZSA2NiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMyA0MCkiIGZpbGw9IiMzMzMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMiAtMjkpIj4KICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV82Ni0zIiBkYXRhLW5hbWU9IkVsbGlwc2UgNjYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMgNDApIiBmaWxsPSIjMzMzIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K)
    }
    
    .tada-wallet-icons.ic-phone-black:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-phone-black.703a500.svg)
    }
    
    .tada-wallet-icons.ic-plus-black:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMSIgaGVpZ2h0PSIyMC4wMSIgdmlld0JveD0iMCAwIDIwLjAxIDIwLjAxIj4KICA8cGF0aCBpZD0iXzAzNC1wbHVzIiBkYXRhLW5hbWU9IjAzNC1wbHVzIiBkPSJNNy4yODQsNi41NiwxMi45NjguODc2YS41MTIuNTEyLDAsMCwwLS43MjUtLjcyNUw2LjU1OSw1LjgzNS44NzUuMTUxQS41MTIuNTEyLDAsMCwwLC4xNS44NzZMNS44MzQsNi41Ni4xNSwxMi4yNDVhLjUxMi41MTIsMCwwLDAsLjcyNS43MjVMNi41NTksNy4yODVsNS42ODUsNS42ODVhLjUxMi41MTIsMCwxLDAsLjcyNS0uNzI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43NSA5Ljk4Mykgcm90YXRlKC00NSkiIGZpbGw9IiMzMzMiIHN0cm9rZT0iIzMzMyIgc3Ryb2tlLXdpZHRoPSIxIi8+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-plus:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC40MjMiIGhlaWdodD0iMTguNDIzIiB2aWV3Qm94PSIwIDAgMTguNDIzIDE4LjQyMyI+CiAgPGcgaWQ9ImljLXBsdXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjguMDg0IC0xMTUuMykiPgogICAgPHBhdGggaWQ9ImljLXBsdXMtMiIgZGF0YS1uYW1lPSJpYy1wbHVzIiBkPSJNNi42NjIsNiwxMS44Ni44QS40NjkuNDY5LDAsMSwwLDExLjIuMTM4TDYsNS4zMzcuOC4xMzhBLjQ2OS40NjksMCwwLDAsLjEzNy44TDUuMzM2LDZsLTUuMiw1LjJhLjQ2OS40NjksMCwwLDAsLjY2My42NjNMNiw2LjY2M2w1LjIsNS4yYS40NjkuNDY5LDAsMCwwLC42NjMtLjY2M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3Ny4zMTggMTE2LjgzMikgcm90YXRlKDQ1KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiLz4KICA8L2c+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-redeem-item:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-redeem-item.8059bfd.svg)
    }
    
    .tada-wallet-icons.ic-reward-menu:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-get-reward-menu.400c6fc.svg)
    }
    
    .tada-wallet-icons.ic-official-store:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-official-store.1267d87.svg)
    }
    
    .tada-wallet-icons.ic-rewards:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-rewards.a375a6d.svg)
    }
    
    .tada-wallet-icons.ic-scan:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-scan.779f974.svg)
    }
    
    .tada-wallet-icons.ic-show-white:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-show-white.5612ed1.svg)
    }
    
    .tada-wallet-icons.ic-trash:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-trash.2404b47.svg)
    }
    
    .tada-wallet-icons.ic-user:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-user.f0b3c17.svg)
    }
    
    .tada-wallet-icons.ic-wallet-white:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-wallet-white.e90e6b0.svg)
    }
    
    .tada-wallet-icons.ic-warning-red:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC45MiIgaGVpZ2h0PSIxOC4yIiB2aWV3Qm94PSIwIDAgMjAuOTIgMTguMiI+CiAgPGcgaWQ9ImljLXdhcm5pbmctcmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTczLjg2OSAtMjk3LjkpIj4KICAgIDxwYXRoIGlkPSJpYy13YXJuaW5nLXJlZC0yIiBkYXRhLW5hbWU9ImljLXdhcm5pbmctcmVkIiBkPSJNMTAuMzM0LDQ3LjgzMmEuODA3LjgwNywwLDEsMSwwLTEuNjE0aDBhLjgwNy44MDcsMCwxLDEsMCwxLjYxNFptLjgwNy0zLjYzMlYzOC4yNjdhLjgwNy44MDcsMCwxLDAtMS42MTQsMFY0NC4yYS44MDcuODA3LDAsMSwwLDEuNjE0LDBabTguOTQyLDUuMzU1YTMuMzM4LDMuMzM4LDAsMCwwLC4zNDctMy4xMTIuODA3LjgwNywwLDAsMC0xLjUuNiwxLjcyNSwxLjcyNSwwLDAsMS0uMTg0LDEuNjA4LDEuNywxLjcsMCwwLDEtMS40MzEuNzU2SDMuMzUyQTEuNzM0LDEuNzM0LDAsMCwxLDEuODc5LDQ2Ljc2bDYuOTgyLTExLjNhMS43MzEsMS43MzEsMCwwLDEsMi45NDYsMGw1LjE2Myw4LjM2YS44MDcuODA3LDAsMSwwLDEuMzczLS44NDhsLTUuMTYzLTguMzZhMy4zNDUsMy4zNDUsMCwwLDAtNS42OTMsMEwuNTA2LDQ1LjkxMkEzLjM0OCwzLjM0OCwwLDAsMCwzLjM1Miw1MS4wMkgxNy4zMTZBMy4zLDMuMywwLDAsMCwyMC4wODMsNDkuNTU1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc0IDI2NC45OCkiIGZpbGw9IiNjOTI4MjgiIHN0cm9rZT0iI2M5MjgyOCIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICA8L2c+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.img-pending:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/img-pending.62fde0c.svg)
    }
    
    .tada-wallet-icons.img-purchase:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/img-purchase.2fe96b0.svg)
    }
    
    .tada-wallet-icons.img-referral:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/img-referral.95e130e.svg)
    }
    
    .tada-wallet-icons.img-registered:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/img-registered.0fe38fa.svg)
    }
    
    .tada-wallet-icons.qr-code-white:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/qr-code-white.551d930.svg)
    }
    
    .tada-wallet-icons.referred-another:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/referred-another.0dd72a5.svg)
    }
    
    .tada-wallet-icons.ic-password-black:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS43NSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE1Ljc1IDE4Ij4KICA8ZyBpZD0iaWMtcGFzc3dvcmQtYmxhY2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMiAtMjQzKSI+CiAgICA8cGF0aCBpZD0iaWMtcGFzc3dvcmQiIGQ9Ik0zNS45MzgsMTEuNDYxYS43LjcsMCwwLDEsLjcuN2gwYS43LjcsMCwwLDEtMS40MDYsMGgwQS43LjcsMCwwLDEsMzUuOTM4LDExLjQ2MVptMS45MzQuN2gwYS43LjcsMCwwLDAsMS40MDYsMGgwYS43LjcsMCwwLDAtMS40MDYsMFptMi42MzcsMGgwYS43LjcsMCwxLDAsMS40MDYsMGgwYS43LjcsMCwxLDAtMS40MDYsMFptMi42NzIsMGgwYS43LjcsMCwwLDAsMS40MDYsMGgwYS43LjcsMCwwLDAtMS40MDYsMFptMy4xNjQtLjE0MXYtMi42YTEuNDA4LDEuNDA4LDAsMCwwLTEuNDA2LTEuNDA2SDM0LjgxM2ExLjQwOCwxLjQwOCwwLDAsMC0xLjQwNiwxLjQwNnY1Ljc2NmExLjQwOCwxLjQwOCwwLDAsMCwxLjQwNiwxLjQwNkg0NC45MzhhMS40MDgsMS40MDgsMCwwLDAsMS40MDYtMS40MDYuNy43LDAsMCwxLDEuNDA2LDBBMi44MTYsMi44MTYsMCwwLDEsNDQuOTM4LDE4SDM0LjgxM0EyLjgxNiwyLjgxNiwwLDAsMSwzMiwxNS4xODhWOS40MjJhMi44MTYsMi44MTYsMCwwLDEsMi44MTMtMi44MTJoLjg0MlY0LjEzYTQuMjIsNC4yMiwwLDAsMSw4LjQzOCwwdjIuNDhoLjg0NUEyLjgxNiwyLjgxNiwwLDAsMSw0Ny43NSw5LjQyMnYyLjZhLjcuNywwLDAsMS0xLjQwNiwwWk0zNy4wNjEsNi42MDloNS42MjVWNC4xM2EyLjgxNCwyLjgxNCwwLDAsMC01LjYyNSwwdjIuNDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDI0MykiIGZpbGw9IiMzMzMiLz4KICA8L2c+Cjwvc3ZnPgo=)
    }
    
    .tada-wallet-icons.ic-subscribe:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-subscribe.a1d548f.svg)
    }
    
    .tada-wallet-icons.ic-subscribe-white:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-subscribe-white.9fad8a9.svg)
    }
    
    .tada-wallet-icons.ic-cc-visa:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-cc-visa.a4a6699.svg)
    }
    
    .tada-wallet-icons.ic-qr-code-menu:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-qr-code-menu.06090bd.svg)
    }
    
    .tada-wallet-icons.ic-scan-to-earn:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-scan-qr-code.41c67b8.svg)
    }
    
    .tada-wallet-icons.ic-qr-code-light:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-16-qr-code-light-grey.bf85a5e.svg)
    }
    
    .tada-wallet-icons.ic-delivery-order:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-order.672067f.svg)
    }
    
    .tada-wallet-icons.ic-order-external:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-order-external.0b08936.svg)
    }
    
    .tada-wallet-icons.ic-evouchers:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-my-voucher.2a6c393.svg)
    }
    
    .tada-wallet-icons.ic-subscription:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-subscribe.a1d548f.svg)
    }
    
    .tada-wallet-icons.ic-referral:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-referral.3b81212.svg)
    }
    
    .tada-wallet-icons.ic-withdrawal:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-withdrawal.bef5fd0.svg)
    }
    
    .tada-wallet-icons.ic-pay:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-pay.5c6eece.svg)
    }
    
    .tada-wallet-icons.ic-virtual-franschisee:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-virtual-franschisee.c265f59.svg)
    }
    
    .tada-wallet-icons.ic-privilege:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-privilege.bd50ac4.svg)
    }
    
    .tada-wallet-icons.ic-more-menu:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-more-menu.13ca341.svg)
    }
    
    .tada-wallet-icons.ic-add-cart:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-add-cart.19ea7c7.svg)
    }
    
    .tada-wallet-icons.ic-cart:before {
      content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy42MzIiIGhlaWdodD0iMTcuNDMiIHZpZXdCb3g9IjAgMCAxNy42MzIgMTcuNDMiPgogIDxnIGlkPSJpYy1jYXJ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDMuNjQzIC05NzkuNjQyKSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xMDExIiBkYXRhLW5hbWU9IlBhdGggMTAxMSIgZD0iTTE2LjU1MSwzLjg0OEgzLjQ3TDMuMiwyLjM1NUEyLjIyNywyLjIyNywwLDAsMCwxLjQuNTU1TC40MzIuMzg0YS4zNzEuMzcxLDAsMSwwLS4xMy43M2wuOTcxLjE3YTEuNDgyLDEuNDgyLDAsMCwxLDEuMiwxLjJsMS4zMTEsNy40YTEuODQ5LDEuODQ5LDAsMCwwLDEuODIzLDEuNTNoNy43OEExLjg0NywxLjg0NywwLDAsMCwxNS4xNjIsMTAuMUwxNi45LDQuMzI2QS4zODcuMzg3LDAsMCwwLDE2Ljg0OCw0LC4zNzUuMzc1LDAsMCwwLDE2LjU1MSwzLjg0OFptLTIuMSw2LjAzMWExLjEsMS4xLDAsMCwxLTEuMDYzLjc4OUg1LjYxMUExLjEwNiwxLjEwNiwwLDAsMSw0LjUxOSw5Ljc1TDMuNiw0LjU4NUgxNi4wNTVabTAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQuMDA0IDk3OS42MjEpIiBmaWxsPSIjMzMzIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMC43Ii8+CiAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzEwNiIgZGF0YS1uYW1lPSJFbGxpcHNlIDEwNiIgY3g9IjEuNzUiIGN5PSIxLjc1IiByPSIxLjc1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OC43MTggOTkyLjk3MikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KICAgIDxjaXJjbGUgaWQ9IkVsbGlwc2VfMTA3IiBkYXRhLW5hbWU9IkVsbGlwc2UgMTA3IiBjeD0iMS43NSIgY3k9IjEuNzUiIHI9IjEuNzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0LjU3OSA5OTIuOTcyKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjEuMiIvPgogIDwvZz4KPC9zdmc+Cg==)
    }
    
    .tada-wallet-icons.ic-star-empty:before {
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAjCAYAAAAXMhMjAAAAAXNSR0IArs4c6QAAA11JREFUWAntmE1oE0EUx5s0SWO1gtG2krQNFIO29VBEFEVKsSAo1C8QVOpBUVQUDyLqRS/qwZvgUbyooKAoghcvBb1UUKGgBSV6SFLbNHpRL00TE38TOyFstzP7kRoPLkxn3puZ//v1zc7uZD11VbjS6fTimZmZK0gt9Xg819vb2+NVkK3zuBUpFoueVCr1Ep0tQgs74/V61wH4xa22163A+Pj4HjRKYEKLzLUUCoULbnXFfNdwgFwyATmWyWRWmvhtuVzBJZPJnWSq1xgRX3B6evq80W/XdgVHMLOsSYbjbJQWaTipHcOxCXYQcL0iaGM2mz2n6Nd2OYZjV17WqbO8JycmJlboxs3X7wiOe20bghvnE63wL8nn82crbFtNR3BWsiYpGHs6kUgsk7adWvkQRjgwOTnZmcvlYixRDGFR1lD6KXau9wx+S4mjGff5fPFAIPCpubn5p0qkDDf73x0CYjUTYoisoh2l7Si7qqCyjxhTxBCvuhK03+9/Eg6HP8j+EhxgPQx6gXO57KhFDWyOV98RXn33RPxSVgA7QLumYAIGDj9vnBOiLS65ZGN/zH/ib5mlBEcaH4L1vNZoLGuCzXJVcshlzQO4i85nsqMG9Wc2RF8kEknJ2HJZxXpnOzo69tLxWHb+rZqkfCRWHzs1WRmz/CiRTgb6eG/exd4vfQtcjzU0NAy0trZOGeOUMyc7yKBY4iHsO9K3UDWJGOUe6zcDEzHnwAkngL8APMzkW8JeoOsNultZym/z6c9Z1sqBwInfBzfxnar0u22jO9LU1LQ9FAp9V2mZZk5OIIPFYDB4UdrVquvr66/pwEQsJZwYwHG7S9TVvMhctxU9LRwia60I2RkDnCXN/3DGrHIvd5E9bWK0AxDuMYpXwV7Ej/FOnY4SbvYAGtGJOOm3ct8p4QhqJ2uvCfiIOUWLsNpNoYTj3tAKAPKOsptDw4ZoNLpPfMQB0srpRquthCOI6nkkzv4Hec31AvZUZqutrW0UyEEgNzF/WPpNau3zUwlH5jImokn8R4HqBuo+7YLJmDogXwE5AOQAkCPGMfi+Gn1GWwf3ABFx1hLf3dKAnAEqRrlNO28UM7OBHAZyM/MHKaOzWj+ob5iNt+Xjc0Ijv/DDCCsPCVZFOUiErH6i+A1KPyBRwy+BBgAAAABJRU5ErkJggg==)
    }
    
    .tada-wallet-icons.ic-star-empty-2:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-star-empty@2x.35c2e8c.png)
    }
    
    .tada-wallet-icons.ic-star-fill:before {
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAjCAYAAAAXMhMjAAAAAXNSR0IArs4c6QAAA2NJREFUWAnNWEtrU0EYPdNatVUEH7jQRakYtNVFKaVqW18tCoqKCiIKCooLQXAhoj9AN+4El6IrQcGiCLpwU1FTU2jFiAaU6MKCEqsgtSJqH+OZJhNvzL0zk9wk7ZTbmfm+b853eubO41agBEW+xDyM4gKhFmAWLon1SJYAFiIsiJTE6MMT4nRmsIZRhRbRjo9hsavCApDYPg8xBbcUkzgfGpcA4ZWL4gVxmnPISPzCHDSINqRy7AV2Qikno9iTR0wREJiLPzhXIJe88FDKkdwAEVvzUNOGnyTZIDowHOC3motWjsR2Ej2ImEpcB4mzVgaGgKKVk0/RT2XWGbBBcj9QS/Va8dUYF+AsSjnZh+1WYiqhwHwujTMBua3mopSjalEm7rCipwNGqWC92IhvjvHZMCM5mcBsjGAFJhDhxhphkghHruazJYvg1njNsOccn+QflSRWknvhO9HJc8VQsuSoxkLGHeGzigCKyErW9ewXNfWGnF7XZ3aSHtJ3ebK80QFT5Ljy1tDwmM9i7ZimeoyCHOf2c0PlT6sicYjt6Sam+NRwuk+qhip6yhLp7oz4neWSJjeO25z3hzOA2gcqd1Hz+LcgkjyqU+jhnO/SzgrX75mviyt4SOfV0woRwW/u5vvpuKOdFazfMtcmLzGVO0tOdXjMjPHnIKf4lupXqCR4e95MYp/+z5edVq+Dt9tqXiKv03bUay9DO87L1bagszdHOZ1cCJ4JHThGBa9qWxnqQeJ3BRFT+XyV00Qy3wdX2D+lbSWqY1RsB4mNmPCM5NRA+Yg3ixrzGWhK4OvjjsBT4IGvz2P0nVaPHzz6G3P6pehINLnA2MkBa12ACoxxwrSTmywDOemGaScn3IAKUk6gkYvNmtsawKTqOlXqUosYL7GWYiSXuYAut2AU67a+d0Zy3AULUW2Am2oPmUonthP218VMzm2lvuIfsZdnYxs/Yg6w3UJ6960EHd5lG7ng/Uh9rEgc5jHXzA31nibDdpwkd7O/gU+vtufV0r5/mslJ338lDDHRCYyjiSRu8hyezEtMA5Xs59NNJbvZjfnEfPGx5ZjM5Kqnrk7qrqXepBQTneY3WoRJr4mtpOdQqGQv49s5XqkZzwz5zvqyw3BziBxEHb/Olk1dAsyhTl75DIuIucQl+C/F17gxR/ip0gAAAABJRU5ErkJggg==)
    }
    
    .tada-wallet-icons.ic-star-fill-2:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-star-fill@2x.ec7df60.png)
    }
    
    .tada-wallet-icons.ic-star-half:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-star-half.b84da34.png)
    }
    
    .tada-wallet-icons.ic-star-half-2:before {
      content: url(https://d2jha2rr7vq42v.cloudfront.net/tada-wallet-web/production/3.31.2/img/ic-star-half@2x.8c60780.png)
    }
    
    textarea {
      border: 1px solid rgba(51, 51, 51, 0.1);
      padding: 15px
    }
    
    .select-container {
      border: 1px solid rgba(51, 51, 51, 0.3);
      border-radius: 4px;
      line-height: 15px
    }
    
    div>.has-danger .select-container {
      border: 1px solid #cf2c00
    }
    
    div>.has-danger .select-container label {
      color: #cf2c00
    }
    
    div>.has-danger span {
      color: #cf2c00;
      letter-spacing: .1px
    }
    
    div>.has-value .select-container {
      border: 1px solid rgba(51, 51, 51, 0.3)
    }
    
    div>.has-value .select-container label {
      color: rgba(51, 51, 51, 0.3)
    }
    
    div>.has-value span {
      color: rgba(51, 51, 51, 0.3);
      letter-spacing: .1px
    }
    
    div>.has-disabled .select-container {
      border: 1px solid rgba(51, 51, 51, 0.1);
      background-color: rgba(51, 51, 51, 0.05)
    }
    
    @font-face {
      font-family: 'Metric';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/MetricApp-Regular.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Metric-Semibold';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/MetricApp-Semibold.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Metric-SemiboldItalic';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/MetricApp-SemiboldItalic.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Metric-RegularItalic';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/MetricApp-RegularItalic.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Source Sans Pro';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/source-sans-pro/SourceSansPro-Regular.ttf") format("truetype");
      font-display: swap;
      font-weight: normal;
      font-style: normal
    }
    
    @font-face {
      font-family: 'Source Sans Pro Bold';
      src: url("https://d2jha2rr7vq42v.cloudfront.net/fonts/source-sans-pro/SourceSansPro-Bold.ttf") format("truetype");
      font-display: swap;
      font-weight: bold;
      font-style: normal
    }
    
    .el-checkbox {
      display: flex;
      position: relative;
      justify-content: space-between
    }
    
    .el-checkbox__input {
      cursor: pointer;
      outline: 0;
      line-height: 1;
      vertical-align: middle
    }
    
    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: var(--primary-button);
      border-color: var(--primary-button)
    }
    
    .el-checkbox__inner {
      display: inline-block;
      position: relative;
      border: 1px solid var(--primary-button);
      border-radius: 2px;
      box-sizing: border-box;
      width: 14px;
      height: 14px;
      z-index: 1;
      transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46)
    }
    
    .el-checkbox__original {
      opacity: 0;
      outline: 0;
      position: absolute;
      margin: 0;
      width: 0;
      height: 0;
      z-index: -1
    }
    
    .el-checkbox__input.is-checked .el-checkbox__inner:after {
      transform: rotate(45deg) scaleY(1)
    }
    
    .el-checkbox__inner:after {
      box-sizing: content-box;
      content: '';
      border: 1px solid #ffffff;
      border-left: 0;
      border-top: 0;
      height: 7px;
      left: 4px;
      position: absolute;
      top: 1px;
      transform: rotate(45deg) scaleY(0);
      width: 3px;
      transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
      transform-origin: center
    }
    
    .el-checkbox__label {
      padding-left: 10px;
      display: inline-block;
      text-align: left
    }
    
    input[type=checkbox],
    input[type=radio] {
      box-sizing: border-box;
      padding: 0
    }
    
    #checkbox-term .el-checkbox__inner {
      margin-top: 10px
    }
    
    #checkbox-term .el-checkbox__label {
      padding-left: 17px;
      display: inline-block;
      text-align: left
    }
    
    #survey .el-checkbox {
      display: flex;
      position: relative;
      justify-content: flex-start
    }
    
    #survey .el-checkbox__label {
      padding-left: 10px;
      display: inline-block;
      text-align: left;
      display: flex;
      align-items: center;
      align-self: center;
      align-content: center;
      margin-top: -3px;
      font-size: 16px
    }
    
    .select-birthday {
      background-color: #ffffff;
      border: 1px solid rgba(51, 51, 51, 0.1);
      border-radius: 4px;
      height: 200px !important;
      z-index: 11 !important
    }
    
    .select-birthday>.el-scrollbar>.el-scrollbar__wrap>.el-select-dropdown__list {
      height: 200px;
      overflow: scroll
    }
    
    .select-birthday>.el-scrollbar>.el-scrollbar__wrap>.el-select-dropdown__list li {
      height: 40px;
      margin: 5px 0;
      line-height: 35px
    }
    
    .select-birthday>.el-scrollbar>.el-scrollbar__wrap>.el-select-dropdown__list li span {
      margin: 0 auto
    }
    
    #nav-tabs-redeem .el-tabs__header {
      top: 105px;
      position: fixed
    }
    
    #nav-tabs-redeem .el-radio__input.is-disabled+span.el-radio__label {
      color: #c0c4cc;
      cursor: not-allowed
    }
    
    #nav-tabs-redeem .el-radio__input.is-disabled .el-radio__inner {
      background-color: #f5f7fa;
      border-color: #e4e7ed;
      cursor: not-allowed
    }
    
    #nav-tabs-redeem .el-tabs__item {
      font-weight: 600;
      white-space: nowrap;
      margin-right: 10px;
      line-height: 0;
      position: inherit
    }
    
    #nav-tabs-redeem .el-tabs__item:last-child {
      margin-right: 15px
    }
    
    #nav-tabs-redeem.store-inactive .el-tabs__header {
      top: 195px
    }
    
    #nav-tabs-selling .el-tabs__header,
    #nav-tabs-redeem .el-tabs__header,
    #nav-tabs-sell-detail .el-tabs__header {
      padding: 0;
      background: white;
      z-index: 1;
      overflow-x: auto;
      overflow-y: hidden;
      width: 100%;
      max-width: 480px;
      display: -webkit-box;
      display: -moz-box;
      text-transform: uppercase
    }
    
    #nav-tabs-selling .el-tabs__nav,
    #nav-tabs-redeem .el-tabs__nav,
    #nav-tabs-sell-detail .el-tabs__nav {
      padding: 5px 0 15px 0
    }
    
    #nav-tabs-selling .el-tabs__item.is-active,
    #nav-tabs-redeem .el-tabs__item.is-active,
    #nav-tabs-sell-detail .el-tabs__item.is-active {
      background-color: #FFF6EF;
      border: 1px solid var(--primary-button);
      color: var(--primary-button)
    }
    
    #nav-tabs-selling .el-tabs__item,
    #nav-tabs-redeem .el-tabs__item,
    #nav-tabs-sell-detail .el-tabs__item {
      background-color: #F2F5F8;
      border: 1px solid #F2F5F8;
      border-radius: 14px;
      display: inline;
      flex: 0;
      padding: 4px 12px
    }
    
    #nav-tabs-voucher .el-tabs__header,
    .nav-tabs .el-tabs__header {
      padding: 0;
      position: relative;
      background: white;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      display: -webkit-box;
      display: -moz-box;
      text-align: center;
      display: flex;
      max-width: 480px;
      justify-content: center;
      border-top: 1px solid #e4e7ed
    }
    
    #nav-tabs-voucher .el-tabs__active-bar,
    .nav-tabs .el-tabs__active-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      float: none;
      height: 4px;
      background-color: var(--primary-button);
      z-index: 1;
      transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      list-style: none;
      border-radius: 10px 10px 0 0
    }
    
    #nav-tabs-voucher .el-tabs__nav-wrap,
    .nav-tabs .el-tabs__nav-wrap {
      margin-bottom: -1px;
      position: relative;
      width: 100%
    }
    
    #nav-tabs-voucher .el-tabs__nav-scroll,
    .nav-tabs .el-tabs__nav-scroll {
      overflow-x: auto;
      float: none;
      width: 100%
    }
    
    #nav-tabs-voucher .el-tabs__nav,
    .nav-tabs .el-tabs__nav {
      display: flex;
      justify-content: space-between
    }
    
    #nav-tabs-voucher .el-tabs__item,
    .nav-tabs .el-tabs__item {
      box-sizing: border-box;
      line-height: 50px;
      height: 55px;
      display: inline-block;
      list-style: none;
      font-size: 14px;
      font-weight: 500;
      color: #303133;
      width: 100%;
      position: relative;
      font-weight: 600
    }
    
    #nav-tabs-voucher .el-tabs__item:last-child,
    .nav-tabs .el-tabs__item:last-child {
      padding-right: 0
    }
    
    #nav-tabs-voucher .el-tabs__item.is-active,
    .nav-tabs .el-tabs__item.is-active {
      color: var(--primary-button)
    }
    
    .el-tabs__content {
      position: relative
    }
    
    .el-tabs__nav-wrap {
      margin-bottom: -1px;
      position: relative
    }
    
    .el-tabs__nav-scroll {
      overflow-x: auto;
      float: none;
      padding: 2px 0 0 15px
    }
    
    .el-tabs__nav {
      white-space: nowrap;
      position: relative;
      transition: transform 0.3s;
      float: none;
      z-index: 2
    }
    
    .el-tabs__active-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      float: none;
      height: 4px;
      background-color: var(--primary-button);
      z-index: 1;
      transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
      list-style: none;
      border-radius: 10px 10px 0 0
    }
    
    .el-tabs__item {
      padding: 0 20px;
      height: 40px;
      box-sizing: border-box;
      line-height: 40px;
      display: inline-block;
      list-style: none;
      font-size: 14px;
      font-weight: 500;
      color: #303133;
      position: relative
    }
    
    .el-tabs__item.is-active {
      color: var(--primary-button)
    }
    
    .el-tabs__item:hover {
      color: var(--primary-button);
      cursor: pointer
    }
    
    .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
    .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
    .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
    .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
      padding-left: 0
    }
    
    .el-tabs__nav-wrap:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2px;
      background-color: #e4e7ed;
      z-index: 1
    }
    
    .el-tabs__content {
      position: relative
    }
    
    #nav-tabs-selling,
    #nav-tabs-sell-detail {
      overflow: scroll
    }
    
    #nav-tabs-selling .el-tabs__header,
    #nav-tabs-sell-detail .el-tabs__header {
      overflow: scroll
    }
    
    #nav-tabs-selling .el-tabs__nav-wrap:after,
    #nav-tabs-sell-detail .el-tabs__nav-wrap:after {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #e4e7ed;
      z-index: 1
    }
    
    #nav-tabs-selling .el-tabs__item,
    #nav-tabs-sell-detail .el-tabs__item {
      height: auto;
      line-height: 28px;
      margin: 0 5px;
      font-weight: 700
    }
    
    #nav-tabs-selling .el-tabs__nav-scroll,
    #nav-tabs-sell-detail .el-tabs__nav-scroll {
      overflow-x: auto;
      float: none;
      padding: 10px
    }
    
    #nav-tabs-selling .el-tabs__active-bar,
    #nav-tabs-sell-detail .el-tabs__active-bar {
      background-color: transparent;
      border: none
    }
    
    #nav-tabs-sell-detail .el-tabs__header.is-top .el-tabs__nav-wrap.is-top::after {
      display: none
    }
    
    #nav-tabs-sell-detail .el-tabs__item {
      margin: 0;
      margin-right: 5px
    }
    
    #nav-tabs-sell-detail .el-tabs__nav-scroll {
      padding-left: 0
    }
    
    #nav-tabs-redeem.el-tabs__has-dropdown .el-tabs__header {
      width: 87.5vw
    }
    
    @media screen and (min-width: 480px) {
      #nav-tabs-redeem.el-tabs__has-dropdown .el-tabs__header {
        width: 430px
      }
    }
    
    .el-input__inner {
      width: 100%
    }
    
    .el-input__inner {
      width: 100%
    }
    
    .vue-slider-rail {
      background-color: #DFE4E8 !important
    }
    
    .vue-slider-rail .vue-slider-process {
      background-color: var(--primary-button)
    }
    
    .vue-slider-rail .vue-slider-dot-handle {
      box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.5)
    }
    
    .tns-nav {
      position: relative;
      display: flex;
      justify-content: center;
      bottom: 20px
    }
    
    .tns-nav button {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: rgba(51, 51, 51, 0.1);
      margin: 0 5px
    }
    
    .tns-nav .tns-nav-active {
      background-color: var(--primary-button) !important
    }
    
    .tns-ovh {
      background: transparent
    }
    
    .el-switch.is-checked .el-switch__core {
      border-color: var(--primary-button) !important;
      background-color: var(--primary-button) !important
    }
    
    .el-collapse {
      border: none
    }
    
    .el-collapse .el-collapse-item__header {
      height: 70px
    }
    
    .el-collapse .el-collapse-item__header i {
      color: rgba(51, 51, 51, 0.4);
      width: 10px;
      font-size: 20px;
      font-weight: 700
    }
    
    .el-collapse .el-collapse-item__header i.is-active {
      transform: rotate(-90deg)
    }
    
    .el-collapse .el-collapse-item:last-child .el-collapse-item__header {
      border: none
    }
    
    .md-radio {
      margin: 0px 15px 0 0 !important;
      font-size: 16px
    }
    
    .md-radio .md-radio-container {
      border: 1px solid var(--primary-button) !important
    }
    
    .md-radio .md-radio-label {
      padding-left: 10px !important;
      font-size: 16px
    }
    
    .md-radio.md-checked .md-radio-container:after {
      background-color: var(--primary-button)
    }
    
    .md-field .md-disabled label,
    .md-theme-default .md-disabled label {
      display: block !important
    }
    
    .md-field {
      padding-top: 0px !important;
      margin: 0 !important;
      min-height: 40px !important;
      font-size: 14px
    }
    
    .md-field .md-field .md-input,
    .md-field .md-field .md-textarea,
    .md-theme-default .md-field .md-input,
    .md-theme-default .md-field .md-textarea {
      border: 1px solid #EAEAEA;
      border-radius: 4px;
      height: 48px;
      padding: 10px
    }
    
    .md-field .md-disabled label,
    .md-theme-default .md-disabled label {
      display: none
    }
    
    .md-field .md-focused .md-input,
    .md-theme-default .md-focused .md-input {
      border: 1px solid var(--primary-button)
    }
    
    .md-field .md-focused label,
    .md-theme-default .md-focused label {
      color: var(--primary-button) !important
    }
    
    .md-field .md-invalid .md-input,
    .md-theme-default .md-invalid .md-input {
      border: 1px solid #AD3232
    }
    
    .md-field .md-input[disabled],
    .md-field .md-field .md-textarea[disabled],
    .md-theme-default .md-input[disabled],
    .md-theme-default .md-field .md-textarea[disabled] {
      background-color: rgba(51, 51, 51, 0.05);
      border: 1px solid rgba(51, 51, 51, 0.1)
    }
    
    .md-field .md-field label,
    .md-theme-default .md-field label {
      top: 14px;
      left: 15px;
      font-size: 16px;
      color: rgba(51, 51, 51, 0.3)
    }
    
    .md-field .md-input,
    .md-field .md-textarea {
      font-size: 14px
    }
    
    .md-field.md-focused label,
    .md-field.md-has-value label {
      left: 10px;
      top: -10px !important;
      background-color: #FFFFFF
    }
    
    .md-input-sm>label {
      top: 10px !important
    }
    
    .md-input-sm>input {
      height: 42px !important;
      font-size: 0.875rem !important;
      line-height: 1.5 !important;
      padding: 0.25rem 0.5rem !important
    }
    
    .md-field.md-has-password .md-toggle-password {
      position: absolute !important;
      height: 100% !important;
      top: 0 !important;
      right: 10px !important;
      bottom: 0 !important;
      z-index: 1
    }
    
    .md-field.md-has-password .md-toggle-password svg {
      fill: rgba(0, 0, 0, 0.54);
      height: 20px !important;
      width: 20px !important
    }
    
    .md-textarea {
      min-height: 48px !important
    }
    
    .md-field.md-focused label,
    .md-field.md-has-value label {
      font-size: 16px;
      outline: 5px solid #FFFFFF
    }
    
    .md-tooltip {
      white-space: normal !important;
      max-width: 300px;
      background-color: #333333;
      border-radius: 6px !important;
      color: #FFFFFF;
      font-size: 12px !important;
      height: auto !important;
      line-height: 16px !important;
      padding: 5px 10px !important
    }
    
    .md-checkbox {
      margin: 0 16px 0 0 !important
    }
    
    .md-checkbox.md-theme-default.md-checked .md-checkbox-container {
      background-color: #ff5252;
      background-color: var(--md-theme-default-accent, #ff5252);
      border-color: #ff5252;
      border-color: var(--md-theme-default-accent, #ff5252)
    }
    
    .md-checkbox.md-theme-default.md-checked .md-checkbox-container::after {
      border-color: #fff;
      border-color: var(--md-theme-default-background, #fff)
    }
    
    .md-checkbox.md-theme-default.md-checked .md-ripple {
      color: #ff5252;
      color: var(--md-theme-default-accent, #ff5252)
    }
    
    .md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container {
      border-color: rgba(0, 0, 0, 0.54);
      background-color: rgba(255, 255, 255, 0.3)
    }
    
    .md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container::after {
      border-color: rgba(0, 0, 0, 0.54)
    }
    
    .md-checkbox.md-theme-default.md-indeterminate .md-ripple {
      color: rgba(0, 0, 0, 0.54)
    }
    
    .md-checkbox.md-theme-default.md-checked.md-primary .md-checkbox-container {
      background-color: var(--primary-button);
      background-color: var(--md-theme-default-primary, var(--primary-button));
      border-color: var(--primary-button);
      border-color: var(--md-theme-default-primary, var(--primary-button))
    }
    
    .md-checkbox.md-theme-default.md-checked.md-primary .md-ripple {
      color: var(--primary-button);
      color: var(--md-theme-default-primary, var(--primary-button))
    }
    
    .md-checkbox.md-theme-default .md-checkbox-container {
      border-color: rgba(0, 0, 0, 0.54)
    }
    
    .md-checkbox.md-theme-default.md-disabled .md-checkbox-container {
      border-color: rgba(0, 0, 0, 0.26)
    }
    
    .md-checkbox.md-theme-default.md-disabled.md-checked .md-checkbox-container {
      border-color: rgba(0, 0, 0, 0.26);
      background-color: rgba(0, 0, 0, 0.26)
    }
    
    .date-time-picker input {
      border: 1px solid #EAEAEA !important;
      height: 48px !important
    }
    
    .date-time-picker input:focus {
      border-color: var(--primary-button) !important
    }
    
    .introjs-tooltip {
      min-width: 330px;
      max-width: 330px
    }
    
    .introjs-helperNumberLayer,
    .introjs-bullets,
    .introjs-skipbutton {
      display: none !important
    }
    
    .introjs-tooltiptext {
      font-size: 14px
    }
    
    .introjs-donebutton {
      color: #959DA3;
      background: transparent;
      font-weight: 700;
      border: none
    }
    
    :root {
      --primary-button: #F96D01;
      --primay-text-button: #fff
    }
    
    html,
    body {
      font-weight: 500;
      font-size: 16px;
      color: #333;
      -webkit-font-smoothing: antialiased;
      cursor: default;
      min-height: 100%
    }
    
    @media screen and (min-width: 480px) {
    
      html,
      body {
        background: #ebebeb;
        margin: 0 auto
      }
    }
    
    section.section--with-padding {
      padding-top: 15px;
      padding-bottom: 15px
    }
    
    section.section--full-height {
      min-height: calc(100vh - 0px)
    }
    
    @media (max-width: 600px) {
      section.section--full-height {
        min-height: calc(100vh - 56px - 0px)
      }
    }
    
    section.section--border-top-bottom {
      border-top: 1px solid #EAEAEA;
      border-bottom: 1px solid #EAEAEA
    }
    
    section.section--has-border-top {
      border-top: 1px solid #EAEAEA
    }
    
    section.section--position-fixed-bottom {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      max-width: 480px;
      z-index: 999999999
    }
    
    hr.light-grey {
      height: 1px;
      background-color: #EAEAEA;
      border: none
    }
    
    h1 {
      font-size: 3.5em
    }
    
    h2 {
      font-size: 2.5em
    }
    
    h3 {
      font-size: 2em
    }
    
    h4 {
      font-size: 1.3em
    }
    
    .navbar-container {
      padding: 15px
    }
    
    @media screen and (min-width: 480px) {
      .navbar-container {
        max-width: 480px;
        margin: 0 auto
      }
    }
    
    .main-panel>div {
      transition: all 0.15s cubic-bezier(0.55, 0, 0.1, 1)
    }
    
    .slide-left-enter,
    .slide-left-enter-active,
    .slide-right-leave-active {
      display: inline-block;
      position: relative;
      width: 100%;
      opacity: 0;
      transform: translate(30px, 0);
      -ms-transform: translate(30px, 0);
      -webkit-transform: translate(30px, 0);
      -moz-transform: translate(30px, 0);
      -o-transform: translate(30px, 0)
    }
    
    .slide-left-leave-active,
    .slide-right-enter,
    .slide-right-enter-active {
      display: inline-block;
      position: relative;
      width: 100%;
      opacity: 0;
      transform: translate(-30px, 0);
      -ms-transform: translate(-30px, 0);
      -webkit-transform: translate(-30px, 0);
      -moz-transform: translate(-30px, 0);
      -o-transform: translate(-30px, 0)
    }
    
    .slide-vertical-enter {
      transform: translate(0, -50px);
      -ms-transform: translate(0, -50px);
      -webkit-transform: translate(0, -50px);
      -moz-transform: translate(0, -50px);
      -o-transform: translate(0, -50px)
    }
    
    .slide-vertical-enter.absolute {
      position: absolute;
      width: 100%
    }
    
    .slide-vertical-enter-to {
      transition: .5s;
      transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0)
    }
    
    .slide-vertical-enter-to.absolute {
      z-index: 3;
      position: absolute;
      width: 100%
    }
    
    .slide-vertical-leave {
      transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0)
    }
    
    .slide-vertical-leave.absolute {
      position: absolute;
      width: 100%
    }
    
    .slide-vertical-leave-to {
      transition: .5s;
      transform: translate(0, -50px);
      -ms-transform: translate(0, -50px);
      -webkit-transform: translate(0, -50px);
      -moz-transform: translate(0, -50px);
      -o-transform: translate(0, -50px)
    }
    
    .slide-vertical-leave-to.absolute {
      z-index: 2;
      position: absolute;
      width: 100%
    }
    
    .c-pointer {
      cursor: pointer
    }
    
    .c-not-allowed {
      cursor: not-allowed
    }
    
    .copied-toast {
      border-radius: 8px;
      font-weight: bold;
      background-color: #000;
      padding: 8px 12px;
      box-shadow: 0px 2px 4px #0000001a;
      position: absolute;
      bottom: 15vh;
      color: #fff;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      width: max-content;
      z-index: 10
    }
    
    .has-horizontal-scrollbar::-webkit-scrollbar {
      display: inherit;
      width: 100%;
      height: 8px
    }
    
    .has-horizontal-scrollbar::-webkit-scrollbar-track {
      background: #fafafa;
      border-bottom: 1px solid #ededed;
      border-top: 1px solid #ededed
    }
    
    .has-horizontal-scrollbar::-webkit-scrollbar-thumb {
      -webkit-border-radius: 6px;
      border-radius: 6px;
      background: #c2c2c2
    }
    
    .has-horizontal-scrollbar::-webkit-scrollbar-thumb:window-inactive {
      background: #c2c2c2
    }
    
    @media only screen and (max-width: 480px) {
      .has-horizontal-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none
      }
    
      .has-horizontal-scrollbar::-webkit-scrollbar {
        display: none
      }
    }
    
    @supports (-webkit-overflow-scrolling: touch) {
    
      select,
      textarea,
      input {
        font-size: 16px
      }
    }
    
    .landing-page {
      background-color: white;
      font-family: 'Metric';
      height: 100vh;
      position: relative
    }
    
    .banner-landing-container {
      width: 100%;
      overflow: hidden
    }
    
    .banner-landing-container .banner-landing {
      position: relative
    }
    
    .banner-landing-container .banner-landing-image {
      height: auto;
      width: 100%
    }
    
    .banner-landing-container .banner-landing__action--top-right {
      display: flex;
      justify-content: flex-end;
      position: absolute;
      padding: 15px;
      width: 100%;
      z-index: 2
    }
    
    .banner-landing-container .banner-landing-logo {
      width: 25%;
      position: absolute;
      top: 30px;
      left: 0
    }
    
    .banner-landing-container .banner-landing-logo>img {
      width: 100%
    }
    
    .banner-landing-container .banner-landing-content {
      position: absolute;
      bottom: 0;
      text-align: center;
      margin: 0 auto;
      padding: 20px 20px 60px 20px;
      width: 100%
    }
    
    .banner-landing-container .banner-landing-content .title {
      font-family: 'Metric-Semibold';
      text-transform: uppercase;
      font-size: 28px;
      line-height: 36px;
      word-break: break-word
    }
    
    .banner-landing-container .banner-landing-content .caption {
      font-size: 15px
    }
    
    .banner-landing-container .banner-landing-content .btn-submit {
      font-weight: 600
    }
    
    .banner-landing-container .banner-landing-content .input input {
      background-color: #FFFFFF;
      padding-left: 75px;
      border-radius: 4px;
      font-size: 16px
    }
    
    .banner-landing-container .banner-landing-content--center {
      width: 280px;
      margin: 0 auto
    }
    
    .footer-landing {
      height: auto;
      width: 100%;
      position: relative
    }
    
    .footer-landing-image {
      height: auto;
      width: 100%
    }
    
    .footer-landing-content {
      font-family: 'Metric';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
      width: 100%
    }
    
    .footer-landing-content__powered {
      margin-top: 30px
    }
    
    .footer-landing-content__powered a {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 0.75rem;
      color: #333333
    }
    
    .footer-landing-content__has-extra-bottom-spaces {
      margin-bottom: 100px
    }
    
    .footer-landing-content--center {
      width: 280px;
      margin: 0 auto
    }
    
    .footer-landing-content .title {
      font-family: 'Metric-Semibold';
      text-transform: uppercase;
      font-size: 28px;
      line-height: 1.1
    }
    
    .footer-landing-content .caption {
      font-size: 15px
    }
    
    .footer-landing-content .btn-submit {
      font-weight: 600
    }
    
    .footer-landing-content .input input {
      background-color: #FFFFFF;
      padding-left: 75px;
      border-radius: 4px
    }
    
    .qrcode-scanner {
      position: fixed;
      height: 100%;
      width: 100%;
      max-width: 480px
    }
    
    .qrcode-scanner--stream .qrcode-scanner__header {
      color: #ffffff
    }
    
    .qrcode-scanner--stream .qrcode-scanner__area {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0
    }
    
    .qrcode-scanner--capture .qrcode-scanner__area {
      position: absolute;
      left: 0;
      top: 70px;
      right: 0;
      bottom: 136px
    }
    
    .qrcode-scanner__header {
      display: flex;
      align-items: center;
      height: 70px;
      overflow: hidden;
      padding: 15px;
      position: absolute;
      width: 100%;
      z-index: 2
    }
    
    .qrcode-scanner__area {
      z-index: 1
    }
    
    .qrcode-scanner__back {
      background: #ffffff;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 30px;
      width: 30px;
      box-shadow: 0px 2px 4px #0000001a
    }
    
    .qrcode-scanner__back>img {
      height: 16px
    }
    
    .qrcode-scanner__title {
      display: flex;
      flex: 1;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding-left: 10px;
      margin-right: 40px
    }
    
    .qrcode-scanner__card {
      background: #ffffff;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      box-shadow: 0px 0px 12px #0000001a;
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      z-index: 2;
      overflow: hidden;
      width: 100%;
      padding: 23px 15px
    }
    
    .vf-items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%
    }
    
    .vf-items__block {
      padding: 5px;
      margin: 0 0 5px;
      width: 100%;
      box-sizing: border-box
    }
    
    .el-switch {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      font-size: 14px;
      line-height: 20px;
      height: 20px;
      vertical-align: middle
    }
    
    .el-switch.is-disabled .el-switch__core,
    .el-switch.is-disabled .el-switch__label {
      cursor: not-allowed
    }
    
    .el-switch__core,
    .el-switch__label {
      display: inline-block;
      cursor: pointer;
      vertical-align: middle
    }
    
    .el-switch__label {
      -webkit-transition: .2s;
      transition: .2s;
      height: 20px;
      font-size: 14px;
      font-weight: 500;
      color: #303133
    }
    
    .el-switch__label.is-active {
      color: #409EFF
    }
    
    .el-switch__label--left {
      margin-right: 10px
    }
    
    .el-switch__label--right {
      margin-left: 10px
    }
    
    .el-switch__label * {
      line-height: 1;
      font-size: 14px;
      display: inline-block
    }
    
    .el-switch__input {
      position: absolute;
      width: 0;
      height: 0;
      opacity: 0;
      margin: 0
    }
    
    .el-switch__core {
      margin: 0;
      position: relative;
      width: 40px;
      height: 20px;
      border: 1px solid #DCDFE6;
      outline: 0;
      border-radius: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #DCDFE6;
      -webkit-transition: border-color .3s, background-color .3s;
      transition: border-color .3s, background-color .3s
    }
    
    .el-switch__core:after {
      content: "";
      position: absolute;
      top: 1px;
      left: 1px;
      border-radius: 100%;
      -webkit-transition: all .3s;
      transition: all .3s;
      width: 16px;
      height: 16px;
      background-color: #FFF
    }
    
    .el-switch.is-checked .el-switch__core {
      border-color: #409EFF;
      background-color: #409EFF
    }
    
    .el-switch.is-checked .el-switch__core::after {
      left: 100%;
      margin-left: -17px
    }
    
    .el-switch.is-disabled {
      opacity: .6
    }
    
    .el-switch--wide .el-switch__label.el-switch__label--left span {
      left: 10px
    }
    
    .el-switch--wide .el-switch__label.el-switch__label--right span {
      right: 10px
    }
    
    .el-switch .label-fade-enter,
    .el-switch .label-fade-leave-active {
      opacity: 0
    }
    
    /*!
     * vue-material v1.0.0-beta-16
     * Made with <3 by marcosmoura 2023
     * Released under the MIT License.
     */
    *,
    :after,
    :before {
      box-sizing: inherit
    }
    
    html {
      height: 100%;
      box-sizing: border-box;
      transition: background-color .3s cubic-bezier(.25, .8, .25, 1)
    }
    
    body {
      min-height: 100%;
      margin: 0;
      position: relative;
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-family: Roboto, Noto Sans, -apple-system, BlinkMacSystemFont, sans-serif
    }
    
    a:not(.md-button) {
      transition: .3s cubic-bezier(.25, .8, .25, 1);
      transition-property: color, background-color, opacity
    }
    
    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    video {
      max-width: 100%;
      font-style: italic;
      vertical-align: middle
    }
    
    audio:not(.md-image),
    canvas:not(.md-image),
    embed:not(.md-image),
    iframe:not(.md-image),
    img:not(.md-image),
    object:not(.md-image),
    video:not(.md-image) {
      height: auto
    }
    
    [tabindex="-1"]:focus {
      outline: none !important
    }
    
    .md-scrollbar::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      border-radius: 8px
    }
    
    .md-scrollbar::-webkit-scrollbar-thumb {
      border-radius: 8px
    }
    
    .md-scrollbar::-webkit-scrollbar-button {
      display: none
    }
    
    .md-caption {
      font-size: 12px;
      font-weight: 400;
      letter-spacing: .02em;
      line-height: 17px
    }
    
    .md-body-1,
    body {
      font-weight: 400;
      line-height: 20px
    }
    
    .md-body-1,
    .md-body-2,
    body {
      font-size: 14px;
      letter-spacing: .01em
    }
    
    .md-body-2 {
      font-weight: 500;
      line-height: 24px
    }
    
    .md-subheading {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: .01em;
      line-height: 24px
    }
    
    .md-title {
      font-size: 20px;
      font-weight: 500;
      letter-spacing: .005em;
      line-height: 26px
    }
    
    .md-headline {
      font-size: 24px;
      line-height: 32px
    }
    
    .md-display-1,
    .md-headline {
      font-weight: 400;
      letter-spacing: 0
    }
    
    .md-display-1 {
      font-size: 34px;
      line-height: 40px
    }
    
    .md-display-2 {
      font-size: 45px;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 48px
    }
    
    .md-display-3 {
      font-size: 56px;
      font-weight: 400;
      letter-spacing: -.005em;
      line-height: 58px
    }
    
    .md-display-4 {
      font-size: 112px;
      font-weight: 300;
      letter-spacing: -.01em;
      line-height: 112px
    }
    
    a:not(.md-button) {
      text-decoration: none
    }
    
    a:not(.md-button):hover {
      text-decoration: underline
    }
    
    button:focus {
      outline: none
    }
    
    .md-app {
      display: flex;
      overflow: hidden;
      position: relative
    }
    
    .md-app.md-fixed .md-app-scroller {
      overflow: auto
    }
    
    .md-app.md-fixed-last,
    .md-app.md-flexible,
    .md-app.md-overlap,
    .md-app.md-reveal {
      transform: translateZ(0)
    }
    
    .md-app.md-fixed-last .md-app-toolbar,
    .md-app.md-flexible .md-app-toolbar,
    .md-app.md-overlap .md-app-toolbar,
    .md-app.md-reveal .md-app-toolbar {
      position: absolute;
      top: 0
    }
    
    .md-app.md-flexible .md-app-toolbar,
    .md-app.md-overlap .md-app-toolbar {
      min-height: 0
    }
    
    .md-app.md-flexible .md-toolbar-row:first-child {
      z-index: 2
    }
    
    .md-app.md-flexible .md-toolbar-row:last-child {
      position: fixed;
      bottom: 0;
      z-index: 1
    }
    
    .md-app.md-flexible .md-display-1 {
      position: fixed
    }
    
    .md-app.md-overlap .md-app-toolbar {
      z-index: 1
    }
    
    .md-app.md-overlap .md-app-content {
      margin: -64px 24px 24px;
      position: relative;
      z-index: 2
    }
    
    .md-app-content {
      padding: 16px
    }
    
    .md-app-content>p:first-child {
      margin-top: 0
    }
    
    .md-app-content>p:last-child {
      margin-bottom: 0
    }
    
    .md-app-container {
      flex: 1;
      display: flex;
      overflow: auto;
      transform: translateZ(0);
      transition: padding-left .4s cubic-bezier(.4, 0, .2, 1), padding-right .4s cubic-bezier(.4, 0, .2, 1);
      will-change: padding-left, padding-right
    }
    
    .md-app-scroller {
      flex: 1
    }
    
    @media (max-width:960px) {
      .md-app.md-overlap .md-app-content {
        margin: -64px 16px 16px
      }
    }
    
    @media (max-width:600px) {
      .md-app.md-overlap .md-app-content {
        margin: -64px 8px 8px
      }
    }
    
    @media (min-width:600px) {
      .md-app-drawer.md-permanent-card+.md-app-scroller .md-content {
        padding-left: 0;
        padding-right: 0;
        border-left: none;
        border-right: none
      }
    
      .md-app-content {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent
      }
    }
    
    .md-app-internal-drawer,
    .md-app-side-drawer .md-app-container {
      flex-direction: column
    }
    
    .md-app-internal-drawer .md-app-scroller {
      overflow: auto
    }
    
    .md-no-elevation {
      box-shadow: none !important
    }
    
    .md-fixed-last .md-reveal-active,
    .md-flexible .md-reveal-active,
    .md-overlap .md-reveal-active,
    .md-reveal .md-reveal-active {
      transform: translate3d(0, calc(100% + 10px), 0);
      transition: .3s cubic-bezier(.25, .8, .25, 1);
      transition-property: box-shadow, transform;
      will-change: height, box-shadow, transform
    }
    
    .md-app-toolbar {
      min-height: 64px
    }
    
    .md-overlap .md-app-toolbar {
      height: 196px
    }
    
    .md-fixed-last-active {
      transition: .3s cubic-bezier(.25, .8, .25, 1);
      transition-property: box-shadow, transform;
      will-change: height, box-shadow, transform
    }
    
    .md-overlap-off {
      z-index: 3 !important
    }
    
    .md-app-content {
      min-height: 100%
    }
    
    .md-app-content .md-card {
      margin-right: 16px;
      margin-left: 16px;
      overflow: visible
    }
    
    .md-badge-content {
      position: relative;
      display: inline-block
    }
    
    .md-badge-content .md-position-top {
      top: -4px
    }
    
    .md-badge-content .md-position-bottom {
      bottom: -4px
    }
    
    .md-badge {
      position: absolute;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      display: flex;
      align-items: center;
      justify-content: center;
      right: -4px;
      font-size: 10px;
      font-style: normal;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      color: #fff;
      pointer-events: none;
      z-index: 11
    }
    
    .md-list-item-content .md-badge {
      position: relative;
      top: 0;
      bottom: 0;
      right: 0
    }
    
    .md-badge.md-dense {
      width: 18px;
      height: 18px;
      font-size: 8px
    }
    
    .md-badge.md-square {
      width: auto;
      border-radius: 3px;
      height: 18px;
      padding: 0 4px
    }
    
    .md-autocomplete .md-menu {
      width: 100%;
      display: flex
    }
    
    .md-autocomplete-loading {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 100
    }
    
    .md-field.md-inline.md-autocomplete-box {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
      padding-top: 2px;
      border-radius: 2px
    }
    
    .md-field.md-inline.md-autocomplete-box.md-focused {
      z-index: 120
    }
    
    .md-field.md-inline.md-autocomplete-box:after,
    .md-field.md-inline.md-autocomplete-box:before {
      display: none
    }
    
    .md-toolbar .md-field.md-inline.md-autocomplete-box {
      min-height: 40px;
      height: 40px;
      margin: 0;
      box-shadow: none
    }
    
    .md-field.md-inline.md-autocomplete-box .md-menu {
      align-items: center
    }
    
    .md-field.md-inline.md-autocomplete-box .md-input {
      padding-left: 16px
    }
    
    .md-field.md-inline.md-autocomplete-box.md-focused label,
    .md-field.md-inline.md-autocomplete-box .md-input-action,
    .md-field.md-inline.md-autocomplete-box label {
      top: 50%;
      transform: translateY(-50%)
    }
    
    .md-field.md-inline.md-autocomplete-box .md-input-action {
      right: 8px
    }
    
    .md-field.md-inline.md-autocomplete-box.md-focused label,
    .md-field.md-inline.md-autocomplete-box label {
      margin-top: 2px;
      left: 16px
    }
    
    .md-autocomplete-box-content:after {
      height: 6px;
      position: absolute;
      top: -6px;
      right: 0;
      left: 0;
      z-index: 120;
      border-bottom: 1px solid;
      content: ""
    }
    
    .md-avatar {
      width: 40px;
      min-width: 40px;
      height: 40px;
      margin: auto;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      -webkit-user-select: none;
      user-select: none;
      position: relative;
      border-radius: 40px;
      transition: .4s cubic-bezier(.4, 0, .2, 1);
      transition-property: color, background-color;
      will-change: color, background-color;
      font-size: 24px;
      letter-spacing: -.05em;
      vertical-align: middle
    }
    
    .md-avatar.md-large {
      min-width: 64px;
      min-height: 64px;
      border-radius: 64px;
      font-size: 32px
    }
    
    .md-avatar.md-large .md-icon {
      font-size: 40px !important
    }
    
    .md-avatar.md-small {
      width: 24px;
      min-width: 24px;
      height: 24px;
      border-radius: 24px;
      font-size: 14px
    }
    
    .md-avatar.md-small .md-icon {
      font-size: 16px !important
    }
    
    .md-avatar .md-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%)
    }
    
    .md-avatar img {
      width: 100%;
      height: 100%;
      display: block
    }
    
    .md-avatar .md-ripple {
      cursor: pointer;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%
    }
    
    .md-bottom-bar {
      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
      width: 100%;
      transition: background-color .5s cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-bottom-bar>.md-ripple {
      display: flex;
      flex-wrap: wrap
    }
    
    .md-bottom-bar.md-type-fixed {
      justify-content: center
    }
    
    .md-bottom-bar.md-type-fixed .md-bottom-bar-item {
      min-width: 80px;
      max-width: 168px;
      transition: .4s cubic-bezier(.4, 0, .2, 1);
      transition-property: color;
      will-change: color
    }
    
    .md-bottom-bar.md-type-fixed .md-bottom-bar-item .md-bottom-bar-label {
      transform: scale(.8571) translate3D(0, 4px, 0)
    }
    
    .md-bottom-bar.md-type-fixed .md-bottom-bar-item.md-active .md-ripple {
      padding-top: 6px
    }
    
    .md-bottom-bar.md-type-fixed .md-bottom-bar-item.md-active .md-bottom-bar-icon {
      transform: translate3d(0, -2px, 0)
    }
    
    .md-bottom-bar.md-type-fixed .md-bottom-bar-item.md-active .md-bottom-bar-label {
      transform: translate3D(0, 3px, 0)
    }
    
    .md-bottom-bar.md-type-shift {
      justify-content: center
    }
    
    .md-bottom-bar.md-type-shift>.md-ripple .md-ripple-enter-active {
      transition-duration: 1.1s !important
    }
    
    .md-bottom-bar.md-type-shift>.md-ripple .md-ripple-enter {
      opacity: 1
    }
    
    .md-bottom-bar.md-type-shift .md-bottom-bar-item {
      min-width: 56px;
      max-width: 96px;
      flex: 1 1 32px;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      transition-property: padding, min-width, max-width, flex, color;
      will-change: padding, min-width, max-width, flex, color
    }
    
    .md-bottom-bar.md-type-shift .md-bottom-bar-item .md-ripple {
      padding: 16px
    }
    
    .md-bottom-bar.md-type-shift .md-bottom-bar-item .md-bottom-bar-icon {
      transform: translate3d(0, 8px, 0)
    }
    
    .md-bottom-bar.md-type-shift .md-bottom-bar-item .md-bottom-bar-label {
      opacity: 0;
      transform: scale(.7) translate3d(0, 6px, 0)
    }
    
    .md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active {
      min-width: 96px;
      max-width: 168px;
      flex: 1 1 72px
    }
    
    .md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active .md-ripple {
      padding: 6px 0 10px
    }
    
    .md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active .md-bottom-bar-icon {
      transform: translateZ(0)
    }
    
    .md-bottom-bar.md-type-shift .md-bottom-bar-item.md-active .md-bottom-bar-label {
      opacity: 1;
      transform: translate3d(0, 3px, 0)
    }
    
    .md-bottom-bar .md-bottom-bar-item {
      height: 56px;
      margin: 0;
      flex: 1;
      cursor: pointer;
      border-radius: 0;
      font-size: 14px;
      font-weight: 400;
      line-height: 1em;
      text-transform: none
    }
    
    .md-bottom-bar .md-bottom-bar-item .md-ripple {
      padding: 8px 12px 10px;
      transition: padding .3s cubic-bezier(.25, .8, .25, 1);
      will-change: padding
    }
    
    .md-bottom-bar .md-bottom-bar-item .md-button-content {
      position: static;
      display: flex;
      flex-direction: column;
      align-items: center
    }
    
    .md-bottom-bar .md-bottom-bar-item .md-bottom-bar-icon,
    .md-bottom-bar .md-bottom-bar-item .md-bottom-bar-label {
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      transition-property: transform, opacity;
      will-change: transform, opacity
    }
    
    .md-ripple {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 10;
      overflow: hidden;
      -webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0)
    }
    
    .md-ripple-wave {
      position: absolute;
      z-index: 1;
      pointer-events: none;
      background: currentColor;
      border-radius: 50%;
      opacity: 0;
      transform: scale(2) translateZ(0)
    }
    
    .md-ripple-wave.md-centered {
      animation-duration: 1.2s;
      top: 50%;
      left: 50%
    }
    
    .md-ripple-wave~:not(.md-ripple-wave) {
      position: relative;
      z-index: 2
    }
    
    .md-ripple-enter-active {
      transition: .8s cubic-bezier(.25, .8, .25, 1);
      transition-property: opacity, transform;
      will-change: opacity, transform
    }
    
    .md-ripple-enter-active.md-centered {
      transition-duration: 1.2s
    }
    
    .md-ripple-enter {
      opacity: .26;
      transform: scale(.26) translateZ(0)
    }
    
    .md-button,
    .md-button-clean {
      margin: 0;
      padding: 0;
      display: inline-block;
      position: relative;
      overflow: hidden;
      outline: none;
      background: transparent;
      border: 0;
      border-radius: 0;
      transition: .4s cubic-bezier(.4, 0, .2, 1);
      font-family: inherit;
      line-height: normal;
      text-decoration: none;
      vertical-align: top;
      white-space: nowrap
    }
    
    .md-button {
      min-width: 88px;
      height: 36px;
      margin: 6px 8px;
      -webkit-user-select: none;
      user-select: none;
      border-radius: 2px;
      font-size: 14px;
      font-weight: 500;
      text-transform: uppercase
    }
    
    .md-button:active {
      outline: none
    }
    
    .md-button[disabled] {
      pointer-events: none
    }
    
    .md-button:not([disabled]) {
      cursor: pointer
    }
    
    .md-button:not([disabled]).md-focused:before,
    .md-button:not([disabled]):active:before,
    .md-button:not([disabled]):hover:before {
      background-color: currentColor;
      opacity: .12
    }
    
    .md-button:not([disabled]).md-focused.md-accent:before,
    .md-button:not([disabled]).md-focused.md-primary:before,
    .md-button:not([disabled]):active:before {
      opacity: .2
    }
    
    .md-button:not([disabled]).md-ripple-off:active:before {
      opacity: .26
    }
    
    .md-button.md-plain.md-button.md-raised:not([disabled]) {
      color: rgba(0, 0, 0, .87);
      background-color: #fff
    }
    
    .md-button.md-plain.md-button.md-raised:not([disabled]) .md-icon-font {
      color: rgba(0, 0, 0, .87)
    }
    
    .md-button.md-plain.md-button.md-raised:not([disabled]) .md-icon-image {
      fill: rgba(0, 0, 0, .87)
    }
    
    .md-button::-moz-focus-inner {
      padding: 0;
      border: 0
    }
    
    .md-button:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      opacity: 0;
      transition: .4s cubic-bezier(.4, 0, .2, 1);
      will-change: background-color, opacity;
      content: " "
    }
    
    .md-button.md-dense {
      height: 32px;
      font-size: 13px
    }
    
    .md-button.md-raised:not([disabled]) {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
    }
    
    .md-button.md-raised:not([disabled]):active {
      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
    }
    
    .md-button.md-raised:not([disabled]).md-ripple-off:active:before {
      opacity: .2
    }
    
    .md-button+.md-button {
      margin-left: 0
    }
    
    .md-button .md-ripple {
      padding: 0 8px;
      display: flex;
      justify-content: center;
      align-items: center
    }
    
    .md-button-spaced .md-ripple {
      padding: 0 16px
    }
    
    .md-fab,
    .md-icon-button {
      border-radius: 50%;
      z-index: 10
    }
    
    .md-fab .md-ripple,
    .md-fab:before,
    .md-icon-button .md-ripple,
    .md-icon-button:before {
      border-radius: 50%
    }
    
    .md-fab.md-dense .md-ripple-wave,
    .md-fab.md-mini .md-ripple-wave,
    .md-icon-button .md-ripple-wave {
      top: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important
    }
    
    .md-icon-button {
      width: 40px;
      min-width: 40px;
      height: 40px;
      margin: 0 6px
    }
    
    .md-icon-button.md-dense {
      width: 32px;
      min-width: 32px;
      height: 32px
    }
    
    .md-icon-button .md-ripple-enter-active {
      transition-duration: 1.2s
    }
    
    .md-fab {
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
      width: 56px;
      height: 56px;
      min-width: 0;
      overflow: hidden
    }
    
    .md-fab:active {
      box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
    }
    
    .md-fab.md-dense,
    .md-fab.md-mini {
      width: 40px;
      height: 40px
    }
    
    .md-fab.md-fab-top-left,
    .md-fab.md-fab-top-right {
      position: absolute;
      top: 24px
    }
    
    .md-fab.md-fab-bottom-left,
    .md-fab.md-fab-bottom-right {
      position: absolute;
      bottom: 24px
    }
    
    .md-fab.md-fab-bottom-center,
    .md-fab.md-fab-top-center {
      position: absolute;
      left: 50%;
      transform: translateX(-50%)
    }
    
    .md-fab.md-fab-top-center {
      top: 24px
    }
    
    .md-fab.md-fab-bottom-center {
      bottom: 24px
    }
    
    .md-fab.md-fab-bottom-right,
    .md-fab.md-fab-top-right {
      right: 24px
    }
    
    .md-fab.md-fab-bottom-left,
    .md-fab.md-fab-top-left {
      left: 24px
    }
    
    .md-fab.md-fixed {
      position: fixed
    }
    
    .md-fab .md-ripple {
      padding: 0
    }
    
    .md-button-content {
      position: relative;
      z-index: 2
    }
    
    .md-card {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
      position: relative;
      z-index: 1;
      border-radius: 2px;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      transition-property: color, background-color;
      will-change: color, background-color
    }
    
    .md-card.md-with-hover {
      cursor: pointer;
      transition: background-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .4s cubic-bezier(.25, .8, .25, 1);
      will-change: background-color, box-shadow
    }
    
    .md-card.md-with-hover:hover {
      z-index: 2;
      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
    }
    
    .md-card.md-expand-active .md-card-expand-trigger.md-icon-button {
      transform: rotate(180deg)
    }
    
    .md-card .md-subhead,
    .md-card .md-subheading,
    .md-card .md-title {
      margin: 0;
      font-weight: 400
    }
    
    .md-card .md-subhead {
      opacity: .54;
      font-size: 14px;
      letter-spacing: .01em;
      line-height: 20px
    }
    
    .md-card .md-subhead+.md-title {
      margin-top: 4px
    }
    
    .md-card .md-title {
      font-size: 24px;
      letter-spacing: 0;
      line-height: 32px
    }
    
    .md-card-area,
    .md-card>.md-card-area:not(:last-child) {
      position: relative
    }
    
    .md-card>.md-card-area:not(:last-child):after {
      height: 1px;
      position: absolute;
      bottom: 0;
      content: " "
    }
    
    .md-card>.md-card-area:not(:last-child):not(.md-inset):after {
      right: 0;
      left: 0
    }
    
    .md-card>.md-card-area:not(:last-child).md-inset:after {
      right: 16px;
      left: 16px
    }
    
    .md-card-header {
      padding: 16px
    }
    
    .md-card-header:first-child>.md-card-header-text>.md-title:first-child,
    .md-card-header:first-child>.md-title:first-child {
      margin-top: 8px
    }
    
    .md-card-header:last-child {
      margin-bottom: 8px
    }
    
    .md-card-header.md-card-header-flex {
      display: flex;
      justify-content: space-between
    }
    
    .md-card-header+.md-card-content {
      padding-top: 0
    }
    
    .md-card-header+.md-card-actions:not(:last-child) {
      padding: 0 8px
    }
    
    .md-card-header>img {
      border-radius: 50%
    }
    
    .md-card-header .md-avatar,
    .md-card-header>img {
      margin-right: 16px;
      float: left
    }
    
    .md-card-header .md-avatar~.md-title,
    .md-card-header>img~.md-title {
      font-size: 14px
    }
    
    .md-card-header .md-avatar~.md-subhead,
    .md-card-header .md-avatar~.md-title,
    .md-card-header>img~.md-subhead,
    .md-card-header>img~.md-title {
      font-weight: 500;
      line-height: 20px
    }
    
    .md-card-header .md-button {
      margin: 0
    }
    
    .md-card-header .md-button:last-child {
      margin-right: -4px
    }
    
    .md-card-header .md-button+.md-button {
      margin-left: 8px
    }
    
    .md-card-header .md-card-header-text {
      flex: 1
    }
    
    .md-card-header .md-card-media {
      width: 80px;
      height: 80px;
      margin-left: 16px;
      flex: 0 0 80px
    }
    
    .md-card-header .md-card-media.md-medium {
      width: 120px;
      height: 120px;
      flex: 0 0 120px
    }
    
    .md-card-header .md-card-media.md-big {
      width: 160px;
      height: 160px;
      flex: 0 0 160px
    }
    
    .md-card-media {
      position: relative
    }
    
    .md-card-media.md-ratio-16-9 {
      overflow: hidden
    }
    
    .md-card-media.md-ratio-16-9:before {
      width: 100%;
      padding-top: 56.25%;
      display: block;
      content: " "
    }
    
    .md-card-media.md-ratio-16-9 img {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      transform: translateY(-50%)
    }
    
    .md-card-media.md-ratio-4-3 {
      overflow: hidden
    }
    
    .md-card-media.md-ratio-4-3:before {
      width: 100%;
      padding-top: 75%;
      display: block;
      content: " "
    }
    
    .md-card-media.md-ratio-4-3 img {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      transform: translateY(-50%)
    }
    
    .md-card-media.md-ratio-1-1 {
      overflow: hidden
    }
    
    .md-card-media.md-ratio-1-1:before {
      width: 100%;
      padding-top: 100%;
      display: block;
      content: " "
    }
    
    .md-card-media.md-ratio-1-1 img {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      transform: translateY(-50%)
    }
    
    .md-card-media+.md-card-header {
      padding-top: 24px
    }
    
    .md-card-media+.md-card-content:last-child {
      padding-bottom: 16px
    }
    
    .md-card-media img {
      width: 100%
    }
    
    .md-card-media-actions {
      padding: 16px;
      display: flex;
      justify-content: space-between
    }
    
    .md-card-media-actions .md-card-media {
      max-width: 240px;
      max-height: 240px;
      flex: 1
    }
    
    .md-card-media-actions .md-card-actions {
      margin-left: 16px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center
    }
    
    .md-card-media-actions .md-card-actions .md-button+.md-button {
      margin: 8px 0 0
    }
    
    .md-card-media-cover {
      position: relative;
      color: #fff
    }
    
    .md-card-media-cover.md-solid .md-card-area {
      background-color: rgba(0, 0, 0, .54)
    }
    
    .md-card-media-cover.md-text-scrim .md-card-backdrop {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1
    }
    
    .md-card-media-cover .md-card-area {
      display: flex;
      flex-direction: column;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2
    }
    
    .md-card-media-cover .md-card-header {
      display: flex;
      flex-direction: column
    }
    
    .md-card-media-cover .md-card-header+.md-card-actions {
      padding-top: 0
    }
    
    .md-card-media-cover .md-subhead {
      opacity: 1
    }
    
    .md-card-media-cover .md-card-actions .md-button:not(.md-primary):not(.md-accent),
    .md-card-media-cover .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
    .md-card-media-cover .md-card-header .md-button:not(.md-primary):not(.md-accent),
    .md-card-media-cover .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
      color: #fff !important
    }
    
    .md-card-content {
      padding: 16px;
      font-size: 14px;
      line-height: 22px
    }
    
    .md-card-content:last-of-type {
      padding-bottom: 24px
    }
    
    .md-card-expand {
      overflow: hidden
    }
    
    .md-card-expand .md-card-actions {
      position: relative;
      z-index: 2
    }
    
    .md-card-expand .md-card-expand-content {
      position: relative;
      z-index: 1
    }
    
    .md-card-expand-trigger.md-icon-button {
      transition: transform .4s cubic-bezier(.25, .8, .25, 1);
      will-change: transform
    }
    
    .md-card-expand-content {
      overflow: hidden;
      transform: translateZ(0);
      transition: .4s cubic-bezier(.4, 0, .2, 1);
      transition-property: opacity, margin-top;
      will-change: opacity, margin-top
    }
    
    .md-card-actions {
      padding: 8px;
      display: flex;
      align-items: center
    }
    
    .md-card-actions.md-alignment-right {
      justify-content: flex-end
    }
    
    .md-card-actions.md-alignment-left {
      justify-content: flex-start
    }
    
    .md-card-actions.md-alignment-space-between {
      justify-content: space-between
    }
    
    .md-card-actions .md-button {
      margin: 0
    }
    
    .md-card-actions .md-button:first-child {
      margin-left: 0
    }
    
    .md-card-actions .md-button:last-child {
      margin-right: 0
    }
    
    .md-card-actions .md-button+.md-button {
      margin-left: 4px
    }
    
    .md-checkbox {
      width: auto;
      margin: 16px 16px 16px 0;
      display: inline-flex;
      position: relative
    }
    
    .md-checkbox:not(.md-disabled),
    .md-checkbox:not(.md-disabled) .md-checkbox-label {
      cursor: pointer
    }
    
    .md-checkbox .md-checkbox-container {
      width: 20px;
      min-width: 20px;
      height: 20px;
      position: relative;
      border-radius: 2px;
      border: 2px solid transparent;
      transition: .4s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-checkbox .md-checkbox-container:focus {
      outline: none
    }
    
    .md-checkbox .md-checkbox-container:after,
    .md-checkbox .md-checkbox-container:before {
      position: absolute;
      transition: .4s cubic-bezier(.55, 0, .55, .2);
      content: " "
    }
    
    .md-checkbox .md-checkbox-container:before {
      width: 48px;
      height: 48px;
      top: 50%;
      left: 50%;
      z-index: 11;
      border-radius: 50%;
      transform: translate(-50%, -50%)
    }
    
    .md-checkbox .md-checkbox-container:after {
      width: 6px;
      height: 13px;
      top: 0;
      left: 5px;
      z-index: 12;
      border: 2px solid transparent;
      border-top: 0;
      border-left: 0;
      opacity: 0;
      transform: rotate(45deg) scale3D(.15, .15, 1)
    }
    
    .md-checkbox .md-checkbox-container .md-ripple {
      width: 48px !important;
      height: 48px !important;
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%);
      border-radius: 50%
    }
    
    .md-checkbox .md-checkbox-container input {
      position: absolute;
      left: -999em
    }
    
    .md-checkbox .md-checkbox-label {
      height: 20px;
      padding-left: 16px;
      position: relative;
      line-height: 20px
    }
    
    .md-checkbox.md-indeterminate .md-checkbox-container:after {
      width: 12px;
      height: 2px;
      top: 50%;
      left: 50%;
      z-index: 7;
      border-style: solid;
      border-width: 0 0 2px;
      opacity: 0;
      transform: translate(-50%, -50%) !important
    }
    
    .md-checkbox.md-checked .md-checkbox-container:after {
      opacity: 1;
      transform: rotate(45deg) scaleX(1);
      transition: .4s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-checkbox.md-disabled.md-checked .md-checkbox-container {
      border-color: transparent !important
    }
    
    .md-checkbox.md-required label:after {
      position: absolute;
      top: 2px;
      right: 0;
      transform: translateX(calc(100% + 2px));
      content: "*";
      line-height: 1em;
      vertical-align: top
    }
    
    .md-chips.md-field {
      padding-top: 12px;
      flex-wrap: wrap
    }
    
    .md-chips.md-field.md-has-value label {
      top: -6px
    }
    
    .md-chips.md-field .md-chip {
      margin-bottom: 4px
    }
    
    .md-chips.md-field .md-chip:last-of-type {
      margin-right: 8px
    }
    
    .md-chips.md-field .md-input {
      min-width: 128px
    }
    
    .md-field {
      width: 100%;
      min-height: 48px;
      margin: 4px 0 24px;
      padding-top: 16px;
      display: flex;
      position: relative;
      font-family: inherit
    }
    
    .md-field:after,
    .md-field:before {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 1;
      transition: border .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), transform 0s cubic-bezier(.4, 0, .2, 1) .3s;
      will-change: border, opacity, transform;
      content: " "
    }
    
    .md-field:after {
      height: 1px
    }
    
    .md-field:before {
      height: 2px;
      z-index: 2;
      opacity: 0;
      transform: scaleX(.12)
    }
    
    .md-field label {
      position: absolute;
      top: 23px;
      left: 0;
      pointer-events: none;
      transition: .4s cubic-bezier(.25, .8, .25, 1);
      transition-duration: .3s;
      font-size: 16px;
      line-height: 20px
    }
    
    .md-field .md-prefix,
    .md-field .md-suffix {
      font-size: 16px;
      line-height: 32px;
      align-self: center;
      justify-self: center
    }
    
    .md-field .md-prefix {
      display: none;
      padding-right: 4px
    }
    
    .md-field.md-focused .md-prefix,
    .md-field.md-has-value .md-prefix {
      display: block
    }
    
    .md-field .md-input,
    .md-field .md-textarea {
      height: 32px;
      padding: 0;
      display: block;
      flex: 1;
      border: none;
      background: none;
      transition: .4s cubic-bezier(.25, .8, .25, 1);
      transition-property: font-size, padding-top, color;
      font-family: inherit;
      font-size: 16px;
      line-height: 32px
    }
    
    .md-field .md-input[type=date],
    .md-field .md-textarea[type=date] {
      font-size: 16px
    }
    
    .md-field .md-input[disabled],
    .md-field .md-textarea[disabled] {
      cursor: default
    }
    
    .md-field .md-input:focus,
    .md-field .md-textarea:focus {
      outline: none
    }
    
    .md-field .md-input::-webkit-input-placeholder,
    .md-field .md-textarea::-webkit-input-placeholder {
      font-size: 16px;
      text-shadow: none;
      -webkit-text-fill-color: initial;
      -webkit-transition: .4s cubic-bezier(.25, .8, .25, 1);
      transition: .4s cubic-bezier(.25, .8, .25, 1);
      -webkit-transition-property: font-size, color;
      transition-property: font-size, color
    }
    
    .md-field .md-textarea {
      min-height: 32px;
      max-height: 230px;
      padding: 5px 0;
      resize: none;
      line-height: 1.3em
    }
    
    .md-field .md-count,
    .md-field .md-error,
    .md-field .md-helper-text {
      height: 20px;
      position: absolute;
      bottom: -22px;
      font-size: 12px;
      transition: .3s cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-field .md-error {
      display: block !important;
      left: 0;
      opacity: 0;
      transform: translate3d(0, -8px, 0)
    }
    
    .md-field .md-count {
      right: 0
    }
    
    .md-field .md-input-action {
      width: 32px;
      min-width: 32px;
      height: 32px;
      margin: 0;
      position: absolute;
      top: 16px;
      right: 0;
      transition: .4s cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-field .md-input-action.md-input-action-enter-active,
    .md-field .md-input-action.md-input-action-leave-active {
      opacity: 0
    }
    
    .md-field .md-input-action.md-input-action-enter-to {
      opacity: 1
    }
    
    .md-field>.md-icon {
      margin: 4px auto;
      position: relative;
      z-index: 3;
      transition: .4s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-field>.md-icon:last-of-type:not(:first-child):after {
      display: none
    }
    
    .md-field>.md-icon:after {
      width: 37px;
      height: 4px;
      position: absolute;
      left: -1px;
      bottom: -5px;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      content: ""
    }
    
    .md-field>.md-icon~label {
      left: 36px
    }
    
    .md-field>.md-icon~.md-file,
    .md-field>.md-icon~.md-input,
    .md-field>.md-icon~.md-textarea {
      margin-left: 12px
    }
    
    .md-field+.md-has-textarea:not(.md-autogrow) {
      margin-top: 36px
    }
    
    .md-field.md-has-placeholder label {
      pointer-events: auto;
      top: 10px;
      opacity: 0;
      font-size: 12px
    }
    
    .md-field.md-has-placeholder .md-input,
    .md-field.md-has-placeholder .md-textarea {
      font-size: 16px
    }
    
    .md-field.md-has-textarea:not(.md-autogrow):after,
    .md-field.md-has-textarea:not(.md-autogrow):before {
      height: auto;
      pointer-events: none;
      top: 0;
      bottom: 0;
      transform: none;
      background: none !important;
      border: 1px solid transparent;
      border-radius: 3px
    }
    
    .md-field.md-has-textarea:not(.md-autogrow):before {
      border-width: 2px
    }
    
    .md-field.md-has-textarea:not(.md-autogrow) label {
      top: 16px;
      left: 16px
    }
    
    .md-field.md-has-textarea:not(.md-autogrow) .md-textarea {
      min-height: 100px;
      padding: 0 16px;
      resize: vertical
    }
    
    .md-field.md-has-textarea:not(.md-autogrow)>.md-icon {
      position: absolute;
      top: 6px;
      right: 6px;
      z-index: 3
    }
    
    .md-field.md-has-textarea:not(.md-autogrow) .md-count {
      right: 6px;
      bottom: 2px
    }
    
    .md-field.md-has-textarea:not(.md-autogrow) .md-clear {
      top: 6px;
      right: 6px
    }
    
    .md-field.md-has-textarea:not(.md-autogrow).md-focused label,
    .md-field.md-has-textarea:not(.md-autogrow).md-has-value label {
      top: 6px
    }
    
    .md-field.md-has-textarea:not(.md-autogrow).md-focused .md-textarea,
    .md-field.md-has-textarea:not(.md-autogrow).md-has-value .md-textarea {
      padding-top: 10px
    }
    
    .md-field.md-has-file:after,
    .md-field.md-has-file:before,
    .md-field.md-has-file label {
      left: 36px
    }
    
    .md-field.md-has-file .md-input {
      margin-left: 12px
    }
    
    .md-field.md-focused:before,
    .md-field.md-highlight:before {
      opacity: 1;
      transform: scaleX(1);
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      transition-property: border, opacity, transform
    }
    
    .md-field.md-focused label,
    .md-field.md-has-value label {
      pointer-events: auto;
      top: 0;
      opacity: 1;
      font-size: 12px
    }
    
    .md-field.md-focused .md-input,
    .md-field.md-focused .md-textarea,
    .md-field.md-has-value .md-input,
    .md-field.md-has-value .md-textarea {
      font-size: 16px
    }
    
    .md-field.md-inline label {
      pointer-events: none
    }
    
    .md-field.md-inline.md-focused label {
      top: 23px;
      font-size: 16px
    }
    
    .md-field.md-inline.md-has-value label {
      opacity: 0
    }
    
    .md-field.md-disabled:after {
      background: 0 100% repeat-x;
      background-size: 4px 1px
    }
    
    .md-field.md-has-password .md-toggle-password {
      margin: 0;
      position: absolute;
      right: 0;
      bottom: -2px
    }
    
    .md-field.md-has-password .md-toggle-password svg {
      width: 22px;
      height: 22px
    }
    
    .md-field.md-clearable .md-input {
      padding-right: 30px
    }
    
    @keyframes md-invalid-shake {
    
      10%,
      90% {
        transform: translate3d(-1px, 0, 0)
      }
    
      30%,
      70% {
        transform: translate3d(-4px, 0, 0)
      }
    
      40%,
      60% {
        transform: translate3d(4px, 0, 0)
      }
    }
    
    .md-field.md-invalid.md-has-value label:not(:focus) {
      animation: md-invalid-shake .4s cubic-bezier(.4, 0, .2, 1) both;
      backface-visibility: hidden;
      perspective: 1000px
    }
    
    .md-field.md-invalid.md-has-textarea:not(.md-autogrow):before {
      border-width: 2px
    }
    
    .md-field.md-invalid .md-error {
      opacity: 1;
      transform: translateZ(0)
    }
    
    .md-field.md-invalid .md-helper-text {
      opacity: 0;
      transform: translate3d(0, -8px, 0)
    }
    
    .md-field.md-required label:after {
      position: absolute;
      top: 2px;
      right: 0;
      transform: translateX(calc(100% + 2px));
      content: "*";
      line-height: 1em;
      vertical-align: top
    }
    
    .md-icon {
      width: 24px;
      min-width: 24px;
      height: 24px;
      font-size: 24px !important;
      margin: auto;
      display: inline-flex;
      -webkit-user-select: none;
      user-select: none;
      align-items: center;
      justify-content: center;
      vertical-align: middle
    }
    
    .md-icon.md-size-2x {
      width: 48px;
      min-width: 48px;
      height: 48px;
      font-size: 48px !important
    }
    
    .md-icon.md-size-3x {
      width: 72px;
      min-width: 72px;
      height: 72px;
      font-size: 72px !important
    }
    
    .md-icon.md-size-4x {
      width: 96px;
      min-width: 96px;
      height: 96px;
      font-size: 96px !important
    }
    
    .md-icon.md-size-5x {
      width: 120px;
      min-width: 120px;
      height: 120px;
      font-size: 120px !important
    }
    
    .md-icon-image svg {
      height: 100%;
      flex: 1;
      transition: fill .4s cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-icon {
      transition: color .4s cubic-bezier(.4, 0, .2, 1);
      direction: ltr;
      font-family: Material Icons;
      font-feature-settings: "liga";
      font-style: normal;
      letter-spacing: normal;
      line-height: 1;
      text-rendering: optimizeLegibility;
      text-transform: none;
      word-wrap: normal;
      white-space: nowrap;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }
    
    .md-svg-loader {
      display: block
    }
    
    .md-svg-loader svg {
      width: 100%
    }
    
    .md-chip {
      height: 32px;
      padding: 0 12px;
      display: inline-block;
      cursor: default;
      border-radius: 32px;
      transition: .3s cubic-bezier(.25, .8, .25, 1);
      transition-property: background-color, color, opacity, transform, box-shadow;
      will-change: background-color, color, opacity, transform, box-shadow;
      font-size: 13px;
      line-height: 32px;
      vertical-align: middle;
      white-space: nowrap
    }
    
    .md-chip:focus {
      outline: none
    }
    
    .md-chip.md-chip-enter-active,
    .md-chip.md-chip-leave-active {
      opacity: 0;
      transform: transformZ(0) scale(.8)
    }
    
    .md-chip.md-chip-enter-to {
      opacity: 1;
      transform: transformZ(0) scale(1)
    }
    
    .md-chip.md-clickable:not(.md-disabled):active,
    .md-chip.md-deletable:not(.md-disabled):active,
    .md-chip.md-focused {
      box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
    }
    
    .md-chip.md-clickable {
      padding: 0;
      cursor: pointer
    }
    
    .md-chip.md-clickable>.md-ripple {
      padding: 0 12px
    }
    
    .md-chip.md-deletable {
      padding-right: 32px;
      position: relative
    }
    
    .md-chip.md-deletable.md-clickable {
      padding-right: 0
    }
    
    .md-chip.md-deletable.md-clickable>.md-ripple {
      padding-right: 32px
    }
    
    .md-chip.md-disabled {
      cursor: default
    }
    
    .md-chip+.md-chip {
      margin-left: 4px
    }
    
    .md-chip .md-button.md-input-action {
      width: 18px;
      min-width: 18px;
      height: 18px;
      margin: 0;
      position: absolute;
      top: 50%;
      right: 7px;
      z-index: 11;
      transform: translate3D(0, -50%, 0);
      transition-duration: .3s;
      transition-timing-function: cubic-bezier(.25, .8, .25, 1);
      font-size: 18px
    }
    
    .md-chip .md-button.md-input-action .md-ripple {
      padding: 0
    }
    
    .md-chip .md-button.md-input-action .md-button-content {
      height: 14px
    }
    
    .md-chip .md-button.md-input-action .md-icon {
      width: 14px;
      min-width: 14px;
      height: 14px;
      font-size: 14px !important;
      vertical-align: top
    }
    
    .md-chip .md-button.md-input-action .md-icon svg {
      transition-duration: .3s;
      transition-timing-function: cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-datepicker-overlay {
      opacity: 0
    }
    
    .md-datepicker.md-native label {
      top: 0 !important
    }
    
    .md-datepicker .md-date-icon {
      cursor: pointer
    }
    
    .md-datepicker input[type=date]::-webkit-calendar-picker-indicator,
    .md-datepicker input[type=date]::-webkit-clear-button,
    .md-datepicker input[type=date]::-webkit-inner-spin-button {
      display: none
    }
    
    @media (max-width:600px) {
      .md-datepicker-overlay {
        opacity: 1
      }
    }
    
    .md-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 10;
      overflow: hidden;
      background: rgba(0, 0, 0, .6);
      transition: .35s cubic-bezier(.4, 0, .2, 1);
      transition-property: opacity;
      will-change: opacity
    }
    
    .md-overlay.md-fixed,
    body>.md-overlay {
      position: fixed
    }
    
    .md-overlay-enter,
    .md-overlay-leave-active {
      opacity: 0
    }
    
    .md-datepicker-dialog {
      box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
      display: flex;
      overflow: hidden;
      z-index: 110;
      border-radius: 2px;
      backface-visibility: hidden;
      pointer-events: auto;
      transform-origin: top left;
      flex-shrink: 0;
      transition: opacity .2s cubic-bezier(.25, .8, .25, 1), transform .35s cubic-bezier(.25, .8, .25, 1);
      will-change: opacity, transform, left, top
    }
    
    .md-datepicker-dialog-leave-active {
      opacity: 0
    }
    
    .md-datepicker-dialog-enter {
      opacity: 0;
      transform: scale(.9)
    }
    
    .md-datepicker-dialog-enter .md-datepicker-body .md-datepicker-calendar {
      opacity: 0;
      transform: translate3D(0, 10%, 0)
    }
    
    .md-datepicker-header {
      min-width: 150px;
      padding: 16px
    }
    
    .md-datepicker-header .md-datepicker-year-select {
      cursor: pointer;
      opacity: .54;
      transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
      font-size: 16px;
      font-weight: 700;
      letter-spacing: .01em;
      line-height: 24px
    }
    
    .md-datepicker-header .md-datepicker-date-select {
      cursor: pointer;
      opacity: .54;
      transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
      font-size: 32px;
      font-weight: 900;
      letter-spacing: 0;
      line-height: 1.2em
    }
    
    .md-datepicker-header .md-datepicker-dayname {
      display: block
    }
    
    .md-datepicker-header .md-selected {
      opacity: 1
    }
    
    .md-datepicker-body {
      width: 320px;
      position: relative;
      overflow: hidden;
      transition: width .3s cubic-bezier(.25, .8, .25, 1);
      will-change: width
    }
    
    .md-datepicker-body .md-button {
      margin: 0
    }
    
    .md-datepicker-body-header {
      padding: 8px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      pointer-events: none
    }
    
    .md-datepicker-body-header:after,
    .md-datepicker-body-header:before {
      width: 48px;
      height: 48px;
      position: absolute;
      top: 0;
      z-index: 2;
      pointer-events: none;
      content: " "
    }
    
    .md-datepicker-body-header:after {
      left: 0
    }
    
    .md-datepicker-body-header:before {
      right: 0
    }
    
    .md-datepicker-body-header .md-button {
      pointer-events: auto;
      z-index: 3
    }
    
    .md-datepicker-body-header-enter .md-button:first-child,
    .md-datepicker-body-header-leave-active .md-button:first-child {
      transform: translate3d(-150%, 0, 0)
    }
    
    .md-datepicker-body-header-enter .md-button:last-child,
    .md-datepicker-body-header-leave-active .md-button:last-child {
      transform: translate3d(150%, 0, 0)
    }
    
    .md-datepicker-body-content {
      overflow: hidden;
      transition: height .35s cubic-bezier(.4, 0, .2, 1);
      will-change: height
    }
    
    .md-datepicker-panel {
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transition: .35s cubic-bezier(.4, 0, .2, 1);
      transition-property: transform, opacity;
      will-change: transform, opacity
    }
    
    .md-datepicker-calendar.md-datepicker-view-enter,
    .md-datepicker-calendar.md-datepicker-view-leave-active {
      transform: translate3d(0, 100%, 0)
    }
    
    .md-datepicker-calendar.md-previous .md-datepicker-month-enter {
      transform: translate3D(-100%, 0, 0)
    }
    
    .md-datepicker-calendar.md-previous .md-datepicker-month-enter .md-datepicker-month-trigger {
      transform: translate3D(-30%, 0, 0)
    }
    
    .md-datepicker-calendar.md-next .md-datepicker-month-enter,
    .md-datepicker-calendar.md-previous .md-datepicker-month-leave-active {
      transform: translate3D(100%, 0, 0)
    }
    
    .md-datepicker-calendar.md-next .md-datepicker-month-enter .md-datepicker-month-trigger {
      transform: translate3D(30%, 0, 0)
    }
    
    .md-datepicker-calendar.md-next .md-datepicker-month-leave-active {
      transform: translate3D(-100%, 0, 0)
    }
    
    .md-datepicker-month {
      top: 8px;
      bottom: auto;
      flex-direction: column;
      transition: .35s cubic-bezier(.4, 0, .2, 1);
      transition-property: transform, opacity;
      will-change: transform, opacity
    }
    
    .md-datepicker-month .md-datepicker-month-trigger {
      min-height: 32px;
      margin: 0 46px 10px;
      flex: 1;
      border-radius: 0;
      transition: transform .45s cubic-bezier(.4, 0, .2, 1);
      will-change: transform
    }
    
    .md-datepicker-week {
      display: flex;
      align-items: center
    }
    
    .md-datepicker-week span {
      flex: 1;
      font-size: 12px;
      text-align: center
    }
    
    .md-datepicker-days {
      display: flex;
      flex-wrap: wrap
    }
    
    .md-datepicker-days .md-datepicker-day,
    .md-datepicker-days .md-datepicker-empty {
      margin: 1px 0;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 1 14.28571%
    }
    
    .md-datepicker-days .md-datepicker-day-button {
      width: 30px;
      min-width: 30px;
      height: 30px;
      cursor: pointer;
      border-radius: 30px;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      line-height: 30px;
      text-align: center
    }
    
    .md-datepicker-days .md-datepicker-selected,
    .md-datepicker-days .md-datepicker-today {
      font-weight: 700
    }
    
    .md-datepicker-days .md-datepicker-disabled {
      pointer-events: none
    }
    
    .md-datepicker-month-selector {
      padding: 6px 8px 10px;
      flex-wrap: wrap;
      bottom: auto;
      transition: .35s cubic-bezier(.4, 0, .2, 1);
      transition-property: transform, opacity;
      will-change: transform, opacity
    }
    
    .md-datepicker-month-selector.md-datepicker-view-enter,
    .md-datepicker-month-selector.md-datepicker-view-leave-active {
      transform: translate3d(0, -100%, 0)
    }
    
    .md-datepicker-month-selector .md-datepicker-year-trigger {
      width: 100%;
      margin: 0 0 8px;
      flex: 1 1 100%
    }
    
    .md-datepicker-month-button,
    .md-datepicker-year-button {
      height: 36px;
      margin: 3px 0;
      cursor: pointer;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      line-height: 36px;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase
    }
    
    .md-datepicker-month-button {
      flex: 1 1 33.3333%;
      border-radius: 2px;
      font-size: 13px
    }
    
    .md-datepicker-year-selector {
      flex-direction: column;
      overflow: auto;
      bottom: 52px;
      border-bottom: 1px solid
    }
    
    .md-datepicker-year-selector.md-datepicker-view-enter,
    .md-datepicker-year-selector.md-datepicker-view-leave-active {
      transform: translate3d(0, -100%, 0)
    }
    
    .md-datepicker-year-selector .md-button {
      min-height: 36px
    }
    
    .md-datepicker-year-button {
      font-size: 16px
    }
    
    .md-datepicker-year-button.md-datepicker-selected {
      font-size: 24px
    }
    
    @media (max-width:600px) {
      .md-datepicker-dialog {
        flex-direction: column;
        top: 50% !important;
        left: 50% !important;
        transform: translate3D(-50%, -50%, 0);
        transform-origin: center center;
        position: fixed !important
      }
    
      .md-datepicker-dialog-enter {
        transform: translate3D(-50%, -50%, 0) scale(.9)
      }
    
      .md-datepicker-header {
        min-width: auto;
        padding: 16px 20px
      }
    
      .md-datepicker-header .md-datepicker-dayname {
        display: inline-block
      }
    
      .md-datepicker-body {
        width: 296px
      }
    
      .md-datepicker-month {
        padding: 0 6px
      }
    }
    
    .md-popover.md-rendering {
      opacity: 0;
      transition: none !important
    }
    
    .md-dialog {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      align-items: center;
      justify-content: center;
      pointer-events: none;
      display: flex;
      transition-duration: .2s;
      z-index: 110
    }
    
    .md-dialog.md-dialog-enter-to .md-dialog-container,
    .md-dialog.md-dialog-leave .md-dialog-container {
      opacity: 1;
      transform: scale(1)
    }
    
    .md-dialog.md-dialog-enter .md-dialog-container,
    .md-dialog.md-dialog-leave-to .md-dialog-container {
      opacity: 0;
      transform: scale(.9)
    }
    
    .md-dialog-container {
      box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
      min-width: 280px;
      max-width: 80%;
      max-height: 80%;
      margin: auto;
      display: flex;
      flex-flow: column;
      overflow: hidden;
      border-radius: 2px;
      backface-visibility: hidden;
      pointer-events: auto;
      opacity: 1;
      transform-origin: center center;
      transition: opacity .15s cubic-bezier(.25, .8, .25, 1), transform .2s cubic-bezier(.25, .8, .25, 1);
      will-change: opacity, transform
    }
    
    .md-dialog-container.md-dialog-enter-to,
    .md-dialog-container.md-dialog-leave {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1)
    }
    
    .md-dialog-container.md-dialog-enter,
    .md-dialog-container.md-dialog-leave-to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(.9)
    }
    
    .md-dialog-container .md-tabs {
      flex: 1;
      max-width: 100%
    }
    
    .md-dialog-container .md-tabs-navigation {
      padding: 0 12px
    }
    
    @media (max-width:600px) {
    
      .md-dialog.md-dialog-enter-to .md-dialog-fullscreen,
      .md-dialog.md-dialog-leave .md-dialog-fullscreen {
        opacity: 0;
        transform: translateY(30%)
      }
    
      .md-dialog.md-dialog-enter .md-dialog-fullscreen,
      .md-dialog.md-dialog-leave-to .md-dialog-fullscreen {
        opacity: 1;
        transform: translate(0)
      }
    
      .md-dialog-container .md-tab {
        padding: 12px
      }
    
      .md-dialog-fullscreen {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
        transform: none
      }
    
      .md-dialog-fullscreen.md-dialog-enter,
      .md-dialog-fullscreen.md-dialog-leave-to {
        opacity: 0;
        transform: translate3D(0, 30%, 0)
      }
    
      .md-dialog-fullscreen.md-dialog-enter-to,
      .md-dialog-fullscreen.md-dialog-leave {
        opacity: 1;
        transform: translateZ(0)
      }
    }
    
    .md-dialog-title {
      margin-bottom: 20px;
      padding: 24px 24px 0
    }
    
    .md-dialog-content {
      padding: 0 24px 24px;
      flex: 1;
      flex-basis: auto;
      overflow: auto;
      position: relative
    }
    
    .md-dialog-content:first-child {
      padding-top: 24px
    }
    
    .md-dialog-content p:first-child:not(:only-child) {
      margin-top: 0
    }
    
    .md-dialog-content p:last-child:not(:only-child) {
      margin-bottom: 0
    }
    
    .md-dialog-actions {
      min-height: 52px;
      padding: 8px 8px 8px 24px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      position: relative
    }
    
    .md-dialog-actions:before {
      height: 1px;
      position: absolute;
      top: -1px;
      right: 0;
      left: 0;
      content: " "
    }
    
    .md-dialog-actions .md-button {
      min-width: 64px;
      margin: 0
    }
    
    .md-dialog-actions .md-button+.md-button {
      margin-left: 8px
    }
    
    .md-divider {
      height: 1px;
      margin: 0;
      padding: 0;
      display: block;
      border: 0;
      transition: margin-left .3s cubic-bezier(.4, 0, .2, 1);
      will-change: margin-left
    }
    
    .md-divider.md-inset {
      margin-left: 72px
    }
    
    .md-drawer {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 30;
      transform: translate3D(-100%, 0, 0);
      transition: transform .4s cubic-bezier(.25, .8, .25, 1);
      will-change: transform, box-shadow;
      width: 400px;
      max-width: calc(100vw - 56px);
      overflow-x: hidden;
      overflow-y: auto
    }
    
    .md-drawer.md-right {
      right: 0;
      left: auto;
      transform: translate3D(100%, 0, 0)
    }
    
    .md-drawer.md-fixed {
      position: fixed
    }
    
    .md-drawer.md-active {
      transform: translateZ(0);
      transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-drawer.md-temporary.md-left+.md-app-container .md-content {
      border-left: none
    }
    
    .md-drawer.md-temporary.md-right-previous+.md-app-container .md-content {
      border-right: none
    }
    
    .md-drawer.md-temporary.md-active {
      box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
    }
    
    .md-drawer.md-persistent:not(.md-active).md-left+.md-app-container .md-content {
      border-left: none
    }
    
    .md-drawer.md-persistent:not(.md-active).md-right-previous+.md-app-container .md-content {
      border-right: none
    }
    
    .md-drawer.md-persistent-mini {
      transform: translate3D(0, 64px, 0);
      transition: .3s cubic-bezier(.25, .8, .25, 1);
      transition-property: transform, width;
      will-change: transform, box-shadow
    }
    
    .md-drawer.md-persistent-mini.md-left {
      border-right: 1px solid
    }
    
    .md-drawer.md-persistent-mini.md-right {
      border-left: 1px solid
    }
    
    .md-drawer.md-persistent-mini.md-active.md-left+.md-app-container .md-content {
      border-left: none
    }
    
    .md-drawer.md-persistent-mini.md-active.md-right-previous+.md-app-container .md-content {
      border-right: none
    }
    
    .md-drawer.md-persistent-mini:not(.md-active) {
      width: 70px !important;
      z-index: 1;
      white-space: nowrap
    }
    
    .md-drawer.md-persistent-mini:not(.md-active) .md-toolbar {
      display: none
    }
    
    .md-drawer.md-persistent-mini:not(.md-active) .md-list-item-content {
      padding: 0 23px
    }
    
    .md-drawer.md-persistent-mini.md-active {
      position: relative;
      transform: translateZ(0);
      white-space: normal
    }
    
    .md-drawer .md-list-item-container {
      font-size: 14px;
      text-transform: none
    }
    
    @media (max-width:600px) {
      .md-drawer {
        width: 320px
      }
    
      .md-drawer.md-active {
        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
      }
    }
    
    @media (min-width:600px) {
      .md-drawer:not(.md-temporary)~.md-overlay {
        background: none;
        pointer-events: none
      }
    
      .md-drawer.md-permanent {
        position: relative;
        transform: translateZ(0)
      }
    
      .md-drawer.md-permanent-full {
        z-index: 3
      }
    
      .md-drawer.md-permanent-full .md-list {
        padding-top: 0
      }
    
      .md-drawer.md-permanent-card,
      .md-drawer.md-permanent-clipped {
        z-index: 1
      }
    
      .md-drawer.md-permanent-card {
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
        position: relative;
        border-radius: 2px;
        transition: .3s cubic-bezier(.4, 0, .2, 1);
        transition-property: color, background-color;
        will-change: color, background-color;
        margin: 8px;
        z-index: 1
      }
    }
    
    @media (min-width:960px) {
      .md-drawer.md-permanent-card {
        margin: 16px
      }
    }
    
    @media (min-width:1280px) {
      .md-drawer.md-permanent-card {
        margin: 24px
      }
    }
    
    .md-elevation-0 {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
    }
    
    .md-elevation-1 {
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
    }
    
    .md-elevation-2 {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
    }
    
    .md-elevation-3 {
      box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
    }
    
    .md-elevation-4 {
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
    }
    
    .md-elevation-5 {
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
    }
    
    .md-elevation-6 {
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
    }
    
    .md-elevation-7 {
      box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-8 {
      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-9 {
      box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-10 {
      box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-11 {
      box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-12 {
      box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-13 {
      box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-14 {
      box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-15 {
      box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-16 {
      box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-17 {
      box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-18 {
      box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-19 {
      box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-20 {
      box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-21 {
      box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-22 {
      box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-23 {
      box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
    }
    
    .md-elevation-24 {
      box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
    }
    
    .md-empty-state {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      max-width: 420px;
      padding: 36px;
      margin: 0 auto;
      position: relative;
      transition: opacity .15s cubic-bezier(0, 0, .2, 1), transform .3s cubic-bezier(0, 0, .2, 1);
      will-change: transform, opacity
    }
    
    .md-empty-state.md-rounded {
      max-width: auto;
      border-radius: 50%
    }
    
    .md-empty-state.md-rounded .md-empty-state-container {
      padding: 40px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0
    }
    
    .md-empty-state .md-button {
      margin: .5em 0 0
    }
    
    .md-empty-state-enter {
      opacity: 0;
      transform: scale(.87)
    }
    
    .md-empty-state-enter .md-empty-state-container {
      opacity: 0
    }
    
    .md-empty-state-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      transition: opacity .4s cubic-bezier(.4, 0, .2, 1);
      will-change: opacity
    }
    
    .md-empty-state-icon {
      width: 160px;
      min-width: 160px;
      height: 160px;
      font-size: 160px !important;
      margin: 0
    }
    
    .md-empty-state-label {
      font-size: 26px;
      font-weight: 500;
      line-height: 40px
    }
    
    .md-empty-state-description {
      margin: 1em 0;
      font-size: 16px;
      line-height: 24px
    }
    
    .md-menu.md-select {
      display: flex;
      flex: 1;
      overflow: auto
    }
    
    .md-menu.md-select:not(.md-disabled) .md-icon,
    .md-menu.md-select:not(.md-disabled) .md-input {
      cursor: pointer;
      outline: none
    }
    
    .md-menu.md-select .md-input {
      flex: 1;
      min-width: 0
    }
    
    .md-menu.md-select .md-input-fake,
    .md-menu.md-select select {
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      position: absolute;
      clip: rect(0 0 0 0);
      border: 0
    }
    
    .md-menu-content.md-select-menu {
      z-index: 111;
      width: 100%
    }
    
    .md-menu-content.md-select-menu.md-menu-content-enter {
      transform: translate3d(0, -8px, 0) scaleY(.3)
    }
    
    .md-menu-content.md-select-menu .md-list {
      transition: opacity .3s cubic-bezier(.55, 0, .55, .2)
    }
    
    .md-menu {
      display: inline-block
    }
    
    .md-menu>.md-button {
      margin: 0
    }
    
    .md-menu-content {
      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
      min-width: 112px;
      max-width: 280px;
      max-height: 35vh;
      display: flex;
      flex-direction: row;
      position: absolute;
      z-index: 60;
      border-radius: 2px;
      transition: transform .2s cubic-bezier(.25, .8, .25, 1), opacity .3s cubic-bezier(.25, .8, .25, 1);
      will-change: opacity, transform, top, left !important
    }
    
    .md-menu-content.md-shallow {
      position: fixed !important;
      top: -9999em !important;
      left: -9999em !important;
      pointer-events: none
    }
    
    .md-menu-content.md-menu-content-enter-active {
      opacity: 1;
      transform: translateZ(0)
    }
    
    .md-menu-content.md-menu-content-leave-active {
      transition: opacity .4s cubic-bezier(.4, 0, .2, 1);
      opacity: 0
    }
    
    .md-menu-content.md-menu-content-enter.md-menu-content-top-start {
      transform-origin: bottom left;
      transform: translate3d(0, 8px, 0) scaleY(.95)
    }
    
    .md-menu-content.md-menu-content-enter.md-menu-content-top-end {
      transform-origin: bottom right;
      transform: translate3d(0, 8px, 0) scaleY(.95)
    }
    
    .md-menu-content.md-menu-content-enter.md-menu-content-right-start {
      transform-origin: left top;
      transform: translate3d(0, -8px, 0) scaleY(.95)
    }
    
    .md-menu-content.md-menu-content-enter.md-menu-content-right-end {
      transform-origin: left bottom;
      transform: translate3d(0, 8px, 0) scaleY(.95)
    }
    
    .md-menu-content.md-menu-content-enter.md-menu-content-bottom-start {
      transform-origin: top left;
      transform: translate3d(0, -8px, 0) scaleY(.95)
    }
    
    .md-menu-content.md-menu-content-enter.md-menu-content-bottom-end {
      transform-origin: top right;
      transform: translate3d(0, -8px, 0) scaleY(.95)
    }
    
    .md-menu-content.md-menu-content-enter.md-menu-content-left-start {
      transform-origin: right top;
      transform: translate3d(0, -8px, 0) scaleY(.95)
    }
    
    .md-menu-content.md-menu-content-enter.md-menu-content-left-end {
      transform-origin: right bottom;
      transform: translate3d(0, 8px, 0) scaleY(.95)
    }
    
    .md-menu-content.md-menu-content-enter .md-list {
      opacity: 0
    }
    
    .md-menu-content.md-menu-content-medium {
      min-width: 168px
    }
    
    .md-menu-content.md-menu-content-big {
      min-width: 224px
    }
    
    .md-menu-content.md-menu-content-huge {
      min-width: 280px
    }
    
    .md-menu-content-container {
      flex: 1;
      overflow: auto
    }
    
    .md-menu-content-container .md-list {
      transition: opacity .3s cubic-bezier(.25, .8, .25, 1);
      will-change: opacity;
      font-family: Roboto, sans-serif;
      text-transform: none;
      white-space: nowrap
    }
    
    .md-menu-content-container .md-list .md-list-item-container {
      height: 100%
    }
    
    @media (max-width:960px) {
      .md-menu-content-container .md-list {
        font-size: 14px
      }
    }
    
    .md-list {
      margin: 0;
      padding: 8px 0;
      display: flex;
      flex-flow: column nowrap;
      position: relative;
      list-style: none
    }
    
    .md-list.md-dense {
      padding: 4px 0
    }
    
    .md-list .md-divider {
      margin-top: -1px
    }
    
    .md-list .md-subheader.md-inset {
      padding-left: 72px
    }
    
    .md-list>.md-subheader:first-of-type {
      margin-top: -8px
    }
    
    .md-optgroup .md-subheader {
      text-transform: uppercase
    }
    
    .md-optgroup .md-ripple.md-list-item-content {
      padding-left: 24px
    }
    
    .md-file {
      display: flex;
      flex: 1
    }
    
    .md-file input[type=file] {
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      position: absolute;
      clip: rect(0 0 0 0);
      border: 0
    }
    
    .md-file .md-file-icon:not(.md-disabled) {
      cursor: pointer
    }
    
    .md-file .md-file-icon.md-disabled {
      pointer-events: none
    }
    
    .md-highlight-text {
      flex: 1
    }
    
    .md-highlight-text-match {
      font-weight: 500
    }
    
    .md-image {
      display: flex;
      justify-content: center;
      align-items: center
    }
    
    .md-layout {
      display: flex;
      flex-wrap: wrap
    }
    
    .md-layout .md-layout {
      flex: 1
    }
    
    .md-layout .md-layout-nowrap {
      flex-wrap: nowrap
    }
    
    .md-layout.md-centered {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto
    }
    
    .md-layout.md-gutter {
      margin-right: -20px;
      margin-left: -20px
    }
    
    .md-layout.md-gutter>.md-layout-item {
      padding-right: 20px;
      padding-left: 20px
    }
    
    @media (max-width:1904px) {
      .md-layout.md-gutter {
        margin-right: -20px;
        margin-left: -20px
      }
    
      .md-layout.md-gutter>.md-layout-item {
        padding-right: 20px;
        padding-left: 20px
      }
    }
    
    @media (max-width:1280px) {
      .md-layout.md-gutter {
        margin-right: -12px;
        margin-left: -12px
      }
    
      .md-layout.md-gutter>.md-layout-item {
        padding-right: 12px;
        padding-left: 12px
      }
    }
    
    @media (max-width:960px) {
      .md-layout.md-gutter {
        margin-right: -8px;
        margin-left: -8px
      }
    
      .md-layout.md-gutter>.md-layout-item {
        padding-right: 8px;
        padding-left: 8px
      }
    }
    
    @media (max-width:600px) {
      .md-layout.md-gutter {
        margin-right: -4px;
        margin-left: -4px
      }
    
      .md-layout.md-gutter>.md-layout-item {
        padding-right: 4px;
        padding-left: 4px
      }
    }
    
    .md-layout.md-alignment-top-left {
      justify-content: flex-start;
      align-items: flex-start
    }
    
    .md-layout.md-alignment-top-center {
      justify-content: center;
      align-items: flex-start
    }
    
    .md-layout.md-alignment-top-right {
      justify-content: flex-end;
      align-items: flex-start
    }
    
    .md-layout.md-alignment-top-space-around {
      justify-content: space-around;
      align-items: flex-start
    }
    
    .md-layout.md-alignment-top-space-between {
      justify-content: space-between;
      align-items: flex-start
    }
    
    .md-layout.md-alignment-center-left {
      justify-content: flex-start;
      align-items: center
    }
    
    .md-layout.md-alignment-center,
    .md-layout.md-alignment-center-center {
      justify-content: center;
      align-items: center
    }
    
    .md-layout.md-alignment-center-right {
      justify-content: flex-end;
      align-items: center
    }
    
    .md-layout.md-alignment-center-space-around {
      justify-content: space-around;
      align-items: center
    }
    
    .md-layout.md-alignment-center-space-between {
      justify-content: space-between;
      align-items: center
    }
    
    .md-layout.md-alignment-bottom-left {
      justify-content: flex-start;
      align-items: flex-end
    }
    
    .md-layout.md-alignment-bottom-center {
      justify-content: center;
      align-items: flex-end
    }
    
    .md-layout.md-alignment-bottom-right {
      justify-content: flex-end;
      align-items: flex-end
    }
    
    .md-layout.md-alignment-bottom-space-around {
      justify-content: space-around;
      align-items: flex-end
    }
    
    .md-layout.md-alignment-bottom-space-between {
      justify-content: space-between;
      align-items: flex-end
    }
    
    .md-layout.md-alignment-space-around-left {
      justify-content: flex-start;
      align-items: space-around
    }
    
    .md-layout.md-alignment-space-around-center {
      justify-content: center;
      align-items: space-around
    }
    
    .md-layout.md-alignment-space-around-right {
      justify-content: flex-end;
      align-items: space-around
    }
    
    .md-layout.md-alignment-space-around-space-around {
      justify-content: space-around;
      align-items: space-around
    }
    
    .md-layout.md-alignment-space-around-space-between {
      justify-content: space-between;
      align-items: space-around
    }
    
    .md-layout.md-alignment-space-between-left {
      justify-content: flex-start;
      align-items: space-between
    }
    
    .md-layout.md-alignment-space-between-center {
      justify-content: center;
      align-items: space-between
    }
    
    .md-layout.md-alignment-space-between-right {
      justify-content: flex-end;
      align-items: space-between
    }
    
    .md-layout.md-alignment-space-between-space-around {
      justify-content: space-around;
      align-items: space-between
    }
    
    .md-layout.md-alignment-space-between-space-between {
      justify-content: space-between;
      align-items: space-between
    }
    
    .md-layout-item {
      flex: 1 1
    }
    
    .md-layout-item.md-layout {
      margin: 0
    }
    
    .md-layout-item.md-size {
      flex: 1 1
    }
    
    .md-layout-item.md-size-5 {
      min-width: 5%;
      max-width: 5%;
      flex: 0 1 5%
    }
    
    .md-layout-item.md-size-10 {
      min-width: 10%;
      max-width: 10%;
      flex: 0 1 10%
    }
    
    .md-layout-item.md-size-15 {
      min-width: 15%;
      max-width: 15%;
      flex: 0 1 15%
    }
    
    .md-layout-item.md-size-20 {
      min-width: 20%;
      max-width: 20%;
      flex: 0 1 20%
    }
    
    .md-layout-item.md-size-25 {
      min-width: 25%;
      max-width: 25%;
      flex: 0 1 25%
    }
    
    .md-layout-item.md-size-30 {
      min-width: 30%;
      max-width: 30%;
      flex: 0 1 30%
    }
    
    .md-layout-item.md-size-35 {
      min-width: 35%;
      max-width: 35%;
      flex: 0 1 35%
    }
    
    .md-layout-item.md-size-40 {
      min-width: 40%;
      max-width: 40%;
      flex: 0 1 40%
    }
    
    .md-layout-item.md-size-45 {
      min-width: 45%;
      max-width: 45%;
      flex: 0 1 45%
    }
    
    .md-layout-item.md-size-50 {
      min-width: 50%;
      max-width: 50%;
      flex: 0 1 50%
    }
    
    .md-layout-item.md-size-55 {
      min-width: 55%;
      max-width: 55%;
      flex: 0 1 55%
    }
    
    .md-layout-item.md-size-60 {
      min-width: 60%;
      max-width: 60%;
      flex: 0 1 60%
    }
    
    .md-layout-item.md-size-65 {
      min-width: 65%;
      max-width: 65%;
      flex: 0 1 65%
    }
    
    .md-layout-item.md-size-70 {
      min-width: 70%;
      max-width: 70%;
      flex: 0 1 70%
    }
    
    .md-layout-item.md-size-75 {
      min-width: 75%;
      max-width: 75%;
      flex: 0 1 75%
    }
    
    .md-layout-item.md-size-80 {
      min-width: 80%;
      max-width: 80%;
      flex: 0 1 80%
    }
    
    .md-layout-item.md-size-85 {
      min-width: 85%;
      max-width: 85%;
      flex: 0 1 85%
    }
    
    .md-layout-item.md-size-90 {
      min-width: 90%;
      max-width: 90%;
      flex: 0 1 90%
    }
    
    .md-layout-item.md-size-95 {
      min-width: 95%;
      max-width: 95%;
      flex: 0 1 95%
    }
    
    .md-layout-item.md-size-33 {
      min-width: 33.3333%;
      max-width: 33.3333%;
      flex: 0 1 33.3333%
    }
    
    .md-layout-item.md-size-66 {
      min-width: 66.6666%;
      max-width: 66.6666%;
      flex: 0 1 66.6666%
    }
    
    .md-layout-item.md-size-100 {
      min-width: 100%;
      max-width: 100%;
      margin-left: 0 !important;
      flex: 1 1 100%
    }
    
    @media (min-width:1904px) {
      .md-layout-item.md-xlarge-size {
        flex: 1 1
      }
    
      .md-layout-item.md-xlarge-size-5 {
        min-width: 5%;
        max-width: 5%;
        flex: 0 1 5%
      }
    
      .md-layout-item.md-xlarge-size-10 {
        min-width: 10%;
        max-width: 10%;
        flex: 0 1 10%
      }
    
      .md-layout-item.md-xlarge-size-15 {
        min-width: 15%;
        max-width: 15%;
        flex: 0 1 15%
      }
    
      .md-layout-item.md-xlarge-size-20 {
        min-width: 20%;
        max-width: 20%;
        flex: 0 1 20%
      }
    
      .md-layout-item.md-xlarge-size-25 {
        min-width: 25%;
        max-width: 25%;
        flex: 0 1 25%
      }
    
      .md-layout-item.md-xlarge-size-30 {
        min-width: 30%;
        max-width: 30%;
        flex: 0 1 30%
      }
    
      .md-layout-item.md-xlarge-size-35 {
        min-width: 35%;
        max-width: 35%;
        flex: 0 1 35%
      }
    
      .md-layout-item.md-xlarge-size-40 {
        min-width: 40%;
        max-width: 40%;
        flex: 0 1 40%
      }
    
      .md-layout-item.md-xlarge-size-45 {
        min-width: 45%;
        max-width: 45%;
        flex: 0 1 45%
      }
    
      .md-layout-item.md-xlarge-size-50 {
        min-width: 50%;
        max-width: 50%;
        flex: 0 1 50%
      }
    
      .md-layout-item.md-xlarge-size-55 {
        min-width: 55%;
        max-width: 55%;
        flex: 0 1 55%
      }
    
      .md-layout-item.md-xlarge-size-60 {
        min-width: 60%;
        max-width: 60%;
        flex: 0 1 60%
      }
    
      .md-layout-item.md-xlarge-size-65 {
        min-width: 65%;
        max-width: 65%;
        flex: 0 1 65%
      }
    
      .md-layout-item.md-xlarge-size-70 {
        min-width: 70%;
        max-width: 70%;
        flex: 0 1 70%
      }
    
      .md-layout-item.md-xlarge-size-75 {
        min-width: 75%;
        max-width: 75%;
        flex: 0 1 75%
      }
    
      .md-layout-item.md-xlarge-size-80 {
        min-width: 80%;
        max-width: 80%;
        flex: 0 1 80%
      }
    
      .md-layout-item.md-xlarge-size-85 {
        min-width: 85%;
        max-width: 85%;
        flex: 0 1 85%
      }
    
      .md-layout-item.md-xlarge-size-90 {
        min-width: 90%;
        max-width: 90%;
        flex: 0 1 90%
      }
    
      .md-layout-item.md-xlarge-size-95 {
        min-width: 95%;
        max-width: 95%;
        flex: 0 1 95%
      }
    
      .md-layout-item.md-xlarge-size-33 {
        min-width: 33.3333%;
        max-width: 33.3333%;
        flex: 0 1 33.3333%
      }
    
      .md-layout-item.md-xlarge-size-66 {
        min-width: 66.6666%;
        max-width: 66.6666%;
        flex: 0 1 66.6666%
      }
    
      .md-layout-item.md-xlarge-size-100 {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        flex: 1 1 100%
      }
    }
    
    @media (max-width:1904px) {
      .md-layout-item.md-large-size {
        flex: 1 1
      }
    
      .md-layout-item.md-large-size-5 {
        min-width: 5%;
        max-width: 5%;
        flex: 0 1 5%
      }
    
      .md-layout-item.md-large-size-10 {
        min-width: 10%;
        max-width: 10%;
        flex: 0 1 10%
      }
    
      .md-layout-item.md-large-size-15 {
        min-width: 15%;
        max-width: 15%;
        flex: 0 1 15%
      }
    
      .md-layout-item.md-large-size-20 {
        min-width: 20%;
        max-width: 20%;
        flex: 0 1 20%
      }
    
      .md-layout-item.md-large-size-25 {
        min-width: 25%;
        max-width: 25%;
        flex: 0 1 25%
      }
    
      .md-layout-item.md-large-size-30 {
        min-width: 30%;
        max-width: 30%;
        flex: 0 1 30%
      }
    
      .md-layout-item.md-large-size-35 {
        min-width: 35%;
        max-width: 35%;
        flex: 0 1 35%
      }
    
      .md-layout-item.md-large-size-40 {
        min-width: 40%;
        max-width: 40%;
        flex: 0 1 40%
      }
    
      .md-layout-item.md-large-size-45 {
        min-width: 45%;
        max-width: 45%;
        flex: 0 1 45%
      }
    
      .md-layout-item.md-large-size-50 {
        min-width: 50%;
        max-width: 50%;
        flex: 0 1 50%
      }
    
      .md-layout-item.md-large-size-55 {
        min-width: 55%;
        max-width: 55%;
        flex: 0 1 55%
      }
    
      .md-layout-item.md-large-size-60 {
        min-width: 60%;
        max-width: 60%;
        flex: 0 1 60%
      }
    
      .md-layout-item.md-large-size-65 {
        min-width: 65%;
        max-width: 65%;
        flex: 0 1 65%
      }
    
      .md-layout-item.md-large-size-70 {
        min-width: 70%;
        max-width: 70%;
        flex: 0 1 70%
      }
    
      .md-layout-item.md-large-size-75 {
        min-width: 75%;
        max-width: 75%;
        flex: 0 1 75%
      }
    
      .md-layout-item.md-large-size-80 {
        min-width: 80%;
        max-width: 80%;
        flex: 0 1 80%
      }
    
      .md-layout-item.md-large-size-85 {
        min-width: 85%;
        max-width: 85%;
        flex: 0 1 85%
      }
    
      .md-layout-item.md-large-size-90 {
        min-width: 90%;
        max-width: 90%;
        flex: 0 1 90%
      }
    
      .md-layout-item.md-large-size-95 {
        min-width: 95%;
        max-width: 95%;
        flex: 0 1 95%
      }
    
      .md-layout-item.md-large-size-33 {
        min-width: 33.3333%;
        max-width: 33.3333%;
        flex: 0 1 33.3333%
      }
    
      .md-layout-item.md-large-size-66 {
        min-width: 66.6666%;
        max-width: 66.6666%;
        flex: 0 1 66.6666%
      }
    
      .md-layout-item.md-large-size-100 {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        flex: 1 1 100%
      }
    }
    
    @media (max-width:1280px) {
      .md-layout-item.md-medium-size {
        flex: 1 1
      }
    
      .md-layout-item.md-medium-size-5 {
        min-width: 5%;
        max-width: 5%;
        flex: 0 1 5%
      }
    
      .md-layout-item.md-medium-size-10 {
        min-width: 10%;
        max-width: 10%;
        flex: 0 1 10%
      }
    
      .md-layout-item.md-medium-size-15 {
        min-width: 15%;
        max-width: 15%;
        flex: 0 1 15%
      }
    
      .md-layout-item.md-medium-size-20 {
        min-width: 20%;
        max-width: 20%;
        flex: 0 1 20%
      }
    
      .md-layout-item.md-medium-size-25 {
        min-width: 25%;
        max-width: 25%;
        flex: 0 1 25%
      }
    
      .md-layout-item.md-medium-size-30 {
        min-width: 30%;
        max-width: 30%;
        flex: 0 1 30%
      }
    
      .md-layout-item.md-medium-size-35 {
        min-width: 35%;
        max-width: 35%;
        flex: 0 1 35%
      }
    
      .md-layout-item.md-medium-size-40 {
        min-width: 40%;
        max-width: 40%;
        flex: 0 1 40%
      }
    
      .md-layout-item.md-medium-size-45 {
        min-width: 45%;
        max-width: 45%;
        flex: 0 1 45%
      }
    
      .md-layout-item.md-medium-size-50 {
        min-width: 50%;
        max-width: 50%;
        flex: 0 1 50%
      }
    
      .md-layout-item.md-medium-size-55 {
        min-width: 55%;
        max-width: 55%;
        flex: 0 1 55%
      }
    
      .md-layout-item.md-medium-size-60 {
        min-width: 60%;
        max-width: 60%;
        flex: 0 1 60%
      }
    
      .md-layout-item.md-medium-size-65 {
        min-width: 65%;
        max-width: 65%;
        flex: 0 1 65%
      }
    
      .md-layout-item.md-medium-size-70 {
        min-width: 70%;
        max-width: 70%;
        flex: 0 1 70%
      }
    
      .md-layout-item.md-medium-size-75 {
        min-width: 75%;
        max-width: 75%;
        flex: 0 1 75%
      }
    
      .md-layout-item.md-medium-size-80 {
        min-width: 80%;
        max-width: 80%;
        flex: 0 1 80%
      }
    
      .md-layout-item.md-medium-size-85 {
        min-width: 85%;
        max-width: 85%;
        flex: 0 1 85%
      }
    
      .md-layout-item.md-medium-size-90 {
        min-width: 90%;
        max-width: 90%;
        flex: 0 1 90%
      }
    
      .md-layout-item.md-medium-size-95 {
        min-width: 95%;
        max-width: 95%;
        flex: 0 1 95%
      }
    
      .md-layout-item.md-medium-size-33 {
        min-width: 33.3333%;
        max-width: 33.3333%;
        flex: 0 1 33.3333%
      }
    
      .md-layout-item.md-medium-size-66 {
        min-width: 66.6666%;
        max-width: 66.6666%;
        flex: 0 1 66.6666%
      }
    
      .md-layout-item.md-medium-size-100 {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        flex: 1 1 100%
      }
    }
    
    @media (max-width:960px) {
      .md-layout-item.md-small-size {
        flex: 1 1
      }
    
      .md-layout-item.md-small-size-5 {
        min-width: 5%;
        max-width: 5%;
        flex: 0 1 5%
      }
    
      .md-layout-item.md-small-size-10 {
        min-width: 10%;
        max-width: 10%;
        flex: 0 1 10%
      }
    
      .md-layout-item.md-small-size-15 {
        min-width: 15%;
        max-width: 15%;
        flex: 0 1 15%
      }
    
      .md-layout-item.md-small-size-20 {
        min-width: 20%;
        max-width: 20%;
        flex: 0 1 20%
      }
    
      .md-layout-item.md-small-size-25 {
        min-width: 25%;
        max-width: 25%;
        flex: 0 1 25%
      }
    
      .md-layout-item.md-small-size-30 {
        min-width: 30%;
        max-width: 30%;
        flex: 0 1 30%
      }
    
      .md-layout-item.md-small-size-35 {
        min-width: 35%;
        max-width: 35%;
        flex: 0 1 35%
      }
    
      .md-layout-item.md-small-size-40 {
        min-width: 40%;
        max-width: 40%;
        flex: 0 1 40%
      }
    
      .md-layout-item.md-small-size-45 {
        min-width: 45%;
        max-width: 45%;
        flex: 0 1 45%
      }
    
      .md-layout-item.md-small-size-50 {
        min-width: 50%;
        max-width: 50%;
        flex: 0 1 50%
      }
    
      .md-layout-item.md-small-size-55 {
        min-width: 55%;
        max-width: 55%;
        flex: 0 1 55%
      }
    
      .md-layout-item.md-small-size-60 {
        min-width: 60%;
        max-width: 60%;
        flex: 0 1 60%
      }
    
      .md-layout-item.md-small-size-65 {
        min-width: 65%;
        max-width: 65%;
        flex: 0 1 65%
      }
    
      .md-layout-item.md-small-size-70 {
        min-width: 70%;
        max-width: 70%;
        flex: 0 1 70%
      }
    
      .md-layout-item.md-small-size-75 {
        min-width: 75%;
        max-width: 75%;
        flex: 0 1 75%
      }
    
      .md-layout-item.md-small-size-80 {
        min-width: 80%;
        max-width: 80%;
        flex: 0 1 80%
      }
    
      .md-layout-item.md-small-size-85 {
        min-width: 85%;
        max-width: 85%;
        flex: 0 1 85%
      }
    
      .md-layout-item.md-small-size-90 {
        min-width: 90%;
        max-width: 90%;
        flex: 0 1 90%
      }
    
      .md-layout-item.md-small-size-95 {
        min-width: 95%;
        max-width: 95%;
        flex: 0 1 95%
      }
    
      .md-layout-item.md-small-size-33 {
        min-width: 33.3333%;
        max-width: 33.3333%;
        flex: 0 1 33.3333%
      }
    
      .md-layout-item.md-small-size-66 {
        min-width: 66.6666%;
        max-width: 66.6666%;
        flex: 0 1 66.6666%
      }
    
      .md-layout-item.md-small-size-100 {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        flex: 1 1 100%
      }
    }
    
    @media (max-width:600px) {
      .md-layout-item.md-xsmall-size {
        flex: 1 1
      }
    
      .md-layout-item.md-xsmall-size-5 {
        min-width: 5%;
        max-width: 5%;
        flex: 0 1 5%
      }
    
      .md-layout-item.md-xsmall-size-10 {
        min-width: 10%;
        max-width: 10%;
        flex: 0 1 10%
      }
    
      .md-layout-item.md-xsmall-size-15 {
        min-width: 15%;
        max-width: 15%;
        flex: 0 1 15%
      }
    
      .md-layout-item.md-xsmall-size-20 {
        min-width: 20%;
        max-width: 20%;
        flex: 0 1 20%
      }
    
      .md-layout-item.md-xsmall-size-25 {
        min-width: 25%;
        max-width: 25%;
        flex: 0 1 25%
      }
    
      .md-layout-item.md-xsmall-size-30 {
        min-width: 30%;
        max-width: 30%;
        flex: 0 1 30%
      }
    
      .md-layout-item.md-xsmall-size-35 {
        min-width: 35%;
        max-width: 35%;
        flex: 0 1 35%
      }
    
      .md-layout-item.md-xsmall-size-40 {
        min-width: 40%;
        max-width: 40%;
        flex: 0 1 40%
      }
    
      .md-layout-item.md-xsmall-size-45 {
        min-width: 45%;
        max-width: 45%;
        flex: 0 1 45%
      }
    
      .md-layout-item.md-xsmall-size-50 {
        min-width: 50%;
        max-width: 50%;
        flex: 0 1 50%
      }
    
      .md-layout-item.md-xsmall-size-55 {
        min-width: 55%;
        max-width: 55%;
        flex: 0 1 55%
      }
    
      .md-layout-item.md-xsmall-size-60 {
        min-width: 60%;
        max-width: 60%;
        flex: 0 1 60%
      }
    
      .md-layout-item.md-xsmall-size-65 {
        min-width: 65%;
        max-width: 65%;
        flex: 0 1 65%
      }
    
      .md-layout-item.md-xsmall-size-70 {
        min-width: 70%;
        max-width: 70%;
        flex: 0 1 70%
      }
    
      .md-layout-item.md-xsmall-size-75 {
        min-width: 75%;
        max-width: 75%;
        flex: 0 1 75%
      }
    
      .md-layout-item.md-xsmall-size-80 {
        min-width: 80%;
        max-width: 80%;
        flex: 0 1 80%
      }
    
      .md-layout-item.md-xsmall-size-85 {
        min-width: 85%;
        max-width: 85%;
        flex: 0 1 85%
      }
    
      .md-layout-item.md-xsmall-size-90 {
        min-width: 90%;
        max-width: 90%;
        flex: 0 1 90%
      }
    
      .md-layout-item.md-xsmall-size-95 {
        min-width: 95%;
        max-width: 95%;
        flex: 0 1 95%
      }
    
      .md-layout-item.md-xsmall-size-33 {
        min-width: 33.3333%;
        max-width: 33.3333%;
        flex: 0 1 33.3333%
      }
    
      .md-layout-item.md-xsmall-size-66 {
        min-width: 66.6666%;
        max-width: 66.6666%;
        flex: 0 1 66.6666%
      }
    
      .md-layout-item.md-xsmall-size-100 {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        flex: 1 1 100%
      }
    }
    
    .md-hide {
      display: none
    }
    
    @media (min-width:1904px) {
      .md-xlarge-hide {
        display: none
      }
    }
    
    @media (max-width:1904px) {
      .md-large-hide {
        display: none
      }
    }
    
    @media (max-width:1280px) {
      .md-medium-hide {
        display: none
      }
    }
    
    @media (max-width:960px) {
      .md-small-hide {
        display: none
      }
    }
    
    @media (max-width:600px) {
      .md-xsmall-hide {
        display: none
      }
    }
    
    .md-list-item {
      height: auto;
      position: relative;
      z-index: 2
    }
    
    .md-list-item.md-inset .md-list-item-content {
      padding-left: 72px
    }
    
    .md-list-item .md-icon {
      margin: 0;
      transition-property: color, margin-right
    }
    
    .md-list-item-container {
      width: 100%;
      font-size: 16px;
      font-weight: 400;
      text-align: left;
      text-transform: none
    }
    
    .md-list-item-container:not(.md-list-item-default):not([disabled])>.md-list-item-content {
      -webkit-user-select: none;
      user-select: none;
      cursor: pointer
    }
    
    .md-list-item-container.md-button-clean:hover {
      opacity: 1;
      text-decoration: none
    }
    
    .md-list-item-content {
      min-height: 48px;
      padding: 4px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: padding .4s cubic-bezier(.25, .8, .25, 1);
      will-change: padding
    }
    
    .md-list.md-dense .md-list-item-content {
      min-height: 40px;
      font-size: 13px
    }
    
    .md-list.md-dense .md-list-item-content>.md-avatar {
      margin-top: 0;
      margin-bottom: 0
    }
    
    .md-list.md-dense .md-list-item-content>.md-avatar:not(.md-small) {
      width: 36px;
      min-width: 36px;
      height: 36px
    }
    
    .md-list.md-dense .md-list-item-content>.md-avatar:first-child {
      margin-right: 20px
    }
    
    .md-list.md-double-line .md-list-item-content {
      min-height: 72px
    }
    
    .md-list.md-double-line.md-dense .md-list-item-content {
      min-height: 60px
    }
    
    .md-list.md-triple-line .md-list-item-content {
      min-height: 88px
    }
    
    .md-list.md-triple-line.md-dense .md-list-item-content {
      min-height: 76px
    }
    
    .md-list-item-content .md-list-action {
      margin: 0 -10px 0 0
    }
    
    .md-list-item-content .md-list-action:last-of-type {
      margin: 0 -10px 0 16px
    }
    
    .md-list.md-triple-line .md-list-item-content .md-list-action:last-of-type {
      align-self: flex-start
    }
    
    .md-list-item-content>.md-icon:first-child {
      margin-right: 32px
    }
    
    .md-list-item-content>.md-icon:last-child {
      margin-left: 16px
    }
    
    .md-list-item-content>.md-checkbox,
    .md-list-item-content>.md-radio {
      margin: 0
    }
    
    .md-list-item-content>.md-checkbox:first-child,
    .md-list-item-content>.md-radio:first-child {
      margin-right: 36px
    }
    
    .md-list-item-content>.md-switch {
      margin: 0
    }
    
    .md-list-item-content>.md-switch:first-child {
      margin-right: 22px
    }
    
    .md-list-item-content>.md-avatar {
      margin: 4px 0
    }
    
    .md-list-item-content>.md-avatar:first-child {
      margin-right: 16px
    }
    
    .md-list-item-text {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      overflow: hidden;
      line-height: 1.25em;
      white-space: nowrap
    }
    
    .md-list.md-dense .md-list-item-text {
      font-size: 13px
    }
    
    .md-list-item-text * {
      width: 100%;
      margin: 0;
      overflow: hidden;
      line-height: 1.25em;
      text-overflow: ellipsis
    }
    
    .md-list-item-text :nth-child(2),
    .md-list-item-text :nth-child(3) {
      font-size: 14px
    }
    
    .md-list.md-dense .md-list-item-text * {
      font-size: 13px
    }
    
    .md-list-item-expand {
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      transition: border .4s cubic-bezier(.25, .8, .25, 1);
      will-change: border
    }
    
    .md-list-item-expand.md-active>.md-list-item-content>.md-list-expand-icon {
      perspective: 1000px;
      perspective-origin: 50% 50%;
      transform: rotateX(180deg)
    }
    
    .md-list-item-expand.md-active .md-list-expand {
      opacity: 1;
      transform: translateZ(0)
    }
    
    .md-list-item-expand .md-list-expand {
      height: 0;
      opacity: 0;
      overflow: hidden;
      transform: translate3D(0, -24px, 0);
      transition: .4s cubic-bezier(.25, .8, .25, 1);
      transition-property: transform, opacity;
      will-change: transform, opacity
    }
    
    .md-list-item-expand .md-list-expand-icon {
      transition: transform .4s cubic-bezier(.25, .8, .25, 1);
      will-change: transform
    }
    
    @keyframes md-progress-bar-indeterminate-track {
      0% {
        transform: translateX(0)
      }
    
      20% {
        animation-timing-function: cubic-bezier(.5, 0, .7, .5);
        transform: translateX(0)
      }
    
      60% {
        animation-timing-function: cubic-bezier(.3, .38, .55, .96);
        transform: translateX(83.67%)
      }
    
      to {
        transform: translateX(200.61%)
      }
    }
    
    @keyframes md-progress-bar-indeterminate-track-alternate {
      0% {
        transform: scaleX(.08)
      }
    
      35% {
        animation-timing-function: cubic-bezier(.33, .12, .79, 1);
        transform: scaleX(.08)
      }
    
      70% {
        animation-timing-function: cubic-bezier(.06, .11, .6, 1);
        transform: scaleX(.66)
      }
    
      to {
        transform: scaleX(.08)
      }
    }
    
    @keyframes md-progress-bar-indeterminate-fill {
      0% {
        animation-timing-function: cubic-bezier(.15, 0, .52, .41);
        transform: translateX(0)
      }
    
      25% {
        animation-timing-function: cubic-bezier(.31, .28, .8, .73);
        transform: translateX(37.65%)
      }
    
      50% {
        animation-timing-function: cubic-bezier(.4, .63, .6, .9);
        transform: translateX(84.39%)
      }
    
      to {
        transform: translateX(160.28%)
      }
    }
    
    @keyframes md-progress-bar-indeterminate-fill-alternate {
      0% {
        animation-timing-function: cubic-bezier(.15, 0, .52, .41);
        transform: scaleX(.08)
      }
    
      20% {
        animation-timing-function: cubic-bezier(.31, .28, .8, .73);
        transform: scaleX(.46)
      }
    
      45% {
        animation-timing-function: cubic-bezier(.4, .63, .6, .9);
        transform: scaleX(.73)
      }
    
      to {
        transform: scaleX(.08)
      }
    }
    
    @keyframes md-progress-bar-buffer {
      to {
        transform: translate3D(-8px, 0, 0)
      }
    }
    
    .md-progress-bar {
      height: 5px;
      overflow: hidden;
      position: relative;
      transform: translateZ(0) scaleY(1);
      transform-origin: center center;
      transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .4s cubic-bezier(.4, 0, .2, 1);
      will-change: opacity, transform
    }
    
    .md-progress-bar.md-indeterminate .md-progress-bar-track,
    .md-progress-bar.md-query .md-progress-bar-track {
      left: -150%;
      animation: md-progress-bar-indeterminate-track 2s linear infinite
    }
    
    .md-progress-bar.md-indeterminate .md-progress-bar-track:after,
    .md-progress-bar.md-query .md-progress-bar-track:after {
      animation: md-progress-bar-indeterminate-track-alternate 2s linear infinite
    }
    
    .md-progress-bar.md-indeterminate .md-progress-bar-fill,
    .md-progress-bar.md-query .md-progress-bar-fill {
      left: -55%;
      animation: md-progress-bar-indeterminate-fill 2s linear infinite
    }
    
    .md-progress-bar.md-indeterminate .md-progress-bar-fill:after,
    .md-progress-bar.md-query .md-progress-bar-fill:after {
      animation: md-progress-bar-indeterminate-fill-alternate 2s linear infinite
    }
    
    .md-progress-bar.md-buffer .md-progress-bar-buffer,
    .md-progress-bar.md-buffer .md-progress-bar-fill,
    .md-progress-bar.md-buffer .md-progress-bar-track,
    .md-progress-bar.md-determinate .md-progress-bar-buffer,
    .md-progress-bar.md-determinate .md-progress-bar-fill,
    .md-progress-bar.md-determinate .md-progress-bar-track {
      transition: .25s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-progress-bar.md-determinate .md-progress-bar-track {
      display: none
    }
    
    .md-progress-bar.md-buffer .md-progress-bar-buffer {
      border-top: 4px dotted;
      animation: md-progress-bar-buffer .25s linear infinite
    }
    
    .md-progress-bar.md-query {
      transform: rotate(180deg)
    }
    
    .md-progress-bar-enter,
    .md-progress-bar-leave-active {
      opacity: .5;
      transform: translateZ(0) scaleY(0)
    }
    
    .md-progress-bar-buffer,
    .md-progress-bar-fill,
    .md-progress-bar-track {
      transform-origin: top left
    }
    
    .md-progress-bar-buffer,
    .md-progress-bar-buffer:after,
    .md-progress-bar-fill,
    .md-progress-bar-fill:after,
    .md-progress-bar-track,
    .md-progress-bar-track:after {
      width: 100%;
      height: 100%;
      position: absolute;
      will-change: transform
    }
    
    .md-progress-bar-buffer:after,
    .md-progress-bar-fill:after,
    .md-progress-bar-track:after {
      display: inline-block;
      left: 0;
      content: " "
    }
    
    @keyframes md-progress-spinner-rotate {
      0% {
        transform: rotate(0)
      }
    
      to {
        transform: rotate(1turn)
      }
    }
    
    @keyframes md-progress-spinner-initial-rotate {
      0% {
        opacity: 0;
        transform: rotate(-90deg) translateZ(0)
      }
    
      20% {
        opacity: 1
      }
    
      to {
        transform: rotate(270deg) translateZ(0)
      }
    }
    
    @keyframes md-progress-spinner-stroke-rotate-fallback {
      0% {
        transform: rotate(0)
      }
    
      25% {
        transform: rotate(1170deg)
      }
    
      50% {
        transform: rotate(2340deg)
      }
    
      75% {
        transform: rotate(3510deg)
      }
    
      to {
        transform: rotate(13turn)
      }
    }
    
    @keyframes md-progress-spinner-stroke-rotate {
      0% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotate(0)
      }
    
      12.5% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotate(0)
      }
    
      12.51% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotateX(180deg) rotate(72.5deg)
      }
    
      25% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotateX(180deg) rotate(72.5deg)
      }
    
      25.1% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotate(270deg)
      }
    
      37.5% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotate(270deg)
      }
    
      37.51% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotateX(180deg) rotate(161.5deg)
      }
    
      50% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotateX(180deg) rotate(161.5deg)
      }
    
      50.01% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotate(180deg)
      }
    
      62.5% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotate(180deg)
      }
    
      62.51% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotateX(180deg) rotate(251.5deg)
      }
    
      75% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotateX(180deg) rotate(251.5deg)
      }
    
      75.01% {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotate(90deg)
      }
    
      87.5% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotate(90deg)
      }
    
      87.51% {
        stroke-dashoffset: var(--md-progress-spinner-end-value);
        transform: rotateX(180deg) rotate(341.5deg)
      }
    
      to {
        stroke-dashoffset: var(--md-progress-spinner-start-value);
        transform: rotateX(180deg) rotate(341.5deg)
      }
    }
    
    .md-progress-spinner {
      display: inline-flex;
      position: relative
    }
    
    .md-progress-spinner.md-indeterminate {
      animation: md-progress-spinner-rotate 2s linear infinite
    }
    
    .md-progress-spinner.md-indeterminate.md-progress-spinner-enter .md-progress-spinner-draw,
    .md-progress-spinner.md-indeterminate.md-progress-spinner-leave-to .md-progress-spinner-draw {
      opacity: 0;
      transform: scale(.1)
    }
    
    .md-progress-spinner.md-indeterminate.md-progress-spinner-enter-active,
    .md-progress-spinner.md-indeterminate.md-progress-spinner-leave-active {
      transition-duration: .4s;
      animation: none
    }
    
    .md-progress-spinner.md-indeterminate .md-progress-spinner-circle {
      animation: 4s cubic-bezier(.25, .8, .25, 1) infinite;
      animation-name: md-progress-spinner-stroke-rotate
    }
    
    .md-progress-spinner.md-determinate.md-progress-spinner-enter-active {
      transition-duration: 2s
    }
    
    .md-progress-spinner.md-determinate.md-progress-spinner-enter-active .md-progress-spinner-draw {
      animation: md-progress-spinner-initial-rotate 1.98s cubic-bezier(.25, .8, .25, 1) forwards
    }
    
    .md-progress-spinner.md-determinate.md-progress-spinner-leave-active {
      transition-duration: 2s
    }
    
    .md-progress-spinner.md-determinate.md-progress-spinner-leave-active .md-progress-spinner-draw {
      animation: md-progress-spinner-initial-rotate 1.98s cubic-bezier(.25, .8, .25, 1) reverse forwards
    }
    
    .md-progress-spinner.md-determinate .md-progress-spinner-draw {
      transition: none
    }
    
    .md-progress-spinner-draw {
      overflow: visible;
      transform: scale(1) rotate(-90deg);
      transform-origin: center;
      transition: .4s cubic-bezier(.25, .8, .25, 1);
      will-change: opacity, transform
    }
    
    .md-progress-spinner-circle {
      fill: none;
      transform-origin: center;
      transition: stroke-dashoffset .25s cubic-bezier(.25, .8, .25, 1);
      will-change: stroke-dashoffset, stroke-dasharray, stroke-width, animation-name, r
    }
    
    .md-radio {
      width: auto;
      margin: 16px 16px 16px 0;
      display: inline-flex;
      position: relative
    }
    
    .md-radio:not(.md-disabled),
    .md-radio:not(.md-disabled) .md-radio-label {
      cursor: pointer
    }
    
    .md-radio .md-radio-container {
      width: 20px;
      min-width: 20px;
      height: 20px;
      position: relative;
      border: 2px solid transparent;
      border-radius: 50%;
      transition: .4s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-radio .md-radio-container:focus {
      outline: none
    }
    
    .md-radio .md-radio-container:after,
    .md-radio .md-radio-container:before {
      position: absolute;
      transition: .4s cubic-bezier(.55, 0, .55, .2);
      content: " "
    }
    
    .md-radio .md-radio-container:before {
      width: 48px;
      height: 48px;
      top: 50%;
      left: 50%;
      z-index: 11;
      border-radius: 50%;
      transform: translate(-50%, -50%)
    }
    
    .md-radio .md-radio-container:after {
      position: absolute;
      top: 3px;
      right: 3px;
      bottom: 3px;
      left: 3px;
      border-radius: 50%;
      opacity: 0;
      transform: scale3D(.38, .38, 1);
      content: " "
    }
    
    .md-radio .md-radio-container .md-ripple {
      width: 48px !important;
      height: 48px !important;
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%);
      border-radius: 50%
    }
    
    .md-radio .md-radio-container input {
      position: absolute;
      left: -999em
    }
    
    .md-radio .md-radio-label {
      height: 20px;
      padding-left: 16px;
      position: relative;
      line-height: 20px
    }
    
    .md-radio.md-checked .md-radio-container:after {
      opacity: 1;
      transform: scaleX(1);
      transition: .4s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-radio.md-required label:after {
      position: absolute;
      top: 2px;
      right: 0;
      transform: translateX(calc(100% + 2px));
      content: "*";
      line-height: 1em;
      vertical-align: top
    }
    
    .md-snackbar {
      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
      min-width: 288px;
      max-width: 568px;
      min-height: 48px;
      max-height: 80px;
      padding: 14px 24px;
      display: flex;
      align-items: center;
      position: fixed;
      z-index: 1000;
      border-radius: 2px;
      transition: .4s cubic-bezier(.4, 0, .2, 1);
      will-change: background-color, color, opacity, transform
    }
    
    .md-snackbar.md-position-center {
      margin: 0 auto;
      right: 0;
      bottom: 0;
      left: 0
    }
    
    .md-snackbar.md-position-center.md-snackbar-enter,
    .md-snackbar.md-position-center.md-snackbar-leave-active {
      transform: translate3D(0, calc(100% + 8px), 0)
    }
    
    .md-snackbar.md-position-left {
      bottom: 24px;
      left: 24px
    }
    
    .md-snackbar.md-position-left.md-snackbar-enter,
    .md-snackbar.md-position-left.md-snackbar-leave-active {
      transform: translate3D(0, calc(100% + 32px), 0)
    }
    
    .md-snackbar-enter,
    .md-snackbar-enter .md-snackbar-content,
    .md-snackbar-leave-active,
    .md-snackbar-leave-active .md-snackbar-content {
      opacity: 0
    }
    
    .md-snackbar-content {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: opacity .38s cubic-bezier(.55, 0, .55, .2)
    }
    
    .md-snackbar-content .md-button {
      min-width: 0;
      margin: -8px -8px -8px 36px
    }
    
    .md-snackbar-content .md-button+.md-button {
      margin-left: 16px
    }
    
    @media (max-width:600px) {
      .md-snackbar {
        left: 0;
        transform: none;
        border-radius: 0
      }
    
      .md-snackbar-content .md-button {
        margin-left: 12px
      }
    }
    
    .md-speed-dial {
      display: inline-flex;
      flex-direction: column
    }
    
    .md-speed-dial.md-top-left,
    .md-speed-dial.md-top-right {
      position: absolute;
      top: 24px
    }
    
    .md-speed-dial.md-bottom-left,
    .md-speed-dial.md-bottom-right {
      position: absolute;
      bottom: 24px
    }
    
    .md-speed-dial.md-bottom-center,
    .md-speed-dial.md-top-center {
      position: absolute;
      left: 50%;
      transform: translateX(-50%)
    }
    
    .md-speed-dial.md-top-center {
      top: 24px
    }
    
    .md-speed-dial.md-bottom-center {
      bottom: 24px
    }
    
    .md-speed-dial.md-bottom-right,
    .md-speed-dial.md-top-right {
      right: 24px
    }
    
    .md-speed-dial.md-bottom-left,
    .md-speed-dial.md-top-left {
      left: 24px
    }
    
    .md-speed-dial.md-fixed {
      position: fixed
    }
    
    .md-speed-dial.md-direction-top.md-effect-fling .md-speed-dial-content .md-button {
      transform: translate3d(0, 50%, 0) scale(.8)
    }
    
    .md-speed-dial.md-direction-top .md-speed-dial-target {
      order: 2;
      margin-bottom: 0 !important
    }
    
    .md-speed-dial.md-direction-top .md-speed-dial-content {
      order: 1
    }
    
    .md-speed-dial.md-direction-top .md-speed-dial-content .md-button:first-child {
      margin-top: 0
    }
    
    .md-speed-dial.md-direction-bottom.md-effect-fling .md-speed-dial-content .md-button {
      transform: translate3d(0, -50%, 0) scale(.8)
    }
    
    .md-speed-dial.md-direction-bottom .md-speed-dial-target {
      order: 1;
      margin-top: 0 !important
    }
    
    .md-speed-dial.md-direction-bottom .md-speed-dial-content {
      order: 2
    }
    
    .md-speed-dial.md-direction-bottom .md-speed-dial-content .md-button:last-child {
      margin-bottom: 0
    }
    
    .md-speed-dial.md-effect-scale .md-speed-dial-content .md-button {
      transform: scale(.3)
    }
    
    .md-speed-dial.md-active .md-morph-initial,
    .md-speed-dial.md-with-hover:hover .md-morph-initial {
      opacity: 0;
      transform: translate3D(-50%, -50%, 0) rotate(90deg) scale(.7)
    }
    
    .md-speed-dial.md-active .md-morph-final,
    .md-speed-dial.md-with-hover:hover .md-morph-final {
      opacity: 1;
      transform: translate3D(-50%, -50%, 0) rotate(0deg) scale(1)
    }
    
    .md-speed-dial.md-active .md-speed-dial-content .md-button,
    .md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button {
      pointer-events: auto;
      opacity: 1;
      transform: translateZ(0) scale(1) !important;
      transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="0"],
    .md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="0"] {
      transition-delay: 0s
    }
    
    .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="1"],
    .md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="1"] {
      transition-delay: .1s
    }
    
    .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="2"],
    .md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="2"] {
      transition-delay: .2s
    }
    
    .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="3"],
    .md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="3"] {
      transition-delay: .3s
    }
    
    .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="4"],
    .md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="4"] {
      transition-delay: .4s
    }
    
    .md-speed-dial.md-active .md-speed-dial-content .md-button[md-button-index="5"],
    .md-speed-dial.md-with-hover:hover .md-speed-dial-content .md-button[md-button-index="5"] {
      transition-delay: .5s
    }
    
    .md-speed-dial .md-button {
      margin: 6px 0
    }
    
    .md-speed-dial .md-speed-dial-content .md-button {
      pointer-events: none;
      opacity: 0;
      transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform 0s cubic-bezier(.4, 0, .2, 1) .3s;
      will-change: opacity, transform
    }
    
    .md-speed-dial .md-morph-final,
    .md-speed-dial .md-morph-initial {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3D(-50%, -50%, 0);
      transition: .3s cubic-bezier(.25, .8, .25, 1);
      transition-property: opacity, transform;
      will-change: opacity, transform
    }
    
    .md-speed-dial .md-morph-final {
      opacity: 0;
      transform: translate3D(-50%, -50%, 0) scale(.7) rotate(-90deg)
    }
    
    .md-speed-dial-target {
      z-index: 1
    }
    
    .md-speed-dial-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      z-index: 2
    }
    
    .md-speed-dial-content,
    .md-steppers {
      transition: .3s cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-steppers {
      transition-property: color, background-color;
      will-change: color, background-color
    }
    
    .md-steppers.md-no-transition * {
      transition: none !important
    }
    
    .md-steppers.md-dynamic-height .md-steppers-wrapper {
      transition: height .3s cubic-bezier(.4, 0, .2, 1);
      will-change: height
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header {
      height: 104px
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header:first-of-type .md-stepper-icon:before,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header:first-of-type .md-stepper-number:before,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header:last-of-type .md-stepper-icon:after,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header:last-of-type .md-stepper-number:after {
      content: none
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-ripple {
      justify-content: center
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-button-content {
      padding-top: 16px;
      flex-direction: column
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-button-content:after,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-button-content:before {
      content: none
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-text {
      height: 32px;
      justify-content: flex-start;
      text-align: center
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number {
      margin: 0 8px 8px;
      position: relative
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:after,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:before,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:after,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:before {
      width: 9999%;
      height: 1px;
      position: absolute;
      top: 50%;
      z-index: 2;
      transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
      will-change: background-color;
      content: " "
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:after,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:after {
      left: calc(100% + 8px)
    }
    
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-icon:before,
    .md-steppers.md-horizontal.md-alternative .md-stepper-header .md-stepper-number:before {
      right: 32px
    }
    
    .md-steppers.md-vertical .md-stepper-header {
      height: 56px
    }
    
    .md-steppers.md-vertical .md-stepper-header .md-ripple {
      padding: 0 24px 0 16px
    }
    
    .md-steppers.md-vertical .md-steppers-container {
      display: block
    }
    
    .md-steppers.md-vertical .md-button-content:after,
    .md-steppers.md-vertical .md-button-content:before {
      content: none
    }
    
    .md-steppers.md-vertical .md-stepper-icon,
    .md-steppers.md-vertical .md-stepper-number {
      margin-right: 12px
    }
    
    .md-steppers.md-vertical .md-stepper {
      flex: none;
      padding: 0;
      position: relative
    }
    
    .md-steppers.md-vertical .md-stepper:last-of-type:after {
      content: none
    }
    
    .md-steppers.md-vertical .md-stepper:after {
      width: 1px;
      position: absolute;
      top: 48px;
      bottom: -8px;
      left: 36px;
      z-index: 2;
      transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
      will-change: background-color;
      content: " "
    }
    
    .md-steppers-navigation {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
      display: flex
    }
    
    .md-steppers-navigation .md-stepper-header {
      width: auto
    }
    
    .md-stepper-header {
      width: 100%;
      height: 72px;
      margin: 0;
      flex: 1;
      border-radius: 0;
      font-weight: 400;
      text-align: left;
      text-transform: none
    }
    
    .md-stepper-header:first-of-type .md-button-content:before,
    .md-stepper-header:last-of-type .md-button-content:after {
      content: none
    }
    
    .md-stepper-header.md-active,
    .md-stepper-header.md-error {
      font-weight: 500
    }
    
    .md-stepper-header .md-ripple {
      padding: 0 16px;
      justify-content: flex-start
    }
    
    .md-stepper-header .md-button-content {
      padding: 0 8px;
      display: flex;
      align-items: center;
      transition: color .3s cubic-bezier(.4, 0, .2, 1);
      will-change: color
    }
    
    .md-stepper-header .md-button-content:after,
    .md-stepper-header .md-button-content:before {
      height: 1px;
      position: absolute;
      top: 50%;
      transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
      will-change: background-color;
      content: " "
    }
    
    .md-stepper-header .md-button-content:after {
      width: 9999%;
      left: 100%
    }
    
    .md-stepper-header .md-button-content:before {
      width: 16px;
      left: -16px
    }
    
    .md-stepper-header .md-button-content svg {
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      transition-property: color, fill;
      will-change: color, fill
    }
    
    .md-stepper-text {
      display: flex;
      flex-direction: column;
      justify-content: center;
      line-height: 16px;
      white-space: nowrap
    }
    
    .md-stepper-icon,
    .md-stepper-number {
      margin-right: 8px;
      transition: color .3s cubic-bezier(.4, 0, .2, 1);
      will-change: color
    }
    
    .md-stepper-number {
      width: 24px;
      height: 24px;
      border-radius: 24px;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      transition-property: color, background-color;
      will-change: color, background-color;
      font-size: 12px;
      line-height: 24px;
      text-align: center
    }
    
    .md-stepper-done {
      width: 20px;
      height: 20px;
      transform: translateY(-1px)
    }
    
    .md-stepper-editable {
      width: 14px;
      height: 14px;
      transform: translateY(-1px)
    }
    
    .md-stepper-description,
    .md-stepper-error {
      font-size: 12px;
      font-weight: 400;
      line-height: 16px
    }
    
    .md-stepper-description {
      opacity: .54
    }
    
    .md-steppers-wrapper {
      overflow: hidden;
      transition: none;
      will-change: height
    }
    
    .md-steppers-container {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap;
      transform: translateZ(0);
      transition: transform .35s cubic-bezier(.4, 0, .2, 1);
      will-change: transform
    }
    
    .md-stepper {
      width: 100%;
      flex: 1 0 100%;
      padding: 16px 24px
    }
    
    @media (max-width:960px) {
      .md-stepper {
        padding: 8px 16px
      }
    }
    
    .md-steppers.md-vertical .md-stepper-content {
      padding: 0 24px 0 60px;
      height: 0;
      overflow: hidden;
      opacity: 0;
      transform: translate3D(0, -20px, 0);
      transition: .35s cubic-bezier(.25, .8, .25, 1);
      transition-property: opacity, transform, height, padding-bottom;
      will-change: opacity, transform, height, padding-bottom
    }
    
    .md-steppers.md-vertical .md-stepper-content.md-active {
      height: auto;
      padding-bottom: 40px;
      opacity: 1;
      transform: translateZ(0)
    }
    
    .md-subheader {
      min-height: 48px;
      padding: 0 16px;
      display: flex;
      align-items: center;
      flex-flow: row wrap;
      font-size: 14px;
      font-weight: 500
    }
    
    .md-switch {
      width: auto;
      margin: 16px 16px 16px 0;
      display: inline-flex;
      position: relative
    }
    
    .md-switch:not(.md-disabled),
    .md-switch:not(.md-disabled) .md-switch-label {
      cursor: pointer
    }
    
    .md-switch .md-switch-container {
      width: 34px;
      min-width: 34px;
      height: 14px;
      margin: 3px 0;
      display: flex;
      align-items: center;
      position: relative;
      border-radius: 14px;
      transition: .4s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-switch .md-switch-thumb {
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
      width: 20px;
      height: 20px;
      position: relative;
      border-radius: 50%;
      transition: .4s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-switch .md-switch-thumb:before {
      width: 48px;
      height: 48px;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 11;
      transform: translate(-50%, -50%);
      content: " "
    }
    
    .md-switch .md-switch-thumb .md-ripple {
      width: 48px !important;
      height: 48px !important;
      top: 50% !important;
      left: 50% !important;
      position: absolute;
      transform: translate(-50%, -50%);
      border-radius: 50%
    }
    
    .md-switch .md-switch-thumb input {
      position: absolute;
      left: -999em
    }
    
    .md-switch .md-switch-label {
      height: 20px;
      padding-left: 16px;
      position: relative;
      line-height: 20px
    }
    
    .md-switch.md-checked .md-switch-thumb {
      transform: translate3d(15px, 0, 0)
    }
    
    .md-switch.md-required label:after {
      position: absolute;
      top: 2px;
      right: 0;
      transform: translateX(calc(100% + 2px));
      content: "*";
      line-height: 1em;
      vertical-align: top
    }
    
    .md-table {
      display: flex;
      flex-flow: column wrap;
      overflow-x: auto
    }
    
    .md-table .md-table-fixed-header {
      position: relative
    }
    
    .md-table .md-table-fixed-header .md-table-fixed-header-container {
      flex: 1;
      overflow-x: auto
    }
    
    .md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar,
    .md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar-button,
    .md-table .md-table-fixed-header .md-table-fixed-header-container::-webkit-scrollbar-thumb {
      display: none
    }
    
    .md-table .md-table-fixed-header-active {
      border-bottom: 1px solid
    }
    
    .md-table .md-table-content {
      flex: 1;
      overflow-x: auto;
      transition: height .3s cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-table .md-table-empty {
      display: flex;
      align-items: center;
      justify-content: center
    }
    
    .md-table table {
      width: 100%;
      border-spacing: 0;
      border-collapse: collapse;
      overflow: hidden
    }
    
    .md-table-head {
      padding: 0;
      position: relative;
      font-size: 12px;
      line-height: 16px;
      text-align: left
    }
    
    .md-table-head:last-child:not(:first-child) .md-table-head-label {
      padding-right: 24px
    }
    
    .md-table-head.md-numeric {
      text-align: right
    }
    
    .md-table-head.md-sortable:first-of-type .md-table-sortable-icon,
    .md-table-head.md-table-cell-selection+.md-sortable .md-table-sortable-icon {
      right: 8px;
      left: auto
    }
    
    .md-table-head .md-icon {
      width: 16px;
      height: 16px;
      font-size: 16px
    }
    
    .md-table-head .md-icon:not(.md-sortable-icon) {
      margin: 0 4px
    }
    
    .md-table-head .md-icon:first-child {
      margin-left: 0
    }
    
    .md-table-head .md-icon:last-child {
      margin-right: 0
    }
    
    .md-sortable {
      cursor: pointer
    }
    
    .md-sortable.md-sorted .md-table-sortable-icon,
    .md-sortable:hover .md-table-sortable-icon {
      opacity: 1
    }
    
    .md-sortable.md-sorted-desc .md-table-sortable-icon {
      transform: translateY(-50%) rotate(180deg)
    }
    
    .md-table-head-container {
      height: 56px;
      padding: 14px 0
    }
    
    .md-table-head-container,
    .md-table-head-label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }
    
    .md-table-head-label {
      height: 28px;
      padding-right: 32px;
      padding-left: 24px;
      display: inline-block;
      position: relative;
      line-height: 28px
    }
    
    .md-table-sortable-icon {
      position: absolute;
      top: 50%;
      left: 0;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      transform: translateY(-50%);
      opacity: 0;
      color: rgba(0, 0, 0, .38)
    }
    
    .md-table-alternate-header {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 2;
      will-change: opacity, transform
    }
    
    .md-table-alternate-header-enter,
    .md-table-alternate-header-leave-active {
      opacity: 0;
      transform: translate3d(0, -100%, 0)
    }
    
    .md-table-alternate-header-enter-active {
      transition: .3s cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-table-alternate-header-leave-active {
      transition: .2s cubic-bezier(.4, 0, 1, 1)
    }
    
    .md-table-row {
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      transition-property: background-color, font-weight;
      will-change: background-color, font-weight
    }
    
    .md-table-row.md-has-selection {
      cursor: pointer
    }
    
    .md-table-row.md-selected-single {
      font-weight: 500
    }
    
    tbody .md-table-row td {
      border-top: 1px solid
    }
    
    .md-table-cell-selection {
      width: 66px
    }
    
    .md-table-cell-selection+td .md-table-cell-container,
    .md-table-cell-selection+th .md-table-head-label {
      padding-left: 0
    }
    
    .md-table-cell-selection .md-table-cell-container,
    .md-table-cell-selection .md-table-cell-label,
    .md-table-cell-selection .md-table-head-container,
    .md-table-cell-selection .md-table-head-label {
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: visible
    }
    
    .md-table-cell-selection .md-checkbox {
      margin: 0
    }
    
    .md-table-cell-selection .md-checkbox .md-checkbox-container {
      width: 18px;
      min-width: 18px;
      height: 18px
    }
    
    .md-table-cell-selection .md-checkbox .md-checkbox-container:after {
      top: -1px;
      left: 4px
    }
    
    .md-table-toolbar {
      padding-left: 24px
    }
    
    .md-table-toolbar .md-title {
      flex: 1;
      font-size: 20px
    }
    
    .md-toolbar,
    .md-toolbar-row {
      width: 100%;
      min-height: 64px;
      display: flex;
      align-items: center;
      align-content: center;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      transition-property: opacity, background-color, box-shadow, transform, color, min-height;
      will-change: opacity, background-color, box-shadow, transform, color, min-height
    }
    
    .md-toolbar {
      padding: 0 16px;
      flex-flow: row wrap;
      position: relative;
      z-index: 2
    }
    
    .md-toolbar.md-dense {
      min-height: 48px
    }
    
    .md-toolbar.md-large .md-toolbar-row,
    .md-toolbar.md-medium .md-toolbar-row {
      min-height: 64px
    }
    
    .md-toolbar.md-medium {
      min-height: 88px
    }
    
    .md-toolbar.md-large {
      min-height: 128px;
      align-content: inherit
    }
    
    .md-toolbar.md-large.md-dense {
      min-height: 96px
    }
    
    .md-toolbar.md-large.md-dense .md-toolbar-row+.md-toolbar-row {
      min-height: 32px
    }
    
    .md-toolbar .md-toolbar-offset {
      margin-left: 56px
    }
    
    .md-toolbar .md-button,
    .md-toolbar .md-icon {
      z-index: 1
    }
    
    .md-toolbar .md-button~.md-title,
    .md-toolbar .md-icon~.md-title {
      margin-left: 24px
    }
    
    .md-toolbar .md-button:last-child {
      margin-right: 0
    }
    
    .md-toolbar .md-button:first-child {
      margin-left: 0
    }
    
    .md-toolbar .md-display-1,
    .md-toolbar .md-display-2,
    .md-toolbar .md-title {
      margin: 0 0 0 8px;
      overflow: hidden;
      font-weight: 400;
      letter-spacing: .02em;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: top
    }
    
    .md-toolbar .md-display-1 {
      padding: 12px 0
    }
    
    .md-toolbar .md-field {
      margin-top: 2px;
      margin-bottom: 14px;
      padding-top: 16px
    }
    
    .md-toolbar-row {
      align-self: flex-start
    }
    
    .md-toolbar-section-end,
    .md-toolbar-section-start {
      display: flex;
      align-items: center;
      flex: 1
    }
    
    .md-toolbar-section-start {
      justify-content: flex-start;
      order: 0
    }
    
    .md-toolbar-section-end {
      justify-content: flex-end;
      order: 10
    }
    
    @media (max-width:960px) {
    
      .md-toolbar,
      .md-toolbar-row {
        min-height: 48px
      }
    
      .md-toolbar {
        padding: 0 8px
      }
    
      .md-toolbar .md-toolbar-offset {
        margin-left: 48px
      }
    
      .md-toolbar .md-button~.md-title,
      .md-toolbar .md-icon~.md-title {
        margin-left: 16px
      }
    }
    
    @media (max-width:600px) {
    
      .md-toolbar,
      .md-toolbar-row {
        min-height: 56px
      }
    }
    
    .md-table-empty-state {
      padding-left: 24px
    }
    
    .md-table-cell {
      height: 48px;
      position: relative;
      transition: .3s cubic-bezier(.4, 0, .2, 1);
      font-size: 13px;
      line-height: 18px
    }
    
    .md-table-cell.md-numeric {
      text-align: right
    }
    
    .md-table-cell:last-child .md-table-cell-container {
      padding-right: 24px
    }
    
    .md-table-cell-container {
      padding: 6px 32px 6px 24px
    }
    
    .md-table-pagination {
      height: 56px;
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: flex-end;
      border-top: 1px solid;
      font-size: 12px
    }
    
    .md-table-pagination .md-table-pagination-previous {
      margin-right: 2px;
      margin-left: 18px
    }
    
    .md-table-pagination .md-field {
      width: 48px;
      min-width: 36px;
      margin: -16px 24px 0 32px
    }
    
    .md-table-pagination .md-field:after,
    .md-table-pagination .md-field:before {
      display: none
    }
    
    .md-table-pagination .md-field .md-select-value {
      font-size: 13px
    }
    
    .md-menu-content.md-pagination-select {
      max-width: 82px;
      min-width: 56px;
      margin-top: 5px
    }
    
    .md-tabs {
      display: flex;
      flex-direction: column
    }
    
    .md-tabs.md-no-transition * {
      transition: none !important
    }
    
    .md-tabs.md-dynamic-height .md-tabs-content {
      transition: height .3s cubic-bezier(.4, 0, .2, 1);
      will-change: height
    }
    
    .md-tabs.md-transparent .md-tabs-content,
    .md-tabs.md-transparent .md-tabs-navigation {
      background-color: transparent !important
    }
    
    .md-tabs.md-dynamic-height .md-tabs-content {
      transition: height .35s cubic-bezier(.25, .8, .25, 1)
    }
    
    .md-tabs.md-alignment-left .md-tabs-navigation {
      justify-content: flex-start
    }
    
    .md-tabs.md-alignment-right .md-tabs-navigation {
      justify-content: flex-end
    }
    
    .md-tabs.md-alignment-centered .md-tabs-navigation,
    .md-tabs.md-alignment-fixed .md-tabs-navigation {
      justify-content: center
    }
    
    .md-tabs.md-alignment-fixed .md-tabs-navigation .md-button {
      max-width: 264px;
      min-width: 160px;
      flex: 1
    }
    
    .md-toolbar .md-tabs {
      padding-left: 48px
    }
    
    .md-tabs-navigation {
      display: flex;
      position: relative
    }
    
    .md-tabs-navigation .md-button {
      max-width: 264px;
      min-width: 72px;
      height: 48px;
      margin: 0;
      cursor: pointer;
      border-radius: 0;
      font-size: 13px
    }
    
    .md-tabs-navigation .md-button-content {
      position: static
    }
    
    .md-tabs-navigation .md-icon-label {
      height: 72px
    }
    
    .md-tabs-navigation .md-icon-label .md-button-content {
      display: flex;
      flex-direction: column;
      justify-content: center
    }
    
    .md-tabs-navigation .md-icon-label .md-tab-icon+.md-tab-label {
      margin-top: 10px
    }
    
    .md-tabs-navigation .md-ripple {
      padding: 0 24px
    }
    
    .md-tabs-indicator {
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 0;
      transform: translateZ(0);
      will-change: left, right
    }
    
    .md-tabs-indicator.md-tabs-indicator-left {
      transition: left .3s cubic-bezier(.4, 0, .2, 1), right .35s cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-tabs-indicator.md-tabs-indicator-right {
      transition: right .3s cubic-bezier(.4, 0, .2, 1), left .35s cubic-bezier(.4, 0, .2, 1)
    }
    
    .md-tabs-content {
      overflow: hidden;
      transition: none;
      will-change: height
    }
    
    .md-tabs-container {
      display: flex;
      align-items: flex-start;
      flex-wrap: nowrap;
      transform: translateZ(0);
      transition: transform .35s cubic-bezier(.4, 0, .2, 1);
      will-change: transform
    }
    
    .md-tab {
      width: 100%;
      flex: 1 0 100%;
      padding: 16px
    }
    
    @media (max-width:960px) {
      .md-tabs.md-alignment-fixed .md-tabs-navigation .md-button {
        min-width: 72px
      }
    
      .md-toolbar .md-tabs {
        margin: 0 -8px;
        padding-left: 0
      }
    
      .md-tabs-navigation .md-ripple {
        padding: 0 12px
      }
    
      .md-tab {
        padding: 8px
      }
    }
    
    .md-tooltip {
      height: 22px;
      padding: 0 8px;
      position: fixed;
      z-index: 111;
      pointer-events: none;
      border-radius: 2px;
      transition: .15s cubic-bezier(0, 0, .2, 1);
      transition-property: opacity, transform;
      will-change: opacity, transform, top, left !important;
      font-size: 10px;
      line-height: 22px;
      text-transform: none;
      white-space: nowrap
    }
    
    .md-tooltip.md-tooltip-leave-active {
      transition-timing-function: cubic-bezier(.4, 0, 1, 1)
    }
    
    .md-tooltip.md-tooltip-enter,
    .md-tooltip.md-tooltip-leave-active {
      opacity: 0
    }
    
    .md-tooltip.md-tooltip-enter.md-tooltip-top,
    .md-tooltip.md-tooltip-leave-active.md-tooltip-top {
      transform: translate3d(0, 4px, 0) scale(.95)
    }
    
    .md-tooltip.md-tooltip-enter.md-tooltip-right,
    .md-tooltip.md-tooltip-leave-active.md-tooltip-right {
      transform: translate3d(-4px, 0, 0) scale(.95)
    }
    
    .md-tooltip.md-tooltip-enter.md-tooltip-bottom,
    .md-tooltip.md-tooltip-leave-active.md-tooltip-bottom {
      transform: translate3d(0, -4px, 0) scale(.95)
    }
    
    .md-tooltip.md-tooltip-enter.md-tooltip-left,
    .md-tooltip.md-tooltip-leave-active.md-tooltip-left {
      transform: translate3d(4px, 0, 0) scale(.95)
    }
    
    @media (max-width:960px) {
      .md-tooltip {
        height: 32px;
        font-size: 14px;
        line-height: 32px
      }
    }
    
    .vue-slider-dot {
      position: absolute;
      -webkit-transition: all 0s;
      transition: all 0s;
      z-index: 5
    }
    
    .vue-slider-dot:focus {
      outline: none
    }
    
    .vue-slider-dot-tooltip {
      position: absolute;
      visibility: hidden
    }
    
    .vue-slider-dot-hover:hover .vue-slider-dot-tooltip,
    .vue-slider-dot-tooltip-show {
      visibility: visible
    }
    
    .vue-slider-dot-tooltip-top {
      top: -10px;
      left: 50%;
      -webkit-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%)
    }
    
    .vue-slider-dot-tooltip-bottom {
      bottom: -10px;
      left: 50%;
      -webkit-transform: translate(-50%, 100%);
      transform: translate(-50%, 100%)
    }
    
    .vue-slider-dot-tooltip-left {
      left: -10px;
      top: 50%;
      -webkit-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%)
    }
    
    .vue-slider-dot-tooltip-right {
      right: -10px;
      top: 50%;
      -webkit-transform: translate(100%, -50%);
      transform: translate(100%, -50%)
    }
    
    .vue-slider-marks {
      position: relative;
      width: 100%;
      height: 100%
    }
    
    .vue-slider-mark {
      position: absolute;
      z-index: 1
    }
    
    .vue-slider-ltr .vue-slider-mark,
    .vue-slider-rtl .vue-slider-mark {
      width: 0;
      height: 100%;
      top: 50%
    }
    
    .vue-slider-ltr .vue-slider-mark-step,
    .vue-slider-rtl .vue-slider-mark-step {
      top: 0
    }
    
    .vue-slider-ltr .vue-slider-mark-label,
    .vue-slider-rtl .vue-slider-mark-label {
      top: 100%;
      margin-top: 10px
    }
    
    .vue-slider-ltr .vue-slider-mark {
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
    }
    
    .vue-slider-ltr .vue-slider-mark-step {
      left: 0
    }
    
    .vue-slider-ltr .vue-slider-mark-label {
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
    }
    
    .vue-slider-rtl .vue-slider-mark {
      -webkit-transform: translate(50%, -50%);
      transform: translate(50%, -50%)
    }
    
    .vue-slider-rtl .vue-slider-mark-step {
      right: 0
    }
    
    .vue-slider-rtl .vue-slider-mark-label {
      right: 50%;
      -webkit-transform: translateX(50%);
      transform: translateX(50%)
    }
    
    .vue-slider-btt .vue-slider-mark,
    .vue-slider-ttb .vue-slider-mark {
      width: 100%;
      height: 0;
      left: 50%
    }
    
    .vue-slider-btt .vue-slider-mark-step,
    .vue-slider-ttb .vue-slider-mark-step {
      left: 0
    }
    
    .vue-slider-btt .vue-slider-mark-label,
    .vue-slider-ttb .vue-slider-mark-label {
      left: 100%;
      margin-left: 10px
    }
    
    .vue-slider-btt .vue-slider-mark {
      -webkit-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%)
    }
    
    .vue-slider-btt .vue-slider-mark-step {
      top: 0
    }
    
    .vue-slider-btt .vue-slider-mark-label {
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
    }
    
    .vue-slider-ttb .vue-slider-mark {
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
    }
    
    .vue-slider-ttb .vue-slider-mark-step {
      bottom: 0
    }
    
    .vue-slider-ttb .vue-slider-mark-label {
      bottom: 50%;
      -webkit-transform: translateY(50%);
      transform: translateY(50%)
    }
    
    .vue-slider-mark-label,
    .vue-slider-mark-step {
      position: absolute
    }
    
    .vue-slider {
      position: relative;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: block;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }
    
    .vue-slider-rail {
      position: relative;
      width: 100%;
      height: 100%;
      -webkit-transition-property: width, height, left, right, top, bottom;
      transition-property: width, height, left, right, top, bottom
    }
    
    .vue-slider-process {
      position: absolute;
      z-index: 1
    }
    
    /* component style */
    .vue-slider-disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
    
    /* rail style */
    .vue-slider-rail {
      background-color: #ccc;
      border-radius: 15px;
    }
    
    /* process style */
    .vue-slider-process {
      background-color: #3498db;
      border-radius: 15px;
    }
    
    /* mark style */
    .vue-slider-mark {
      z-index: 4;
    }
    
    .vue-slider-mark:first-child .vue-slider-mark-step,
    .vue-slider-mark:last-child .vue-slider-mark-step {
      display: none;
    }
    
    .vue-slider-mark-step {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.16);
    }
    
    .vue-slider-mark-label {
      font-size: 14px;
      white-space: nowrap;
    }
    
    /* dot style */
    .vue-slider-dot-handle {
      cursor: pointer;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #fff;
      box-sizing: border-box;
      box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
    }
    
    .vue-slider-dot-handle-focus {
      box-shadow: 0px 0px 1px 2px rgba(52, 152, 219, 0.36);
    }
    
    .vue-slider-dot-handle-disabled {
      cursor: not-allowed;
      background-color: #ccc;
    }
    
    .vue-slider-dot-tooltip-inner {
      font-size: 14px;
      white-space: nowrap;
      padding: 2px 5px;
      min-width: 20px;
      text-align: center;
      color: #fff;
      border-radius: 5px;
      border-color: #3498db;
      background-color: #3498db;
      box-sizing: content-box;
    }
    
    .vue-slider-dot-tooltip-inner::after {
      content: "";
      position: absolute;
    }
    
    .vue-slider-dot-tooltip-inner-top::after {
      top: 100%;
      left: 50%;
      transform: translate(-50%, 0);
      height: 0;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 5px;
      border-top-color: inherit;
    }
    
    .vue-slider-dot-tooltip-inner-bottom::after {
      bottom: 100%;
      left: 50%;
      transform: translate(-50%, 0);
      height: 0;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 5px;
      border-bottom-color: inherit;
    }
    
    .vue-slider-dot-tooltip-inner-left::after {
      left: 100%;
      top: 50%;
      transform: translate(0, -50%);
      height: 0;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 5px;
      border-left-color: inherit;
    }
    
    .vue-slider-dot-tooltip-inner-right::after {
      right: 100%;
      top: 50%;
      transform: translate(0, -50%);
      height: 0;
      width: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 5px;
      border-right-color: inherit;
    }
    
    .vue-slider-dot-tooltip-wrapper {
      opacity: 0;
      transition: all 0.3s;
    }
    
    .vue-slider-dot-tooltip-wrapper-show {
      opacity: 1;
    }
    
    
    .nuxt-progress {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      height: 4px;
      width: 0%;
      opacity: 1;
      transition: width 0.1s, opacity 0.4s;
      background-color: #F96D01;
      z-index: 999999;
    }
    
    .nuxt-progress.nuxt-progress-notransition {
      transition: none;
    }
    
    .nuxt-progress-failed {
      background-color: red;
    }
    
    .sk-cube-grid[data-v-23c40228] {
      width: 100px;
      height: 100px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%)
    }
    
    .sk-cube-grid .sk-cube[data-v-23c40228] {
      width: 33%;
      height: 33%;
      background-color: var(--primary-button);
      float: left;
      -webkit-animation: sk-cubeGridScaleDelay-23c40228 1.3s infinite ease-in-out;
      animation: sk-cubeGridScaleDelay-23c40228 1.3s infinite ease-in-out
    }
    
    .sk-cube-grid .sk-cube1[data-v-23c40228] {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s
    }
    
    .sk-cube-grid .sk-cube2[data-v-23c40228] {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s
    }
    
    .sk-cube-grid .sk-cube3[data-v-23c40228] {
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s
    }
    
    .sk-cube-grid .sk-cube4[data-v-23c40228] {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s
    }
    
    .sk-cube-grid .sk-cube5[data-v-23c40228] {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s
    }
    
    .sk-cube-grid .sk-cube6[data-v-23c40228] {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s
    }
    
    .sk-cube-grid .sk-cube7[data-v-23c40228] {
      -webkit-animation-delay: 0s;
      animation-delay: 0s
    }
    
    .sk-cube-grid .sk-cube8[data-v-23c40228] {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s
    }
    
    .sk-cube-grid .sk-cube9[data-v-23c40228] {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s
    }
    
    @-webkit-keyframes sk-cubeGridScaleDelay-23c40228 {
    
      0%,
      70%,
      100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
      }
    
      35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
      }
    }
    
    @keyframes sk-cubeGridScaleDelay-23c40228 {
    
      0%,
      70%,
      100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
      }
    
      35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
      }
    }
    
    .phone-number-suggestion[data-v-4c1b140a] {
      background-color: #FFFFFF;
      box-shadow: 0 4px 20px #0000000d;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      left: 48px;
      top: 48px;
      right: 0;
      padding: 8px 0;
      position: absolute
    }
    
    .phone-number-suggestion>div[data-v-4c1b140a] {
      cursor: pointer;
      padding: 8px 16px
    }
    
    .phone-number-suggestion>div[data-v-4c1b140a]:hover,
    .phone-number-suggestion>div[data-v-4c1b140a]:focus {
      background: #FAFAFAFA
    }
    
    .phone-reset[data-v-4c1b140a] {
      position: absolute;
      right: 20px;
      height: 100%;
      display: flex;
      align-items: center
    }
    
    .md-style--underlined label[data-v-4c1b140a] {
      opacity: 1;
      left: 0;
      top: -10px;
      color: black;
      outline: none;
      font-size: 12px
    }
    
    .md-style--underlined .form-input-group__append[data-v-4c1b140a],
    .md-style--underlined .form-control[data-v-4c1b140a] {
      border: none;
      border-radius: unset;
      border-bottom: 1px solid #aaa
    }
    
    .md-style--underlined .form-input-group__append[data-v-4c1b140a] {
      padding-left: 0
    }
    
    .modal-whatsapp__background[data-v-c021c224] {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7)
    }
    
    .modal-whatsapp__container[data-v-c021c224] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 16px;
      width: 100%;
      max-width: 480px;
      position: fixed;
      z-index: 5;
      bottom: 0;
      border-radius: 16px 16px 0 0;
      background-color: #FFFFFF;
      height: 236px
    }
    
    .modal-whatsapp__container button[data-v-c021c224] {
      height: 40px
    }
    
    .slide-whatsapp-enter-active[data-v-c021c224] {
      transition: all .3s ease
    }
    
    .slide-whatsapp-enter[data-v-c021c224] {
      transform: translateY(100px);
      opacity: 0
    }
    
    .btn-close-modal[data-v-3aff4cff] {
      position: absolute;
      top: 15px;
      right: 15px
    }
    
    .modal-confirm__background[data-v-44eb8a56] {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7)
    }
    
    .modal-confirm__backdrop-blur[data-v-44eb8a56] {
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      position: fixed !important;
      left: 0;
      bottom: 0;
      right: 0
    }
    
    .modal-confirm__container[data-v-44eb8a56] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 16px 12px;
      width: 100%;
      max-width: 350px;
      position: fixed;
      z-index: 5;
      top: 25%;
      border-radius: 6px;
      background-color: #FFFFFF
    }
    
    .modal-confirm__container header[data-v-44eb8a56],
    .modal-confirm__container main.with--padding-bottom[data-v-44eb8a56] {
      margin-bottom: 24px
    }
    
    .modal-confirm__container header[data-v-44eb8a56] {
      font-size: 20px;
      font-weight: bold
    }
    
    .modal-confirm__container main[data-v-44eb8a56] {
      font-size: 14px
    }
    
    .modal-confirm__container.new-design[data-v-44eb8a56] {
      padding: 0 !important;
      max-width: 280px !important
    }
    
    .slide-confirm-enter-active[data-v-44eb8a56] {
      transition: all .3s ease
    }
    
    .slide-confirm-enter[data-v-44eb8a56] {
      transform: translateY(100px);
      opacity: 0
    }
    

.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0;
}
    
.border-b {
  border-bottom-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-gray {
  --tw-border-opacity: 1;
  border-color: rgb(223 228 232 / var(--tw-border-opacity));
}
.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(249 109 1 / var(--tw-border-opacity));
}
.bg-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(41 124 198 / var(--tw-bg-opacity));
}
.bg-default {
  --tw-bg-opacity: 1;
  background-color: rgb(242 245 248 / var(--tw-bg-opacity));
}
.bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(223 228 232 / var(--tw-bg-opacity));
}
.bg-gray-light {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 252 / var(--tw-bg-opacity));
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(249 109 1 / var(--tw-bg-opacity));
}
.bg-success-light {
  --tw-bg-opacity: 1;
  background-color: rgb(237 246 229 / var(--tw-bg-opacity));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-1 {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.py-3 {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-sans-bold {
  font-family: SourceSansPro-Bold;
}
.font-sans-semibold {
  font-family: SourceSansPro-SemiBold;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.text-\[\#2e66bc\] {
  --tw-text-opacity: 1;
  color: rgb(46 102 188 / var(--tw-text-opacity));
}
.text-default {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(249 109 1 / var(--tw-text-opacity));
}
.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(149 157 163 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.shadow-md {
  --tw-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0px 0px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.1));
}
.drop-shadow,
.grayscale {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
@font-face {
  font-family: SourceSansPro;
  font-style: normal;
  font-weight: 400;
  src: url(https://d2jha2rr7vq42v.cloudfront.net/fonts/source-sans-pro/SourceSansPro-Regular.ttf)
    format("truetype");
}
@font-face {
  font-family: SourceSansPro-Light;
  font-style: normal;
  font-weight: 400;
  src: url(https://d2jha2rr7vq42v.cloudfront.net/fonts/source-sans-pro/SourceSansPro-Light.ttf)
    format("truetype");
}
@font-face {
  font-family: SourceSansPro-SemiBold;
  font-style: normal;
  font-weight: 600;
  src: url(https://d2jha2rr7vq42v.cloudfront.net/fonts/source-sans-pro/SourceSansPro-SemiBold.ttf)
    format("truetype");
}
@font-face {
  font-family: SourceSansPro-Bold;
  font-style: normal;
  font-weight: 700;
  src: url(https://d2jha2rr7vq42v.cloudfront.net/fonts/source-sans-pro/SourceSansPro-Bold.ttf)
    format("truetype");
}