/* ============================================================
JPG A PNG - CONVERTODO
assets/styles/jpg-png.css
============================================================ */


:root {

    --jpg-blue:
        #2563eb;

    --jpg-blue-dark:
        #1d4ed8;

    --jpg-green:
        #16a34a;

    --jpg-purple:
        #7c3aed;

    --jpg-red:
        #dc2626;

    --jpg-text:
        #0f172a;

    --jpg-muted:
        #64748b;

    --jpg-border:
        #dce4ef;

    --jpg-background:
        #f7f9fc;

    --jpg-white:
        #ffffff;

}



/* ============================================================
GENERAL
============================================================ */

* {

    box-sizing:
        border-box;

}


body {

    margin:
        0;

    font-family:
        "Inter",
        sans-serif;

    color:
        var(--jpg-text);

    background:
        var(--jpg-background);

}


button,
input,
select {

    font:
        inherit;

}


button {

    border:
        0;

}


.jpg-hidden {

    display:
        none !important;

}


[hidden] {

    display:
        none !important;

}


.jpg-container {

    width:
        min(1180px, calc(100% - 40px));

    margin:
        0 auto;

}



/* ============================================================
HEADER
============================================================ */

.image-tool-header {

    background:
        #ffffff;

}


.image-tool-nav {

    display:
        flex;

    align-items:
        center;

    gap:
        27px;

}


.image-tool-nav a {

    color:
        #475569;

    font-size:
        14px;

    font-weight:
        600;

    text-decoration:
        none;

}


.image-tool-nav a:hover,
.image-tool-nav a.active {

    color:
        var(--jpg-blue);

}


.back-tools {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        10px 14px;

    border:
        1px solid var(--jpg-border);

    border-radius:
        10px;

    color:
        #334155;

    background:
        white;

    font-size:
        14px;

    font-weight:
        700;

    text-decoration:
        none;

}



/* ============================================================
HERO
============================================================ */

.image-tool-hero {

    padding:
        42px 0 36px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbff 100%
        );

    border-bottom:
        1px solid #e6ebf2;

}


.jpg-breadcrumb {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    margin-bottom:
        30px;

    color:
        #64748b;

    font-size:
        13px;

}


.jpg-breadcrumb a {

    color:
        #64748b;

    text-decoration:
        none;

}


.jpg-breadcrumb i {

    font-size:
        10px;

}


.jpg-hero-content {

    display:
        flex;

    align-items:
        center;

    gap:
        22px;

}


.jpg-main-icon {

    width:
        78px;

    height:
        78px;

    display:
        grid;

    place-items:
        center;

    flex:
        0 0 auto;

    border-radius:
        22px;

    color:
        #2563eb;

    background:
        #dbeafe;

    font-size:
        37px;

}


.jpg-kicker {

    display:
        block;

    margin-bottom:
        6px;

    color:
        var(--jpg-blue);

    font-size:
        12px;

    font-weight:
        800;

    letter-spacing:
        .08em;

}


.jpg-hero-content h1 {

    margin:
        0 0 8px;

    font-size:
        clamp(30px, 4vw, 44px);

    line-height:
        1.1;

}


.jpg-hero-content p {

    max-width:
        700px;

    margin:
        0;

    color:
        #64748b;

    font-size:
        16px;

    line-height:
        1.7;

}


.local-processing {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    margin-top:
        25px;

    padding:
        11px 15px;

    border:
        1px solid #ccefd9;

    border-radius:
        12px;

    color:
        #32734a;

    background:
        #effdf5;

    font-size:
        13px;

}


.local-processing i {

    color:
        #16a34a;

    font-size:
        18px;

}



/* ============================================================
LAYOUT
============================================================ */

.jpg-main {

    padding:
        42px 0 70px;

}


.jpg-layout {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr) 310px;

    gap:
        28px;

    align-items:
        start;

}


.jpg-work-card {

    min-width:
        0;

    padding:
        28px;

    border:
        1px solid #e0e7f0;

    border-radius:
        22px;

    background:
        #ffffff;

    box-shadow:
        0 18px 45px rgba(15, 23, 42, .07);

}



/* ============================================================
DROP ZONE
============================================================ */

.jpg-drop-zone {

    position:
        relative;

    min-height:
        480px;

    padding:
        55px 30px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    text-align:
        center;

    border:
        2px dashed #c5d3e5;

    border-radius:
        20px;

    background:
        #fbfdff;

    transition:
        .2s ease;

}


.jpg-drop-zone:hover,
.jpg-drop-zone.drag-over {

    border-color:
        #2563eb;

    background:
        #f1f6ff;

}


