@import '_content/Umbler.Account.UIShared/Umbler.Account.UIShared.3tbzc31h3p.bundle.scp.css';
@import '_content/Umbler.Common.Components/Umbler.Common.Components.wffgyv4wt9.bundle.scp.css';

/* _content/Umbler.Account.App/Pages/Billing/Pay/PayBilling.razor.rz.scp.css */
.custom-search[b-wc56ibxuvb] {
    position: relative;
}

[b-wc56ibxuvb] .custom-search-button {
    position: absolute;
    right: 18px;
    top: 3px;
    bottom: 3px;
    border: 0;
    z-index: 2;
    font-size: small;
}
/* _content/Umbler.Account.App/Pages/Billing/Subscribe/Utalk/ImplementationSubscribePage.razor.rz.scp.css */
[data-bs-theme=light] .card-subscribe[b-0g1uv7evbp] {
    border-radius: 6px;
    border: 0px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
}

[data-bs-theme=dark] .card-subscribe[b-0g1uv7evbp] {
    border-radius: 6px;
    border: 0px solid rgba(255, 255, 255, 0.15);
    background: rgba(250, 250, 250, 0.03);
    box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.03), 0px 1px 6px -1px rgba(255, 255, 255, 0.02), 0px 2px 4px 0px rgba(255, 255, 255, 0.02);
}

@media (max-width: 600px) {
    .card-subscribe[b-0g1uv7evbp] {
        padding: 16px;
    }
}

@media (min-width: 600px) {
    .card-subscribe[b-0g1uv7evbp] {
        padding: 32px;
    }
}
/* _content/Umbler.Account.App/Pages/Billing/Subscriptions/SubscriptionsDetailsPage.razor.rz.scp.css */
[data-bs-theme=light] .general:hover[b-gfuyjfi3mb] {
    background-color: #eef2fe;
}

[data-bs-theme=dark] .general:hover[b-gfuyjfi3mb] {
    background-color: #313438;
}

[data-bs-theme=light] .general[b-gfuyjfi3mb] {
    padding: 32px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-bs-theme=dark] .general[b-gfuyjfi3mb] {
    padding: 32px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
/* _content/Umbler.Account.App/Pages/Billing/Wallet/CreditCardPage.razor.rz.scp.css */
[data-bs-theme=light] .credit-card[b-022k0wavj8] {
    padding: 32px;
    border-radius: 6px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
}

[data-bs-theme=dark] .credit-card[b-022k0wavj8] {
    padding: 32px;
    border-radius: 6px;
    box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.03), 0px 1px 6px -1px rgba(255, 255, 255, 0.02), 0px 2px 4px 0px rgba(255, 255, 255, 0.02);
}
/* _content/Umbler.Account.App/Pages/Index/ProductCardView.razor.rz.scp.css */
.product-card[b-izznzdk9ye] {
    width: 223px;
    border-radius: .75rem;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 1px 6px -1px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
}

[data-bs-theme=light] .product-card[b-izznzdk9ye] {
    background-color: #fff;
}

[data-bs-theme=dark] .product-card[b-izznzdk9ye] {
    background-color: #313438;
}

.product-card > div > div > i[b-izznzdk9ye]:before {
    position: absolute;
    left: -23px;
    top: -5px;
}

.product-card > div > .product-logo[b-izznzdk9ye] {
    position: relative;
    bottom: 25px;
}

.product-card:hover[b-izznzdk9ye] {
    outline: 1px solid #557CF2;
}
/* _content/Umbler.Account.App/Pages/Index/QualificationUserPage.razor.rz.scp.css */
@media (min-width: 600px) {
    .card-new-signup-small[b-jpqmizie3s] {
        padding: 18px 56px;
    }

    .card-new-signup[b-jpqmizie3s] {
        padding: 40px 56px;
    }

    .card-goal[b-jpqmizie3s] {
        width: 139px;
    }
}

@media (max-width: 600px) {
    .card-new-signup-small[b-jpqmizie3s] {
        padding: 16px;
    }

    .card-new-signup[b-jpqmizie3s] {
        padding: 16px;
    }

    .card-goal[b-jpqmizie3s] {
        width: 100%;
    }
}

