.nua-accordion{
    /*width:100%;*/
    display:flex;
    flex-direction:column;
    gap:20px;
}

.nua-item{
   overflow:hidden;
   border:solid;
   transition:
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.nua-header{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:none;
    border:none;
    cursor:pointer;
}

.nua-left{
    display:flex;
    align-items:center;
    gap:1px;
}

.nua-icon{
    color:#00ffc3;
    font-size:22px;
}

.nua-title{
    color:#00ffc3;
    font-size:32px;
    font-weight:500;
}


.nua-toggle{
    position:relative;
    border-style:solid;
    box-sizing:border-box;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;
    overflow:hidden;
}

.nua-toggle-open,
.nua-toggle-closed{
    position:absolute;
    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;

    box-sizing:border-box;
    border-radius:inherit;

    transition:
        opacity .3s ease,
        transform .3s ease;
}

.nua-toggle-open{
    opacity:0;
    transform:scale(.8) rotate(-90deg);
}

.nua-item.active .nua-toggle-open{
    opacity:1;
    transform:scale(1) rotate(0deg);
}
.nua-item.active .nua-toggle-open{
    opacity:1;
}

.nua-toggle-closed{
    opacity:1;
    transform:scale(1) rotate(0deg);
}

.nua-item.active .nua-toggle-closed{
    opacity:0;
    transform:scale(.8) rotate(90deg);
}
.nua-toggle .e-font-icon-svg{
    display:block;
}

.nua-toggle .e-font-icon-svg path{
    fill:currentColor;
}

.nua-toggle svg{
    display:block;
    flex:none;
}

.nua-content{

    max-height:0;

    overflow:hidden;

    opacity:0;

    transition:
        max-height .55s cubic-bezier(.4,0,.2,1),
        opacity .35s ease;

    will-change:
        max-height,
        opacity;
}

.nua-content-inner{
    padding:0 0 5px 5px;
    color:white;
    font-size:22px;
    line-height:1.5;
}
.nua-icon img{
    width:28px;
    height:28px;
    display:block;
}

.nua-icon svg{
    width:32px;
    height:32px;
    display:block;
}

.nua-icon svg *{
    fill:currentColor !important;
    stroke:currentColor !important;
}

.nua-icon i{
    font-size:32px;
}
.nua-header,
.nua-header:hover,
.nua-item.active .nua-header{
    background:transparent !important;
}