:root {
    --tblr-font-sans-serif: "Inter Var", Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --uteos-brand-icon-size: 2rem;
}

html {
    scrollbar-gutter: auto;
}

.min-w-0 {
    min-width: 0;
}

[hidden] {
    display: none !important;
}

.nav-link-icon .ti {
    display: block;
}

.uteos-alert-popup-close {
    position: relative;
    -webkit-mask: none;
    mask: none;
    background-color: transparent;
}

.uteos-alert-popup-close:hover {
    background-color: transparent;
}

.uteos-alert-popup-close::before {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform: none;
    -webkit-mask: var(--tblr-btn-close-bg) no-repeat center/calc(var(--tblr-btn-close-size) * 0.75);
    mask: var(--tblr-btn-close-bg) no-repeat center/calc(var(--tblr-btn-close-size) * 0.75);
    background-color: var(--tblr-btn-close-color);
}

.btn-close.uteos-alert-popup-close:focus-visible {
    outline: 0.1875rem solid currentColor;
    outline-offset: -0.1875rem;
    box-shadow: none;
}

.empty-icon .ti {
    width: 100%;
    height: 100%;
    font-size: var(--tblr-empty-icon-size);
}

.modal-dialog-scrollable .modal-content > form {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.form-control:is([type="date"], [type="time"], [type="datetime-local"])::-webkit-datetime-edit {
    padding: 0;
    line-height: inherit;
}

.was-validated .form-control:is([type="date"], [type="time"], [type="datetime-local"]):is(:valid, :invalid),
.form-control:is([type="date"], [type="time"], [type="datetime-local"]):is(.is-valid, .is-invalid) {
    padding-inline-end: calc(2.375rem + 1.25rem) !important;
}

@font-face {
    font-family: "tabler-icons-filled";
    src: url("../../icons/tabler/fonts/tabler-icons-filled.woff2") format("woff2");
    font-style: normal;
    font-weight: normal;
    font-display: block;
}

.ti-pin-filled,
.ti-star-filled {
    font-family: "tabler-icons-filled" !important;
}

.ti-pin-filled::before {
    content: "\f68d";
}

.ti-star-filled::before {
    content: "\f6a6";
}

.navbar-brand-image.uteos-brand-icon {
    width: var(--uteos-brand-icon-size);
    height: var(--uteos-brand-icon-size);
}

.navbar-brand-autodark .navbar-brand-image.uteos-brand-icon {
    filter: none;
}

.uteos-language-current,
.uteos-language-flag {
    display: block;
    width: 1.25rem;
    height: 1rem;
    object-fit: cover;
    border-radius: 0.125rem;
    box-shadow: var(--tblr-shadow-border);
}

.uteos-language-dropdown {
    width: min(28rem, calc(100vw - 1rem));
    max-height: calc(100vh - 6.5rem);
    max-height: calc(100dvh - 6.5rem);
    overflow-x: hidden;
    overflow-y: auto;
}

.uteos-user-menu .dropdown-menu {
    --tblr-dropdown-min-width: 16rem;
}

@media (max-width: 575.98px) {
    .uteos-language-switcher {
        position: static;
    }

    .uteos-user-menu {
        position: static;
    }

    .uteos-language-switcher .uteos-language-dropdown {
        top: 100% !important;
        right: 0.5rem !important;
        left: 0.5rem !important;
        width: auto;
        transform: none !important;
    }

    .uteos-language-dropdown .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .uteos-user-menu .dropdown-menu {
        top: 100% !important;
        right: 0.5rem !important;
        left: 0.5rem !important;
        width: auto;
        max-width: none;
        transform: none !important;
    }
}

.form-switch .form-check-input:not(:checked) {
    --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236b7280'/%3e%3c/svg%3e");
}

.was-validated .form-control-color:valid,
.was-validated .form-control-color:invalid {
    --tblr-form-feedback-icon-size: 1.25rem;
    --tblr-form-feedback-icon-inset: 1rem;
    padding-inline-end: calc(var(--tblr-form-feedback-icon-size) + var(--tblr-form-feedback-icon-inset) * 2) !important;
    background-position: right var(--tblr-form-feedback-icon-inset) center !important;
    background-size: var(--tblr-form-feedback-icon-size) var(--tblr-form-feedback-icon-size) !important;
}

.ts-input {
    color: inherit;
}

.focus .ts-control {
    border-radius: var(--tblr-border-radius);
}

.ts-control {
    color: inherit;
}

.ts-wrapper.single .ts-control {
    flex-wrap: nowrap;
}

.ts-wrapper.single .ts-control > .item {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ts-control .dropdown-menu {
    width: 100%;
    height: auto;
}

.ts-wrapper.form-control,
.ts-wrapper.form-select {
    min-height: calc(1.25rem + 1.125rem + calc(var(--tblr-border-width) * 2));
    box-shadow: var(--tblr-shadow-input);
}

.ts-wrapper.is-invalid .ts-control, .ts-wrapper.is-valid .ts-control {
    --ts-pr-clear-button: 1.5rem;
}

.ts-dropdown {
    background: var(--tblr-bg-surface);
    color: var(--tblr-body-color);
    box-shadow: var(--tblr-shadow-dropdown);
    z-index: 1000;
}
.ts-dropdown .option {
    padding: 0.5rem 0.75rem;
}

.ts-control,
.ts-control input {
    color: var(--tblr-body-color);
}

.ts-control input::-moz-placeholder {
    color: var(--tblr-tertiary);
}

.ts-control input::placeholder {
    color: var(--tblr-tertiary);
}

.ts-wrapper.multi .ts-control > div,
.ts-wrapper.multi.disabled .ts-control > div {
    background: var(--tblr-bg-surface-secondary);
    border: 1px solid var(--tblr-border-color);
    color: var(--tblr-body-color);
}

.ts-wrapper.disabled .ts-control {
    opacity: 1;
}
.ts-wrapper.disabled .ts-control > div.item {
    color: var(--tblr-gray-500);
}

.ts-wrapper.is-invalid,
.was-validated .invalid,
.was-validated :invalid + .ts-wrapper {
    border-color: var(--tblr-form-invalid-border-color);
}

.ts-wrapper.is-invalid.focus,
.was-validated .invalid.focus,
.was-validated :invalid + .ts-wrapper.focus {
    border-color: var(--tblr-form-invalid-border-color);
    box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
}

.ts-wrapper.is-invalid.focus .ts-control,
.was-validated .invalid.focus .ts-control,
.was-validated :invalid + .ts-wrapper.focus .ts-control {
    box-shadow: none;
}

.ts-wrapper.is-valid,
.was-validated .valid,
.was-validated :valid + .ts-wrapper {
    border-color: var(--tblr-form-valid-border-color);
}

.ts-wrapper.is-valid.focus,
.was-validated .valid.focus,
.was-validated :valid + .ts-wrapper.focus {
    border-color: var(--tblr-form-valid-border-color);
    box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
}

.ts-wrapper.is-valid.focus .ts-control,
.was-validated .valid.focus .ts-control,
.was-validated :valid + .ts-wrapper.focus .ts-control {
    box-shadow: none;
}

.input-group.uteos-password-control > .form-control:focus {
    box-shadow: none;
}

.input-group.uteos-password-control > .input-group-text {
    border-inline-start: 0;
}

.was-validated .uteos-password-control:has(> .form-control:invalid) > .form-control,
.was-validated .uteos-password-control:has(> .form-control:invalid) > .input-group-text {
    border-color: var(--tblr-form-invalid-border-color) !important;
}

.was-validated .uteos-password-control:has(> .form-control:invalid):focus-within {
    box-shadow: 0 0 0 var(--tblr-focus-ring-width) rgba(var(--tblr-danger-rgb), 0.25);
}

.was-validated .uteos-password-control:has(> .form-control:valid) > .form-control,
.was-validated .uteos-password-control:has(> .form-control:valid) > .input-group-text {
    border-color: var(--tblr-form-valid-border-color) !important;
}

.was-validated .uteos-password-control:has(> .form-control:valid):focus-within {
    box-shadow: 0 0 0 var(--tblr-focus-ring-width) rgba(var(--tblr-success-rgb), 0.25);
}

@media (max-width: 575.98px) {
    :root {
        --uteos-brand-icon-size: 1.75rem;
    }
}
.table-responsive:has(.uteos-table-empty-row) {
    container-type: inline-size;
}

.uteos-table-empty-text {
    display: block;
    inset-inline-start: 1.25rem;
    max-width: calc(100cqw - 2.5rem);
    position: sticky;
    white-space: normal;
}

.subscription-plan-capabilities > li {
    position: relative;
    padding-inline-start: 1.625rem;
}

.subscription-plan-capabilities > li > .icon {
    position: absolute;
    inset-inline-start: 0;
    top: .125rem;
}

.subscription-plan-limit strong {
    white-space: nowrap;
}

@media (min-width: 992px) {
    .subscription-plan-options {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: var(--tblr-gutter-x);
        margin: 0;
    }

    .subscription-plan-options > .col-lg-4,
    .subscription-plan-options > .col-lg-4 > .card,
    .subscription-plan-options > .col-lg-4 > .card > .card-body {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 15;
        min-width: 0;
    }

    .subscription-plan-options > .col-lg-4 {
        width: auto;
        margin: 0;
        padding: 0;
    }

    .subscription-plan-options .subscription-plan-capabilities {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 13;
    }
}