.title[b-jpqmizie3s] {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    word-break: break-word;
}


[b-jpqmizie3s] .error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-danger-text);
}

.step[b-jpqmizie3s] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    gap: 10px;
    border-radius: 32px;
}

[data-bs-theme=light] .step-complet[b-jpqmizie3s] {
    background-color: rgba(230, 244, 255, 1);
}

[data-bs-theme=dark] .step-complet[b-jpqmizie3s] {
    background-color: #3b3f42;
}

.step-current[b-jpqmizie3s] {
    background-color: rgba(85, 124, 242, 1);
    color: white;
}

[data-bs-theme=light] .step-next[b-jpqmizie3s] {
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.45);
}

[data-bs-theme=dark] .step-next[b-jpqmizie3s] {
    background-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.45);
}

[b-jpqmizie3s].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
    box-shadow: unset;
}

[b-jpqmizie3s].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
    box-shadow: unset;
}

[b-jpqmizie3s].input-group.input-group-url:has(.is-invalid) * {
    border-color: var(--bs-danger);
    box-shadow: none !important;
}

[b-jpqmizie3s].input-group.input-group-url:has(.is-valid) * {
    border-color: var(--bs-success);
    box-shadow: none !important;
}

[b-jpqmizie3s].input-group.input-group-url:focus * {
    box-shadow: none !important;
}

.card-goal[b-jpqmizie3s] {
    padding: 8px 12px;
    gap: 10px;
    border-radius: 16px;
}

[data-bs-theme=light] .card-goal[b-jpqmizie3s] {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

[data-bs-theme=dark] .card-goal[b-jpqmizie3s] {
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.card-goal i[b-jpqmizie3s] {
    font-size: 24px;
}

.card-goal .ph-check[b-jpqmizie3s] {
    position: absolute;
    left: 5px;
    top: 5px;
}

.card-goal:hover[b-jpqmizie3s] {
    color: var(--bs-primary);
    cursor: pointer;
}

[data-bs-theme=light] .card-goal:not(:hover)[b-jpqmizie3s] {
    color: rgba(0, 0, 0, 0.88);
}

[data-bs-theme=dark] .card-goal:not(:hover)[b-jpqmizie3s] {
    color: rgba(255, 255, 255, 0.88);
}

.card-goal.selected[b-jpqmizie3s] {
    border-color: var(--bs-primary);
}

.bg-default-company-url[b-jpqmizie3s] {
    background-color: var(--bs-body-bg);
}

[data-bs-theme=light] .bg-disabled-company-url[b-jpqmizie3s] {
    background-color: rgba(0, 0, 0, 0.04);
    margin-left: 0 !important;
}

[data-bs-theme=dark] .bg-disabled-company-url[b-jpqmizie3s] {
    background-color: rgba(250, 250, 250, 0.03);
    margin-left: 0 !important;
}

[b-jpqmizie3s].modal-info .modal-body {
    padding: unset;
}

@media (min-width: 1200px) {
    [b-jpqmizie3s].modal-info .modal-dialog {
        --bs-modal-width: 562px;
    }
}

[data-bs-theme=dark] .seletect-employees[b-jpqmizie3s]  > div > div > button {
    background-color: #222 !important;
}
/* _content/Umbler.Account.App/Pages/PartnershipPrograms/RequestComissionPage.razor.rz.scp.css */
.currency[b-evnqi4rvgq] {
    font-size: 1.4rem;
    vertical-align: top;
    position: relative;
}

.card-header[b-evnqi4rvgq] {
    background-color: transparent;
}

.card-footer[b-evnqi4rvgq] {
    background-color: transparent;
}
/* _content/Umbler.Account.App/Pages/SignUp/Asaas/AsaasStepFeatures.razor.rz.scp.css */
@media (min-width: 600px) {
    .card-new-signup-small[b-6rfw000x77] {
        padding: 18px 56px;
    }

    .card-new-signup[b-6rfw000x77] {
        padding: 40px 56px;
    }

    .card-goal[b-6rfw000x77] {
        width: 139px;
    }
}

@media (max-width: 600px) {
    .card-new-signup-small[b-6rfw000x77] {
        padding: 16px;
    }

    .card-new-signup[b-6rfw000x77] {
        padding: 16px;
    }

    .card-goal[b-6rfw000x77] {
        width: 100%;
    }
}

.title[b-6rfw000x77] {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    word-break: break-word;
}


[b-6rfw000x77] .error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-danger-text);
}

