﻿.modal-confirm-delete-limit .scroll::-webkit-scrollbar
{
    border-radius: .375rem;
    height: .25rem;
    width: .375rem;
}
.modal-confirm-delete-limit .scroll::-webkit-scrollbar-thumb
{
    background: var(--content-secondary);
    border: .0625rem solid var(--layer-surface-2);
    border-radius: .375rem;
}
.modal-confirm-delete-limit .scroll::-webkit-scrollbar-thumb:hover
{
    background: var(--content-tertiary);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.modal-confirm-delete-limit .scroll::-webkit-scrollbar-track
{
    background: var(--layer-surface-2);
    border-radius: .375rem;
}
@-moz-document url-prefix(){.modal-confirm-delete-limit .scroll{scrollbar-color:var(--content-secondary) transparent;scrollbar-width:thin}}
.modal-confirm-delete-limit .vfm__content
{
    margin: 0 1rem;
    max-width: 400px;
    width: 100%;
}
.modal-confirm-delete-limit .scroll
{
    background: var(--layer-surface-1);
    border-bottom: .75rem solid var(--layer-surface-1);
    border-left: .5rem solid var(--layer-surface-1);
    border-right: .5rem solid var(--layer-surface-1);
    border-top: .75rem solid var(--layer-surface-1);
    box-shadow: var(--shadow-modal);
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.5rem 1.375rem 1.375rem;
    position: relative;
    grid-row-gap: 1rem;
    border-radius: var(--radius-3);
    width: 100%;
}
@media(min-width: 33rem)
{
    .modal-confirm-delete-limit .scroll
    {
        border-radius: var(--radius-2);
    }
}
.modal-confirm-delete-limit .header
{
    align-items: center;
    display: flex;
    position: relative;
}
.modal-confirm-delete-limit .header .title
{
    color: var(--content-primary);
    flex-grow: 1;
    font-size: var(--font-size,1.25rem);
    font-weight: var(--font-weight,600);
    letter-spacing: var(--letter-spacing,0);
    line-height: var(--line-height,1.3);
    text-align: var(--text-align,left);
}
.modal-confirm-delete-limit .description
{
    color: var(--content-secondary);
    font-size: var(--font-size,.875rem);
    font-weight: var(--font-weight,400);
    letter-spacing: var(--letter-spacing,0);
    line-height: var(--line-height,1.3);
}
.modal-confirm-delete-limit form
{
    display: flex;
    flex-direction: column;
    grid-gap: 1rem;
}
.modal-confirm-delete-limit form>.btn-primary
{
    margin-top: .5rem;
}
.modal-confirm-delete-limit .btn-modal-close
{
    position: absolute;
    --bg: transparent;
    --right: -1rem;
    --top: -.5rem;
}
.modal-confirm-delete-limit .img
{
    display: grid;
    height: auto;
    margin: 0 auto;
    width: 8.375rem;
}
.modal-confirm-delete-limit .text
{
    font-size: var(--font-size,1rem);
    font-weight: var(--font-weight,400);
}
.modal-confirm-delete-limit .text p
{
    margin: 0;
}
.modal-confirm-delete-limit .btn-primary
{
    --width: 100%;
}
@keyframes skeleton-loading
{
    to
    {
        background-position: 100% 0,0 0,0 40px,0 80px,0 120px,0 160px;
    }
}
:root
{
    --radius-0: 4px;
    --radius-0-5: 6px;
    --radius-1: 8px;
    --radius-5: 10px;
    --radius-2: 12px;
    --radius-3: 16px;
    --radius-4: 20px;
    --radius-6: 24px;
}
.modal-confirm-delete-limit .scroll img
{
    margin: -1.375rem auto 0;
}
.modal-confirm-delete-limit .text
{
    color: var(--content-primary);
    font-size: var(--font-size,1.5rem);
    font-weight: var(--font-weight,700);
    letter-spacing: var(--letter-spacing,0);
    line-height: var(--line-height,1.3);
    margin: 0;
    text-align: center;
}
.modal-confirm-delete-limit .actions
{
    display: flex;
    gap: .625rem;
}
.modal-confirm-delete-limit .btn
{
    width: 50%;
}