.jpg-drop-icon {

    width:
        100px;

    height:
        100px;

    display:
        grid;

    place-items:
        center;

    margin-bottom:
        28px;

    border-radius:
        28px;

    color:
        #2563eb;

    background:
        #dbeafe;

    font-size:
        47px;

}


.jpg-drop-zone h2 {

    margin:
        0;

    font-size:
        29px;

}


.jpg-drop-zone > p {

    margin:
        14px 0 28px;

    color:
        #64748b;

    font-size:
        16px;

}


.hidden-image-input {

    position:
        absolute;

    width:
        1px;

    height:
        1px;

    opacity:
        0;

    overflow:
        hidden;

    pointer-events:
        none;

}



/* ============================================================
BOTONES
============================================================ */

.jpg-primary-button,
.jpg-secondary-button {

    min-height:
        50px;

    padding:
        0 22px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    border-radius:
        12px;

    font-weight:
        750;

    cursor:
        pointer;

    transition:
        .18s ease;

}


.jpg-primary-button {

    color:
        #ffffff;

    background:
        #2563eb;

    box-shadow:
        0 10px 22px rgba(37, 99, 235, .20);

}


.jpg-primary-button:hover {

    background:
        #1d4ed8;

    transform:
        translateY(-1px);

}


.jpg-primary-button:disabled {

    opacity:
        .65;

    cursor:
        wait;

    transform:
        none;

}


.jpg-secondary-button {

    color:
        #334155;

    border:
        1px solid #d8e1ec;

    background:
        white;

}


.jpg-secondary-button:hover {

    background:
        #f8fafc;

}


.jpg-upload-features {

    display:
        flex;

    flex-wrap:
        wrap;

    justify-content:
        center;

    gap:
        20px;

    margin-top:
        30px;

    color:
        #64748b;

    font-size:
        13px;

}


.jpg-upload-features span {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

}


.jpg-upload-features i {

    color:
        #16a34a;

}



/* ============================================================
CABECERA
============================================================ */

.jpg-selected-header {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    margin-bottom:
        22px;

}


.jpg-panel-label {

    display:
        block;

    margin-bottom:
        6px;

    color:
        #2563eb;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .08em;

}


.jpg-selected-header h2,
.jpg-settings-heading h2 {

    margin:
        0;

    font-size:
        23px;

}


.jpg-header-actions {

    display:
        flex;

    gap:
        8px;

}


.jpg-small-button {

    min-height:
        39px;

    padding:
        0 13px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    border:
        1px solid #dbe3ef;

    border-radius:
        9px;

    color:
        #334155;

    background:
        #ffffff;

    font-size:
        12px;

    font-weight:
        700;

    cursor:
        pointer;

}


.jpg-small-button:hover {

    background:
        #f8fafc;

}


.jpg-small-button.danger {

    color:
        #dc2626;

}



/* ============================================================
MENSAJES
============================================================ */

.jpg-message {

    margin-bottom:
        18px;

    padding:
        13px 15px;

    border:
        1px solid #bfdbfe;

    border-radius:
        11px;

    color:
        #1d4ed8;

    background:
        #eff6ff;

    font-size:
        12px;

}


.jpg-message.error {

    color:
        #be123c;

    border-color:
        #fecdd3;

    background:
        #fff1f2;

}



/* ============================================================
RESUMEN
============================================================ */

.jpg-summary {

    display:
        flex;

    align-items:
        center;

    margin-bottom:
        20px;

    padding:
        17px 20px;

    border:
        1px solid #e0e8f2;

    border-radius:
        15px;

    background:
        #f8fbff;

}


.jpg-summary-item {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

}


.jpg-summary-icon {

    width:
        41px;

    height:
        41px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        11px;

    color:
        #2563eb;

    background:
        #e8f0ff;

}


.jpg-summary-item div {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

}


.jpg-summary-item strong {

    font-size:
        17px;

}


.jpg-summary-item span {

    color:
        #64748b;

    font-size:
        11px;

}


.jpg-summary-divider {

    width:
        1px;

    height:
        37px;

    margin:
        0 26px;

    background:
        #dbe4ef;

}



/* ============================================================
LISTA DE IMÁGENES
============================================================ */

.jpg-images-panel {

    overflow:
        hidden;

    margin-bottom:
        25px;

    border:
        1px solid #e0e7f0;

    border-radius:
        16px;

}


.jpg-panel-title {

    min-height:
        51px;

    padding:
        0 17px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    background:
        #f8fafc;

    border-bottom:
        1px solid #e2e8f0;

    color:
        #334155;

    font-size:
        13px;

    font-weight:
        700;

}


.jpg-panel-title div {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

}