.step[b-6rfw000x77] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    gap: 10px;
    border-radius: 32px;
}

[data-bs-theme=light] .step-complet[b-6rfw000x77] {
    background-color: rgba(230, 244, 255, 1);
}

[data-bs-theme=dark] .step-complet[b-6rfw000x77] {
    background-color: #3b3f42;
}

.step-current[b-6rfw000x77] {
    background-color: rgba(85, 124, 242, 1);
    color: white;
}

[data-bs-theme=light] .step-next[b-6rfw000x77] {
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.45);
}

[data-bs-theme=dark] .step-next[b-6rfw000x77] {
    background-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.45);
}

[b-6rfw000x77].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
    box-shadow: unset;
}

[b-6rfw000x77].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
    box-shadow: unset;
}

[b-6rfw000x77].input-group.input-group-url:has(.is-invalid) * {
    border-color: var(--bs-danger);
    box-shadow: none !important;
}

[b-6rfw000x77].input-group.input-group-url:has(.is-valid) * {
    border-color: var(--bs-success);
    box-shadow: none !important;
}

[b-6rfw000x77].input-group.input-group-url:focus * {
    box-shadow: none !important;
}

.card-goal[b-6rfw000x77] {
    padding: 8px 12px;
    gap: 10px;
    border-radius: 16px;
}

[data-bs-theme=light] .card-goal[b-6rfw000x77] {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

[data-bs-theme=dark] .card-goal[b-6rfw000x77] {
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.card-goal i[b-6rfw000x77] {
    font-size: 24px;
}

.card-goal .ph-check[b-6rfw000x77] {
    position: absolute;
    left: 5px;
    top: 5px;
}

.card-goal:hover[b-6rfw000x77] {
    color: var(--bs-primary);
    cursor: pointer;
}

[data-bs-theme=light] .card-goal:not(:hover)[b-6rfw000x77] {
    color: rgba(0, 0, 0, 0.88);
}

[data-bs-theme=dark] .card-goal:not(:hover)[b-6rfw000x77] {
    color: rgba(255, 255, 255, 0.88);
}

.card-goal.selected[b-6rfw000x77] {
    border-color: var(--bs-primary);
}

.bg-default-company-url[b-6rfw000x77] {
    background-color: var(--bs-body-bg);
}

[data-bs-theme=light] .bg-disabled-company-url[b-6rfw000x77] {
    background-color: rgba(0, 0, 0, 0.04);
    margin-left: 0 !important;
}

[data-bs-theme=dark] .bg-disabled-company-url[b-6rfw000x77] {
    background-color: rgba(250, 250, 250, 0.03);
    margin-left: 0 !important;
}

[b-6rfw000x77].modal-info .modal-body {
    padding: unset;
}

@media (min-width: 1200px) {
    [b-6rfw000x77].modal-info .modal-dialog {
        --bs-modal-width: 562px;
    }
}

[data-bs-theme=dark] .seletect-employees[b-6rfw000x77]  > div > div > button {
    background-color: #222 !important;
}
/* _content/Umbler.Account.App/Pages/SignUp/Asaas/AsaasStepInfo.razor.rz.scp.css */
@media (min-width: 600px) {
    .card-new-signup-small[b-mzxxrvag15] {
        padding: 18px 56px;
    }

    .card-new-signup[b-mzxxrvag15] {
        padding: 40px 56px;
    }

    .card-goal[b-mzxxrvag15] {
        width: 139px;
    }
}

@media (max-width: 600px) {
    .card-new-signup-small[b-mzxxrvag15] {
        padding: 16px;
    }

    .card-new-signup[b-mzxxrvag15] {
        padding: 16px;
    }

    .card-goal[b-mzxxrvag15] {
        width: 100%;
    }
}

.title[b-mzxxrvag15] {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    word-break: break-word;
}


[b-mzxxrvag15] .error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-danger-text);
}

