{
  "version": 3,
  "sources": ["src/app/customers/advanced-settings-referral/advanced-settings-referral.component.scss"],
  "sourcesContent": [".advanced-settings {\n  padding: 3rem 0;\n  @media only screen and (max-width: 992px) {\n    padding: 1rem 0 1.5rem;\n  }\n  .back {\n    font-size: 1.25em;\n    color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.75);\n    cursor: pointer;\n    transition: 0.25s;\n    display: inline-block;\n    margin-bottom: 0.5em;\n\n    &:hover {\n      transform: scale(1.05);\n      color: var(--primary);\n    }\n  }\n\n  .container {\n    display: grid;\n    gap: 2rem;\n    grid-template-columns: 17.5rem 1fr;\n    @media only screen and (max-width: 992px) {\n      grid-template-columns: 1fr;\n    }\n  }\n  .left-menu {\n    li {\n      font-size: 1.25rem;\n      padding: 0.5em 1em;\n      margin-bottom: 0.5em;\n      border-left: 0.15em solid transparent;\n      font-weight: 400;\n      cursor: pointer;\n      transition: 0.25s;\n      font-weight: 600;\n      @media only screen and (max-width: 992px) {\n        font-size: 1rem;\n        margin-bottom: 0em;\n      }\n      &.active {\n        background-color: #00000008;\n        border-left: 0.15em solid var(--primary);\n        color: var(--primary);\n        border-radius: 0 0.5rem 0.5rem 0;\n      }\n    }\n  }\n  .content {\n    height: fit-content;\n    &__title {\n      font-size: 1.25rem;\n      margin-bottom: 0.5rem;\n      font-weight: 600;\n    }\n    &__box {\n      padding: 1rem;\n      border-radius: 0.5rem;\n      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n      background: var(--white);\n      margin-bottom: 1rem;\n    }\n  }\n  .input {\n    --size-bezel: 0.5rem;\n    --size-radius: 4px;\n    position: relative;\n    width: 100%;\n    margin-top: 1rem;\n    .btn-otp {\n      position: absolute;\n      right: 0.15rem;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n    &__label {\n      position: absolute;\n      left: 0;\n      top: 0;\n      padding: calc(var(--size-bezel) * 0.5) calc(var(--size-bezel) * 1.5);\n      margin: calc(var(--size-bezel) * 0.75 + 3px) calc(var(--size-bezel) * 0.5);\n      background: pink;\n      white-space: nowrap;\n      transform: translate(0, 0);\n      transform-origin: 0 0;\n      background: var(--white);\n      transition: transform 120ms ease-in;\n      font-weight: 600;\n      line-height: 1;\n      color: rgba(0, 0, 0, 0.5);\n      z-index: 50;\n      border-radius: 0.25rem;\n    }\n    &__field {\n      box-sizing: border-box;\n      display: block;\n      border-radius: 0.25rem;\n      width: 100%;\n      border: 2px solid #eee !important;\n      padding: calc(var(--size-bezel) * 1) var(--size-bezel);\n      color: currentColor;\n      background: transparent;\n      border-radius: var(--size-radius);\n      accent-color: var(--primary);\n      font-size: 16px;\n      ::ng-deep.my-dropdown__toggle {\n        border: 0;\n      }\n      ::ng-deep.select2-selection {\n        border: 0px;\n        min-height: 2.25rem;\n      }\n      &:focus,\n      &:not(:placeholder-shown) {\n        & + .input__label {\n          transform: translate(0.5rem, -90%) scale(1);\n          color: var(--primary);\n          @media only screen and (max-width: 992px) {\n            transform: translate(0.5rem, -80%) scale(0.8);\n          }\n        }\n      }\n    }\n  }\n  .btn-verified {\n    position: relative;\n    width: 10em;\n    display: inline-grid;\n    margin-right: 0.5em;\n    margin-bottom: 0.5em;\n    align-items: center;\n    grid-template-columns: 2em 1fr;\n    border-radius: 0.5em;\n    padding: 0.25em 0.5em;\n    background-color: rgba(255, 0, 0, 0.25);\n    color: #000000b0;\n    font-size: 1.25rem;\n    @media only screen and (max-width: 992px) {\n      font-size: 0.75rem;\n    }\n    cursor: pointer;\n    &.green {\n      cursor: default;\n      background-color: rgba(0, 128, 0, 0.25);\n      .meta {\n        color: green;\n      }\n    }\n    .icon {\n      font-size: 1.75em;\n    }\n    .name {\n      font-size: 1em;\n      font-weight: 600;\n      line-height: 1.25em;\n    }\n    .meta {\n      font-size: 0.6em;\n      color: red;\n      margin-left: 0.1em;\n    }\n    .fa-check-circle {\n      position: absolute;\n      // top: 50%;\n      // transform: translateY(-50%);\n      right: 0.5em;\n      bottom: 0.5em;\n    }\n  }\n}\n\n$toggle-indicator-size: 20px; // changing this number will resize the whole toggle\n$track-height: $toggle-indicator-size + 7;\n$track-width: $toggle-indicator-size * 2.5;\n$highContrastModeSupport: solid 2px transparent;\n$focus-ring: 0px 0px 0px 2px #000;\n\n// Toggle specific styles\n.toggle {\n  align-items: center;\n  border-radius: 100px;\n  display: flex;\n  font-weight: 600;\n  margin-bottom: 16px;\n  font-size: 18px;\n  &:last-of-type {\n    margin: 0;\n  }\n}\n\n// Since we can't style the checkbox directly, we \"hide\" it so we can draw the toggle.\n.toggle__input {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n\n  // This style sets the focus ring. The \":not([disabled])\" prevents the focus ring from creating a flash when the element is clicked.\n  // &:not([disabled]):active + .toggle-track,\n  // &:not([disabled]):focus + .toggle-track {\n  // \tborder: 1px solid transparent;\n  // \tbox-shadow: $focus-ring;\n  // }\n\n  &:disabled + .toggle-track {\n    cursor: not-allowed;\n    opacity: 0.7;\n  }\n}\n\n.toggle-track {\n  background: rgba(0, 0, 0, 0.25);\n  border: 1px solid #eee;\n  border-radius: 100px;\n  cursor: pointer;\n  display: flex;\n  height: $track-height;\n  margin-right: 8px;\n  position: relative;\n  width: $track-width;\n}\n\n.toggle-indicator {\n  align-items: center;\n  background: var(--black);\n  border-radius: $toggle-indicator-size;\n  display: flex;\n  height: $toggle-indicator-size;\n  justify-content: center;\n  align-items: center;\n  left: 2.5px;\n  top: 50%;\n  transform: translateY(-50%);\n  outline: $highContrastModeSupport;\n  position: absolute;\n  transition: 0.25s;\n  width: $toggle-indicator-size;\n}\n\n// The check mark is optional\n.checkMark {\n  display: flex;\n  fill: #fff;\n  height: $toggle-indicator-size - 4;\n  width: $toggle-indicator-size - 4;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.toggle__input:checked + .toggle-track {\n  background-color: rgba(\n    var(--primary-r),\n    var(--primary-g),\n    var(--primary-b),\n    0.5\n  );\n}\n.toggle__input:checked + .toggle-track .toggle-indicator {\n  background: var(--black);\n  transform: translate($track-width - $track-height, -50%);\n\n  .checkMark {\n    opacity: 1;\n    transition: opacity 0.25s ease-in-out;\n  }\n}\n\n@media screen and (-ms-high-contrast: active) {\n  .toggle-track {\n    border-radius: 0;\n  }\n}\n\n.tag{\n  width: fit-content;\n    background-color: purple;\n    color: white;\n    padding: 0.5rem;\n    border-radius: 8px;\n    font:bold;\n\n    i{\n      cursor: pointer;\n    }\n}\n\n\n.otp-input {\n  border: none;\n  background-color: var(--black);\n  color: white;\n  font-size: 2rem;\n  text-align: center;\n  padding: 0.5rem;\n  width: 100%;\n  height: 4rem;\n  border-radius: 4px;\n  outline: 2px solid rgb(66, 66, 66);\n}"],
  "mappings": "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",
  "names": []
}