.jpg-panel-title > span {

    color:
        #64748b;

    font-size:
        11px;

    font-weight:
        500;

}


.jpg-images-list {

    max-height:
        450px;

    overflow-y:
        auto;

}


.jpg-image-row {

    min-height:
        84px;

    padding:
        11px 15px;

    display:
        grid;

    grid-template-columns:
        62px minmax(0, 1fr) auto;

    gap:
        13px;

    align-items:
        center;

    border-bottom:
        1px solid #eef2f7;

}


.jpg-image-row:last-child {

    border-bottom:
        0;

}


.jpg-thumbnail {

    width:
        62px;

    height:
        62px;

    overflow:
        hidden;

    border:
        1px solid #e2e8f0;

    border-radius:
        10px;

    background:
        #f8fafc;

}


.jpg-thumbnail img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

}


.jpg-image-info {

    min-width:
        0;

}


.jpg-image-info strong {

    display:
        block;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;

    color:
        #1e293b;

    font-size:
        13px;

}


.jpg-image-info span {

    display:
        block;

    margin-top:
        5px;

    color:
        #94a3b8;

    font-size:
        11px;

}


.jpg-remove-image {

    width:
        35px;

    height:
        35px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        9px;

    color:
        #94a3b8;

    background:
        transparent;

    cursor:
        pointer;

}


.jpg-remove-image:hover {

    color:
        #dc2626;

    background:
        #fff1f2;

}



/* ============================================================
CONFIGURACIÓN
============================================================ */

.jpg-settings {

    padding:
        23px;

    border:
        1px solid #e0e7f0;

    border-radius:
        17px;

    background:
        #fbfcfe;

}


.jpg-settings-heading {

    margin-bottom:
        20px;

}


.jpg-settings-grid {

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        18px;

}


.jpg-field {

    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;

}


.jpg-field > span {

    color:
        #334155;

    font-size:
        12px;

    font-weight:
        700;

}


.jpg-field input,
.jpg-field select {

    width:
        100%;

    height:
        45px;

    padding:
        0 13px;

    outline:
        0;

    border:
        1px solid #cfd9e6;

    border-radius:
        10px;

    color:
        #1e293b;

    background:
        #ffffff;

}


.jpg-field input:focus,
.jpg-field select:focus {

    border-color:
        #2563eb;

    box-shadow:
        0 0 0 3px rgba(37, 99, 235, .08);

}


.jpg-field small {

    color:
        #94a3b8;

    font-size:
        10px;

    line-height:
        1.5;

}



/* ============================================================
OPCIONES
============================================================ */

.jpg-options {

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        12px;

    margin-top:
        20px;

}


.jpg-option {

    position:
        relative;

    padding:
        15px;

    display:
        grid;

    grid-template-columns:
        23px minmax(0, 1fr);

    gap:
        11px;

    border:
        1px solid #e0e7f0;

    border-radius:
        12px;

    background:
        white;

    cursor:
        pointer;

}


.jpg-option input {

    position:
        absolute;

    opacity:
        0;

}


.jpg-option-box {

    width:
        21px;

    height:
        21px;

    display:
        grid;

    place-items:
        center;

    border:
        1px solid #cbd5e1;

    border-radius:
        6px;

    color:
        transparent;

    background:
        #ffffff;

}


.jpg-option input:checked + .jpg-option-box {

    color:
        white;

    border-color:
        #2563eb;

    background:
        #2563eb;

}


.jpg-option strong {

    display:
        block;

    color:
        #334155;

    font-size:
        12px;

}


.jpg-option small {

    display:
        block;

    margin-top:
        4px;

    color:
        #94a3b8;

    font-size:
        10px;

    line-height:
        1.5;

}



/* ============================================================
PROGRESO
============================================================ */

.jpg-progress {

    margin-top:
        22px;

    padding:
        17px;

    border:
        1px solid #dbe5f2;

    border-radius:
        14px;

    background:
        #f8fbff;

}


.jpg-progress-header {

    display:
        flex;

    justify-content:
        space-between;

    gap:
        20px;

    margin-bottom:
        12px;

}


.jpg-progress-header > div {

    min-width:
        0;

}


.jpg-progress-header strong {

    display:
        block;

    color:
        #1e293b;

    font-size:
        12px;

}


.jpg-progress-header span {

    display:
        block;

    margin-top:
        4px;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;

    color:
        #64748b;

    font-size:
        10px;

}


.jpg-progress-track {

    height:
        9px;

    overflow:
        hidden;

    border-radius:
        100px;

    background:
        #dce7f4;

}