.step[b-mzxxrvag15] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    gap: 10px;
    border-radius: 32px;
}

[data-bs-theme=light] .step-complet[b-mzxxrvag15] {
    background-color: rgba(230, 244, 255, 1);
}

[data-bs-theme=dark] .step-complet[b-mzxxrvag15] {
    background-color: #3b3f42;
}

.step-current[b-mzxxrvag15] {
    background-color: rgba(85, 124, 242, 1);
    color: white;
}

[data-bs-theme=light] .step-next[b-mzxxrvag15] {
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.45);
}

[data-bs-theme=dark] .step-next[b-mzxxrvag15] {
    background-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.45);
}

[b-mzxxrvag15].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
    box-shadow: unset;
}

[b-mzxxrvag15].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
    box-shadow: unset;
}

[b-mzxxrvag15].input-group.input-group-url:has(.is-invalid) * {
    border-color: var(--bs-danger);
    box-shadow: none !important;
}

[b-mzxxrvag15].input-group.input-group-url:has(.is-valid) * {
    border-color: var(--bs-success);
    box-shadow: none !important;
}

[b-mzxxrvag15].input-group.input-group-url:focus * {
    box-shadow: none !important;
}

.card-goal[b-mzxxrvag15] {
    padding: 8px 12px;
    gap: 10px;
    border-radius: 16px;
}

[data-bs-theme=light] .card-goal[b-mzxxrvag15] {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

[data-bs-theme=dark] .card-goal[b-mzxxrvag15] {
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.card-goal i[b-mzxxrvag15] {
    font-size: 24px;
}

.card-goal .ph-check[b-mzxxrvag15] {
    position: absolute;
    left: 5px;
    top: 5px;
}

.card-goal:hover[b-mzxxrvag15] {
    color: var(--bs-primary);
    cursor: pointer;
}

[data-bs-theme=light] .card-goal:not(:hover)[b-mzxxrvag15] {
    color: rgba(0, 0, 0, 0.88);
}

[data-bs-theme=dark] .card-goal:not(:hover)[b-mzxxrvag15] {
    color: rgba(255, 255, 255, 0.88);
}

.card-goal.selected[b-mzxxrvag15] {
    border-color: var(--bs-primary);
}

.bg-default-company-url[b-mzxxrvag15] {
    background-color: var(--bs-body-bg);
}

[data-bs-theme=light] .bg-disabled-company-url[b-mzxxrvag15] {
    background-color: rgba(0, 0, 0, 0.04);
    margin-left: 0 !important;
}

[data-bs-theme=dark] .bg-disabled-company-url[b-mzxxrvag15] {
    background-color: rgba(250, 250, 250, 0.03);
    margin-left: 0 !important;
}

[b-mzxxrvag15].modal-info .modal-body {
    padding: unset;
}

@media (min-width: 1200px) {
    [b-mzxxrvag15].modal-info .modal-dialog {
        --bs-modal-width: 562px;
    }
}

[data-bs-theme=dark] .seletect-employees[b-mzxxrvag15]  > div > div > button {
    background-color: #222 !important;
}
/* _content/Umbler.Account.App/Pages/SignUp/Partner/SignUpPartnerStepInfo.razor.rz.scp.css */
@media (min-width: 600px) {
  .card-new-signup-small[b-5ia8wkrq5b] {
    padding: 18px 56px;
  }

  .card-new-signup[b-5ia8wkrq5b] {
    padding: 40px 56px;
  }

    .card-goal[b-5ia8wkrq5b] {
        width: 139px;
    }
}

@media (max-width: 600px) {
  .card-new-signup-small[b-5ia8wkrq5b] {
    padding: 16px;
  }

  .card-new-signup[b-5ia8wkrq5b] {
    padding: 16px;
  }

    .card-goal[b-5ia8wkrq5b] {
        width: 100%;
    }
}

.title[b-5ia8wkrq5b] {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: center;
  word-break: break-word;
}


[b-5ia8wkrq5b] .error {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-danger-text);
}

.step[b-5ia8wkrq5b] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  gap: 10px;
  border-radius: 32px;
}

