.jconfirm.pt-feedback {
    --feedback: #00b980;
    --feedback-soft: #e2f8ee;
    --feedback-wave: #d9f4e9
}

.jconfirm.pt-feedback-error {
    --feedback: #f13764;
    --feedback-soft: #ffedf1;
    --feedback-wave: #fce0e9
}

.jconfirm.pt-feedback .jconfirm-box {
    position: relative;
    max-width: 430px;
    margin-inline: auto;
    padding: 30px 26px 26px;
    border: 1px solid #edf2f2;
    border-radius: 20px;
    background: radial-gradient(ellipse at 3% 115%, var(--feedback-wave) 0, transparent 45%), radial-gradient(ellipse at 100% 120%, var(--feedback-wave) 0, transparent 42%), #fff;
    box-shadow: 0 20px 65px #1b3c3226;
    overflow: hidden;
    border-top: 0
}

.jconfirm.pt-feedback .jconfirm-box:before {
    content: '';
    position: absolute;
    width: 36px;
    height: 70px;
    border-radius: 90% 0 90% 0;
    bottom: -15px;
    inset-inline-start: 8px;
    background: var(--feedback);
    opacity: .18;
    transform: rotate(-30deg);
    pointer-events: none
}

.jconfirm.pt-feedback .jconfirm-box:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 58px;
    border-radius: 0 90% 0 90%;
    bottom: -11px;
    inset-inline-end: 15px;
    background: var(--feedback);
    opacity: .16;
    transform: rotate(30deg);
    pointer-events: none
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-closeIcon {
    top: 14px;
    right: 14px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border-radius: 50%;
    background: #f2f5f8;
    color: #718199;
    font-size: 22px
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-icon-c {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 12px auto 28px;
    background: var(--feedback);
    border: 10px solid var(--feedback-soft);
    border-radius: 50%;
    box-shadow: 0 0 0 12px color-mix(in srgb, var(--feedback-soft) 55%, transparent);
    box-sizing: content-box;
    color: white;
    font-size: 0;
    opacity: 1
}

.jconfirm.pt-feedback .jconfirm-icon-c .pt-icon {
    width: 37px;
    height: 37px;
    stroke-width: 2.8
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-title-c {
    padding: 0;
    margin: 0 0 9px;
    text-align: center;
    color: #1b3556;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-title {
    font: inherit
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-content-pane {
    text-align: center;
    margin: 0 0 20px;
    color: #8291ab;
    font-size: 13px;
    line-height: 1.7
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    float: none;
    padding: 0
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-buttons button {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 11px 22px;
    min-height: 42px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: none
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-buttons .pt-feedback-primary {
    background: var(--feedback);
    color: white;
    border: 1px solid var(--feedback)
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-buttons .pt-feedback-secondary {
    background: #fff;
    color: #345170;
    border: 1px solid #dce4ee
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-buttons button:focus-visible {
    outline: 2px solid var(--feedback);
    outline-offset: 3px
}

@media(max-width:480px) {
    .jconfirm.pt-feedback .jconfirm-box {
        padding: 24px 20px;
        max-width: calc(100vw - 28px)
    }

    .jconfirm.pt-feedback .jconfirm-box .jconfirm-title-c {
        font-size: 20px
    }
}


.jconfirm.pt-feedback .jconfirm-box div.jconfirm-title-c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    box-sizing: border-box
}

.jconfirm.pt-feedback .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    float: none;
    margin: 12px auto 24px;
    line-height: 1;
    text-align: center
}

.jconfirm.pt-feedback .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c svg.pt-icon {
    display: block;
    position: static;
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    color: #fff !important;
    stroke: #fff;
    fill: none;
    margin: 0;
    opacity: 1;
    visibility: visible
}

.jconfirm.pt-feedback .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center
}

.jconfirm.pt-feedback .jconfirm-box.jconfirm-type-green,
.jconfirm.pt-feedback .jconfirm-box.jconfirm-type-red {
    border: 1px solid #e7eeeb;
    animation-name: none
}


.jconfirm.pt-feedback .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i.pt-feedback-symbol {
    position: relative;
    display: block;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    font-size: 0;
    color: #fff !important;
    line-height: 1
}

.jconfirm.pt-feedback i.pt-feedback-symbol-check:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 24px;
    left: 13px;
    top: 3px;
    border: solid #fff;
    border-width: 0 4px 4px 0;
    border-radius: 1px;
    transform: rotate(45deg);
    box-sizing: border-box
}

.jconfirm.pt-feedback i.pt-feedback-symbol-error:before,
.jconfirm.pt-feedback i.pt-feedback-symbol-error:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 4px;
    left: 4px;
    top: 17px;
    background: #fff;
    border-radius: 4px;
    transform: rotate(45deg)
}

.jconfirm.pt-feedback i.pt-feedback-symbol-error:after {
    transform: rotate(-45deg)
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-closeIcon {
    position: absolute;
    top: 14px;
    right: 14px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1;
    border: 0;
    border-radius: 50%;
    background: #f3f6f8;
    color: #748294;
    overflow: hidden
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-closeIcon:before,
.jconfirm.pt-feedback .jconfirm-box .jconfirm-closeIcon:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 14px;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform: rotate(45deg)
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-closeIcon:after {
    transform: rotate(-45deg)
}

.jconfirm.pt-feedback .jconfirm-box .jconfirm-closeIcon:hover {
    background: #e7eee9;
    color: #315a48
}


.jconfirm.pt-feedback {
    z-index: 100000
}


#pt-tailwind .jconfirm.pt-feedback .jconfirm-box {
    width: 100%;
    max-width: calc(100vw - 28px);
    padding: 30px 26px 34px;
    border: 1px solid #eef3f5;
    border-radius: 18px;
    background: #fff url('../images/feedback-success.svg') center/100% 100% no-repeat;
    box-shadow: 0 18px 60px #1d344c26;
    font-family: Poppins, sans-serif
}

#pt-tailwind .jconfirm.pt-feedback-error .jconfirm-box {
    background-image: url('../images/feedback-error.svg')
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box::before,
#pt-tailwind .jconfirm.pt-feedback .jconfirm-box::after {
    display: none
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box div.jconfirm-title-c {
    padding: 0;
    margin: 0 0 5px;
    color: #193254;
    line-height: 1.4
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    width: 60px;
    height: 60px;
    border: 10px solid var(--feedback-soft);
    margin: 13px auto 24px;
    box-shadow: 0 0 0 12px color-mix(in srgb, var(--feedback-soft) 50%, transparent);
    background: var(--feedback)
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-title {
    font-family: Poppins, sans-serif;
    font-size: 23px;
    font-weight: 700;
    color: #193254;
    line-height: 1.4
}

#pt-tailwind .jconfirm.pt-feedback-error .jconfirm-box .jconfirm-title {
    font-size: 20px
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-content-pane {
    margin: 0 0 19px;
    color: #8391ab;
    font: 400 12px/1.65 Poppins, sans-serif
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-content {
    font: inherit;
    color: inherit;
    overflow-wrap: anywhere
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-content :is(.alert, p) {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
    font: inherit !important
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-buttons {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: 11px;
    margin: 0;
    padding: 0
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-buttons button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 90px;
    width: auto;
    height: 43px;
    min-height: 43px;
    padding: 10px 20px !important;
    margin: 0 !important;
    border-radius: 10px;
    font: 600 12px/1.4 Poppins, sans-serif;
    box-shadow: none;
    text-transform: none;
    float: none
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-buttons button.pt-feedback-primary {
    background: var(--feedback) !important;
    border: 1px solid var(--feedback) !important;
    color: #fff !important
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-buttons button.pt-feedback-secondary {
    background: #fff !important;
    border: 1px solid #d9e1ed !important;
    color: #30476b !important
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-buttons button.pt-feedback-primary::before {
    content: '✓';
    font-size: 14px
}

#pt-tailwind .jconfirm.pt-feedback-error .jconfirm-buttons button.pt-feedback-primary::before {
    content: '↻';
    font-size: 17px
}

#pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-closeIcon {
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    min-height: 0;
    padding: 0 !important;
    background: #f2f5f8;
    color: #748297
}

@media(max-width:480px) {
    #pt-tailwind .jconfirm.pt-feedback .jconfirm-box {
        padding: 26px 20px 30px
    }

    #pt-tailwind .jconfirm.pt-feedback .jconfirm-box .jconfirm-title {
        font-size: 21px
    }

    #pt-tailwind .jconfirm.pt-feedback-error .jconfirm-box .jconfirm-title {
        font-size: 18px
    }
}


#pt-tailwind .jconfirm.pt-feedback-confirm .jconfirm-icon-c i.pt-feedback-symbol-question::before {
    content: '?';
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    font: 600 34px/38px Poppins, sans-serif;
    border: 0;
    background: transparent;
    transform: none;
    width: 38px;
    height: 38px
}

#pt-tailwind .jconfirm.pt-feedback-confirm .jconfirm-buttons button.pt-feedback-primary::before {
    content: none
}