.jpg-progress-bar {

    width:
        0;

    height:
        100%;

    border-radius:
        inherit;

    background:
        linear-gradient(
            90deg,
            #2563eb,
            #60a5fa
        );

    transition:
        width .16s linear;

}



/* ============================================================
CONVERTIR
============================================================ */

.jpg-convert-actions {

    margin-top:
        26px;

    text-align:
        center;

}


.jpg-convert-button {

    min-width:
        235px;

}


.jpg-convert-actions p {

    margin:
        13px 0 0;

    color:
        #94a3b8;

    font-size:
        11px;

}


.jpg-convert-actions p i {

    margin-right:
        4px;

    color:
        #16a34a;

}



/* ============================================================
RESULTADO
============================================================ */

.jpg-result-state {

    padding:
        45px 15px;

    text-align:
        center;

}


.jpg-success-icon {

    width:
        82px;

    height:
        82px;

    display:
        grid;

    place-items:
        center;

    margin:
        0 auto 21px;

    border-radius:
        50%;

    color:
        white;

    background:
        #16a34a;

    font-size:
        40px;

    box-shadow:
        0 12px 28px rgba(22, 163, 74, .20);

}


.jpg-success-label {

    color:
        #16a34a;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .09em;

}


.jpg-result-state h2 {

    margin:
        8px 0 9px;

    font-size:
        28px;

}


.jpg-result-state > p {

    max-width:
        590px;

    margin:
        0 auto 25px;

    color:
        #64748b;

    font-size:
        14px;

    line-height:
        1.6;

}


.jpg-single-result,
.jpg-multiple-result {

    max-width:
        570px;

    margin:
        0 auto;

}


.jpg-result-preview {

    max-width:
        420px;

    max-height:
        300px;

    margin:
        0 auto 17px;

    overflow:
        hidden;

    border:
        1px solid #dce5ef;

    border-radius:
        14px;

    background:
        #f8fafc;

}


.jpg-result-preview img {

    max-width:
        100%;

    max-height:
        300px;

    display:
        block;

    margin:
        0 auto;

}


.jpg-result-file {

    padding:
        17px;

    display:
        flex;

    align-items:
        center;

    gap:
        14px;

    text-align:
        left;

    border:
        1px solid #dce5ef;

    border-radius:
        14px;

    background:
        #f8fafc;

}


.jpg-result-file-icon {

    width:
        50px;

    height:
        50px;

    display:
        grid;

    place-items:
        center;

    flex:
        0 0 auto;

    border-radius:
        12px;

    color:
        #2563eb;

    background:
        #dbeafe;

    font-size:
        25px;

}


.jpg-result-file-icon.zip {

    color:
        #e11d48;

    background:
        #fff1f2;

}


.jpg-result-file strong {

    display:
        block;

    font-size:
        14px;

}


.jpg-result-file span {

    display:
        block;

    margin-top:
        4px;

    color:
        #64748b;

    font-size:
        11px;

}


.jpg-result-stats {

    max-width:
        570px;

    margin:
        16px auto 0;

    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    overflow:
        hidden;

    border:
        1px solid #e1e8f0;

    border-radius:
        13px;

}


.jpg-result-stats div {

    padding:
        14px 10px;

    border-right:
        1px solid #e1e8f0;

}


.jpg-result-stats div:last-child {

    border-right:
        0;

}


.jpg-result-stats span {

    display:
        block;

    color:
        #94a3b8;

    font-size:
        9px;

}


.jpg-result-stats strong {

    display:
        block;

    margin-top:
        5px;

    color:
        #334155;

    font-size:
        13px;

}


.jpg-result-actions {

    display:
        flex;

    flex-wrap:
        wrap;

    justify-content:
        center;

    gap:
        10px;

    margin-top:
        26px;

}



/* ============================================================
COLUMNA LATERAL
============================================================ */

.jpg-info-column {

    display:
        flex;

    flex-direction:
        column;

    gap:
        18px;

}


.jpg-info-card,
.jpg-tips {

    padding:
        23px;

    border:
        1px solid #e0e7f0;

    border-radius:
        18px;

    background:
        #ffffff;

}


.jpg-info-icon {

    width:
        48px;

    height:
        48px;

    display:
        grid;

    place-items:
        center;

    margin-bottom:
        18px;

    border-radius:
        12px;

    font-size:
        21px;

}


.jpg-info-icon.green {

    color:
        #16a34a;

    background:
        #dcfce7;

}


.jpg-info-icon.blue {

    color:
        #2563eb;

    background:
        #dbeafe;

}


.jpg-info-icon.purple {

    color:
        #7c3aed;

    background:
        #ede9fe;

}