[data-bs-theme=light] .step-complet[b-5ia8wkrq5b] {
  background-color: rgba(230, 244, 255, 1);
}

[data-bs-theme=dark] .step-complet[b-5ia8wkrq5b] {
  background-color: #3b3f42;
}

.step-current[b-5ia8wkrq5b] {
  background-color: rgba(85, 124, 242, 1);
  color: white;
}

[data-bs-theme=light] .step-next[b-5ia8wkrq5b] {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.45);
}

[data-bs-theme=dark] .step-next[b-5ia8wkrq5b] {
  background-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.45);
}

[b-5ia8wkrq5b].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
  box-shadow: unset;
}

[b-5ia8wkrq5b].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
  box-shadow: unset;
}

[b-5ia8wkrq5b].input-group.input-group-url:has(.is-invalid) * {
  border-color: var(--bs-danger);
  box-shadow: none !important;
}

[b-5ia8wkrq5b].input-group.input-group-url:has(.is-valid) * {
  border-color: var(--bs-success);
  box-shadow: none !important;
}

[b-5ia8wkrq5b].input-group.input-group-url:focus * {
  box-shadow: none !important;
}

.card-goal[b-5ia8wkrq5b] {
    padding: 8px 12px;
    gap: 10px;
    border-radius: 16px;
}

[data-bs-theme=light] .card-goal[b-5ia8wkrq5b] {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

[data-bs-theme=dark] .card-goal[b-5ia8wkrq5b] {
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.card-goal i[b-5ia8wkrq5b] {
  font-size: 24px;
}

.card-goal .ph-check[b-5ia8wkrq5b] {
  position: absolute;
  left: 5px;
  top: 5px;
}

.card-goal:hover[b-5ia8wkrq5b] {
  color: var(--bs-primary);
  cursor: pointer;
}

[data-bs-theme=light] .card-goal:not(:hover)[b-5ia8wkrq5b] {
  color: rgba(0, 0, 0, 0.88);
}

[data-bs-theme=dark] .card-goal:not(:hover)[b-5ia8wkrq5b] {
  color: rgba(255, 255, 255, 0.88);
}

.card-goal.selected[b-5ia8wkrq5b] {
  border-color: var(--bs-primary);
}

.bg-default-company-url[b-5ia8wkrq5b] {
  background-color: var(--bs-body-bg);
}

[data-bs-theme=light] .bg-disabled-company-url[b-5ia8wkrq5b] {
  background-color: rgba(0, 0, 0, 0.04);
  margin-left: 0 !important;
}

[data-bs-theme=dark] .bg-disabled-company-url[b-5ia8wkrq5b] {
  background-color: rgba(250, 250, 250, 0.03);
  margin-left: 0 !important;
}

[b-5ia8wkrq5b].modal-info .modal-body {
  padding: unset;
}

@media (min-width: 1200px) {
  [b-5ia8wkrq5b].modal-info .modal-dialog {
    --bs-modal-width: 562px;
  }
}

[data-bs-theme=dark] .seletect-employees[b-5ia8wkrq5b]  > div > div > button {
    background-color: #222 !important;
}
/* _content/Umbler.Account.App/Pages/SignUp/UTalk/SignUpCreditCardForm.razor.rz.scp.css */
.custom-search[b-7rf572xv5g] {
    position: relative;
}

[b-7rf572xv5g] .custom-search-button {
    position: absolute;
    right: 18px;
    top: 3px;
    bottom: 3px;
    border: 0;
    z-index: 2;
    font-size: small;
}

[b-7rf572xv5g] .error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-danger-text);
}

[data-bs-theme=light] .card-plan[b-7rf572xv5g] {
    background-color: rgba(0, 0, 0, 0.04);
    padding: 8px 12px;
}

[data-bs-theme=dark] .card-plan[b-7rf572xv5g] {
    background-color: rgba(255, 255, 255, 0.04);
    padding: 8px 12px;
}
/* _content/Umbler.Account.App/Pages/SignUp/UTalk/SignUpStepVideo.razor.rz.scp.css */
#video-container[b-8l3ltwd8wq] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

