.nhr-secure-settings {

    margin-left: 0px;

    margin-right: 0px;

    margin-top: 1.25rem;

    margin-bottom: 1.25rem;

    max-width: 1280px
}

    .nhr-secure-header {

    margin-bottom: 2rem
}

    .nhr-secure-header h1 {

    margin: 0px;

    margin-bottom: 0.5rem;

    font-size: 1.875rem;

    line-height: 2.25rem;

    font-weight: 600;

    --tw-text-opacity: 1;

    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

    .nhr-secure-subtitle {

    margin: 0px;

    font-size: 0.875rem;

    line-height: 1.25rem;

    --tw-text-opacity: 1;

    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}

    .nhr-secure-loading {

    display: flex;

    min-height: 400px;

    align-items: center;

    justify-content: center
}

    .nhr-secure-cards {

    margin-bottom: 1.5rem;

    display: grid;

    gap: 1.25rem
}

    .nhr-secure-card {

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));

    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    transition-property: box-shadow;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 200ms
}

    .nhr-secure-card:hover {

    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

    .nhr-secure-card-title {

    margin: 0px;

    margin-bottom: 1.25rem;

    border-bottom-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));

    padding-bottom: 0.75rem;

    font-size: 1.125rem;

    line-height: 1.75rem;

    font-weight: 600;

    --tw-text-opacity: 1;

    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

    .nhr-secure-card .components-base-control {

    margin-bottom: 1.5rem
}

    .nhr-secure-card .components-base-control:last-child {

    margin-bottom: 0px
}

    .nhr-secure-info {

    margin-top: 1rem;

    border-radius: 0.25rem;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.75rem;

    padding-bottom: 0.75rem
}

    .nhr-secure-info strong {

    margin-bottom: 0.375rem;

    display: block;

    font-size: 0.75rem;

    line-height: 1rem;

    --tw-text-opacity: 1;

    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

    .nhr-secure-info code {

    display: inline-block;

    border-radius: 0.25rem;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

    padding-left: 0.75rem;

    padding-right: 0.75rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    font-size: 0.75rem;

    line-height: 1rem;

    --tw-text-opacity: 1;

    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

    .nhr-secure-actions {

    display: flex;

    gap: 0.75rem;

    padding-top: 0.5rem
}

    .nhr-secure-actions .components-button {

    min-width: 140px
}

    /* Core component overrides */
    .nhr-secure-card .components-toggle-control {

    align-items: flex-start
}

    .nhr-secure-card .components-toggle-control .components-base-control__field {

    margin-bottom: 0px
}

    .nhr-secure-card .components-text-control__input {

    max-width: 28rem
}

    /* Notice styling */
    .nhr-secure-settings .components-notice {

    margin: 0px;

    margin-bottom: 1.25rem
}
.ml-5 {

    margin-left: 1.25rem
}
.mt-0 {

    margin-top: 0px
}
.table {

    display: table
}
.hidden {

    display: none
}

/* Responsive */
@media (max-width: 782px) {
    .nhr-secure-header h1 {

        font-size: 1.5rem;

        line-height: 2rem
    }

    .nhr-secure-card .components-text-control__input {

        max-width: 100%
    }
}