.jpg-info-card h3,
.jpg-tips h3 {

    margin:
        0 0 11px;

    font-size:
        15px;

}


.jpg-info-card p {

    margin:
        0;

    color:
        #64748b;

    font-size:
        12px;

    line-height:
        1.7;

}


.jpg-tips h3 {

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

}


.jpg-tips h3 i {

    color:
        #f59e0b;

}


.jpg-tips ul {

    margin:
        0;

    padding-left:
        19px;

}


.jpg-tips li {

    margin-bottom:
        9px;

    color:
        #64748b;

    font-size:
        11px;

    line-height:
        1.6;

}



/* ============================================================
CÓMO FUNCIONA
============================================================ */

.jpg-how-section {

    padding:
        70px 0;

    border-top:
        1px solid #e8edf4;

    background:
        white;

}


.jpg-how-heading {

    margin-bottom:
        30px;

    text-align:
        center;

}


.jpg-how-heading span {

    color:
        #2563eb;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .08em;

}


.jpg-how-heading h2 {

    margin:
        8px 0 0;

    font-size:
        27px;

}


.jpg-steps {

    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        18px;

}


.jpg-step {

    position:
        relative;

    padding:
        28px;

    border:
        1px solid #e0e7f0;

    border-radius:
        17px;

    background:
        #fbfcfe;

}


.jpg-step-number {

    position:
        absolute;

    top:
        16px;

    right:
        16px;

    width:
        28px;

    height:
        28px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    color:
        #2563eb;

    background:
        #e6efff;

    font-size:
        11px;

    font-weight:
        800;

}


.jpg-step > i {

    display:
        block;

    margin-bottom:
        18px;

    color:
        #2563eb;

    font-size:
        29px;

}


.jpg-step h3 {

    margin:
        0 0 9px;

    font-size:
        15px;

}


.jpg-step p {

    margin:
        0;

    color:
        #64748b;

    font-size:
        11px;

    line-height:
        1.7;

}



/* ============================================================
FOOTER
============================================================ */

.jpg-footer {

    padding:
        28px 0;

    border-top:
        1px solid #e2e8f0;

    background:
        #ffffff;

}


.jpg-footer-inner {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

}


.jpg-footer p {

    margin:
        0;

    color:
        #94a3b8;

    font-size:
        11px;

}



/* ============================================================
RESPONSIVE
============================================================ */

@media (
    max-width:
    980px
) {

    .jpg-layout {

        grid-template-columns:
            1fr;

    }


    .jpg-info-column {

        display:
            grid;

        grid-template-columns:
            repeat(2, 1fr);

    }


    .image-tool-nav {

        display:
            none;

    }

}



@media (
    max-width:
    720px
) {

    .jpg-container {

        width:
            min(100% - 24px, 1180px);

    }


    .image-tool-hero {

        padding-top:
            27px;

    }


    .jpg-main-icon {

        width:
            60px;

        height:
            60px;

        border-radius:
            17px;

        font-size:
            29px;

    }


    .jpg-work-card {

        padding:
            15px;

        border-radius:
            17px;

    }


    .jpg-drop-zone {

        min-height:
            410px;

        padding:
            35px 18px;

    }


    .jpg-drop-zone h2 {

        font-size:
            23px;

    }


    .jpg-selected-header {

        flex-direction:
            column;

        align-items:
            flex-start;

    }


    .jpg-header-actions {

        width:
            100%;

    }


    .jpg-small-button {

        flex:
            1;

        justify-content:
            center;

    }


    .jpg-settings-grid,
    .jpg-options,
    .jpg-info-column,
    .jpg-steps {

        grid-template-columns:
            1fr;

    }


    .jpg-result-stats {

        grid-template-columns:
            1fr;

    }


    .jpg-result-stats div {

        border-right:
            0;

        border-bottom:
            1px solid #e1e8f0;

    }


    .jpg-result-stats div:last-child {

        border-bottom:
            0;

    }


    .jpg-result-actions {

        flex-direction:
            column;

    }


    .jpg-result-actions button {

        width:
            100%;

    }


    .jpg-footer-inner {

        flex-direction:
            column;

        text-align:
            center;

    }

}



@media (
    max-width:
    500px
) {

    .back-tools {

        font-size:
            0;

    }


    .back-tools i {

        font-size:
            17px;

    }


    .jpg-hero-content {

        display:
            block;

    }


    .jpg-main-icon {

        margin-bottom:
            18px;

    }


    .jpg-summary {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            14px;

    }


    .jpg-summary-divider {

        width:
            100%;

        height:
            1px;

        margin:
            0;

    }


    .jpg-upload-features {

        gap:
            10px 14px;

    }

}