[b-8l3ltwd8wq] #video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 20px;
}

#start-overlay[b-8l3ltwd8wq] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.5s;
    z-index: 2;
}

#play-button[b-8l3ltwd8wq] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    display: block;
    z-index: 999;
    cursor: pointer;
    filter: hue-rotate(348deg);
}

#playing-overlay[b-8l3ltwd8wq] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    transition: 0.5s;
    border-radius: 20px;
    cursor: pointer;
}

#pause-overlay[b-8l3ltwd8wq] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    border-radius: 20px;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), #000 70%);
}

#resume-button[b-8l3ltwd8wq] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    transform: translate(-50%, -50%);
    z-index: 999;
    cursor: pointer;
}

.fs-30[b-8l3ltwd8wq] {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -0.032em;
    text-align: center;
}
/* _content/Umbler.Account.App/Pages/SignUp/UTalk/SignUpUtalkStepCreditCard.razor.rz.scp.css */
@media (min-width: 600px) {
  .card-new-signup[b-9pe8q8jgwm] {
    padding: 40px 56px;
  }
}

@media (max-width: 600px) {
  .card-new-signup[b-9pe8q8jgwm] {
    padding: 16px;
  }
}

.card-new-signup .title[b-9pe8q8jgwm] {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: center;
  word-break: break-word;
}

[b-9pe8q8jgwm] .error {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-danger-text);
}

.step[b-9pe8q8jgwm] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  gap: 10px;
  border-radius: 32px;
}

[data-bs-theme=light] .step-complet[b-9pe8q8jgwm] {
  background-color: rgba(230, 244, 255, 1);
}

[data-bs-theme=dark] .step-complet[b-9pe8q8jgwm] {
  background-color: #3b3f42;
}

.step-current[b-9pe8q8jgwm] {
  background-color: rgba(85, 124, 242, 1);
  color: white;
}

[data-bs-theme=light] .step-next[b-9pe8q8jgwm] {
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.45);
}

[data-bs-theme=dark] .step-next[b-9pe8q8jgwm] {
  background-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.45);
}

[b-9pe8q8jgwm].modal-payment .modal-body {
  padding: unset;
}

@media (min-width: 1200px) {
  [b-9pe8q8jgwm].modal-payment .modal-dialog {
    --bs-modal-width: 900px;
  }
}

.title-action[b-9pe8q8jgwm] {
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
}

[data-bs-theme=dark] .bg-creditcard-description[b-9pe8q8jgwm] {
  background: linear-gradient(158.07deg, #2f2f2f 9.11%, #3b3f42 90.24%);
}

[data-bs-theme=light] .bg-creditcard-description[b-9pe8q8jgwm] {
  background: linear-gradient(158.07deg, #f5faff 9.11%, #ddebff 90.24%);
}
/* _content/Umbler.Account.App/Pages/SignUp/UTalk/SignUpUtalkStepInfo.razor.rz.scp.css */
@media (min-width: 600px) {
    .card-new-signup-small[b-3yuy1qva57] {
        padding: 18px 56px;
    }

    .card-new-signup[b-3yuy1qva57] {
        padding: 40px 56px;
    }

    .card-goal[b-3yuy1qva57] {
        width: 139px;
    }
}

@media (max-width: 600px) {
    .card-new-signup-small[b-3yuy1qva57] {
        padding: 16px;
    }

    .card-new-signup[b-3yuy1qva57] {
        padding: 16px;
    }

    .card-goal[b-3yuy1qva57] {
        width: 100%;
    }
}

.title[b-3yuy1qva57] {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    word-break: break-word;
}


[b-3yuy1qva57] .error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-danger-text);
}

.step[b-3yuy1qva57] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    gap: 10px;
    border-radius: 32px;
}

[data-bs-theme=light] .step-complet[b-3yuy1qva57] {
    background-color: rgba(230, 244, 255, 1);
}

[data-bs-theme=dark] .step-complet[b-3yuy1qva57] {
    background-color: #3b3f42;
}

.step-current[b-3yuy1qva57] {
    background-color: rgba(85, 124, 242, 1);
    color: white;
}

[data-bs-theme=light] .step-next[b-3yuy1qva57] {
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.45);
}

[data-bs-theme=dark] .step-next[b-3yuy1qva57] {
    background-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.45);
}

[b-3yuy1qva57].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
    box-shadow: unset;
}

[b-3yuy1qva57].input-group.input-group-url:focus-within * {
    border-color: #557CF2;
    box-shadow: unset;
}

[b-3yuy1qva57].input-group.input-group-url:has(.is-invalid) * {
    border-color: var(--bs-danger);
    box-shadow: none !important;
}

[b-3yuy1qva57].input-group.input-group-url:has(.is-valid) * {
    border-color: var(--bs-success);
    box-shadow: none !important;
}

[b-3yuy1qva57].input-group.input-group-url:focus * {
    box-shadow: none !important;
}

.card-goal[b-3yuy1qva57] {
    padding: 8px 12px;
    gap: 10px;
    border-radius: 16px;
}

[data-bs-theme=light] .card-goal[b-3yuy1qva57] {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

[data-bs-theme=dark] .card-goal[b-3yuy1qva57] {
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.card-goal i[b-3yuy1qva57] {
    font-size: 24px;
}

.card-goal .ph-check[b-3yuy1qva57] {
    position: absolute;
    left: 5px;
    top: 5px;
}

.card-goal:hover[b-3yuy1qva57] {
    color: var(--bs-primary);
    cursor: pointer;
}

[data-bs-theme=light] .card-goal:not(:hover)[b-3yuy1qva57] {
    color: rgba(0, 0, 0, 0.88);
}

[data-bs-theme=dark] .card-goal:not(:hover)[b-3yuy1qva57] {
    color: rgba(255, 255, 255, 0.88);
}

.card-goal.selected[b-3yuy1qva57] {
    border-color: var(--bs-primary);
}

.bg-default-company-url[b-3yuy1qva57] {
    background-color: var(--bs-body-bg);
}

[data-bs-theme=light] .bg-disabled-company-url[b-3yuy1qva57] {
    background-color: rgba(0, 0, 0, 0.04);
    margin-left: 0 !important;
}

[data-bs-theme=dark] .bg-disabled-company-url[b-3yuy1qva57] {
    background-color: rgba(250, 250, 250, 0.03);
    margin-left: 0 !important;
}

[b-3yuy1qva57].modal-info .modal-body {
    padding: unset;
}

@media (min-width: 1200px) {
    [b-3yuy1qva57].modal-info .modal-dialog {
        --bs-modal-width: 562px;
    }
}

[data-bs-theme=dark] .seletect-employees[b-3yuy1qva57]  > div > div > button {
    background-color: #222 !important;
}
/* _content/Umbler.Account.App/Shared/Components/ReconnectionModal.razor.rz.scp.css */
#components-reconnect-modal[b-h0oy0l86ee] {
    position: absolute;
    inset: 0;
    color: #fff;
    background-color: rgba(51,51,51,.9333333333);
    z-index: 1000000000;
    text-align: center;
}

#components-reconnect-modal.components-reconnect-show[b-h0oy0l86ee], #components-reconnect-modal.components-reconnect-failed[b-h0oy0l86ee], #components-reconnect-modal.components-reconnect-rejected[b-h0oy0l86ee], #components-reconnect-modal.components-reconnect-show .reconnect-modal-show[b-h0oy0l86ee], #components-reconnect-modal.components-reconnect-failed .reconnect-modal-failed[b-h0oy0l86ee], #components-reconnect-modal.components-reconnect-rejected .reconnect-modal-rejected[b-h0oy0l86ee], #components-reconnect-modal .container[b-h0oy0l86ee] {
    display: flex;
}

#components-reconnect-modal[b-h0oy0l86ee], #components-reconnect-modal .reconnect-modal-state[b-h0oy0l86ee], #components-reconnect-modal .container[b-h0oy0l86ee] {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#components-reconnect-modal[b-h0oy0l86ee], #components-reconnect-modal .reconnect-modal-state[b-h0oy0l86ee] {
    display: none;
}