@charset "UTF-8";

.inventory-card.is-building{
    border-color:#c9e9e3;
    background:linear-gradient(180deg,#fff 0%,#f5fbf9 100%);
}

.status.is-building{
    color:#8b5d09;
    background:#fff3d8;
}

.status.is-building i{
    background:#e8ae61;
    box-shadow:0 0 0 4px rgba(232,174,97,.13);
}

.interest-note{
    margin:0 0 13px;
    padding:10px 12px;
    border:1px solid #cde9e4;
    border-radius:12px;
    background:#ecfaf7;
}

.interest-note b,
.interest-note small{
    display:block;
}

.interest-note b{
    color:#087e76;
    font-size:.68rem;
}

.interest-note small{
    margin-top:2px;
    color:#6d807f;
    font-size:.6rem;
}

.inventory-card>a.interest-action{
    color:#056f68;
}

.interest-page{
    background:linear-gradient(180deg,#fff 0%,#f5f9f8 100%);
}

.interest-asset-summary{
    margin:24px 0 0;
    padding:18px;
    border:1px solid #bfe5df;
    border-radius:18px;
    background:linear-gradient(145deg,#092536,#0c3342);
    color:#fff;
    box-shadow:0 18px 42px rgba(7,24,39,.12);
}

.interest-asset-summary>div{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:13px;
}

.interest-asset-summary>div span{
    padding:4px 9px;
    border-radius:99px;
    color:#063a34;
    background:#72e4d6;
    font-size:.6rem;
    font-weight:900;
}

.interest-asset-summary>div b{
    color:#7be7da;
    font-size:.62rem;
    letter-spacing:.12em;
}

.interest-asset-summary strong,
.interest-asset-summary p,
.interest-asset-summary small{
    display:block;
}

.interest-asset-summary strong{
    font-size:1.05rem;
}

.interest-asset-summary p{
    margin:4px 0 10px;
    color:#b9cad2;
    font-size:.72rem;
}

.interest-asset-summary small{
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.09);
    color:#7f98a4;
    font-size:.6rem;
}

.interest-asset-summary.neutral{
    color:var(--ink);
    background:#fff;
}

.interest-asset-summary.neutral p,
.interest-asset-summary.neutral small{
    color:var(--muted);
}

.interest-form{
    position:relative;
    background:#fff;
}

.interest-form .form-progress>span i{
    width:100%;
}

.form-trap{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
}

.form-errors{
    margin-bottom:20px;
    padding:14px 17px;
    border:1px solid #efc9c9;
    border-radius:14px;
    color:#8c3030;
    background:#fff4f4;
    font-size:.72rem;
}

.form-errors ul{
    margin:7px 0 0;
    padding-right:18px;
}

.interest-legal{
    margin:11px 0 0;
    color:#819098;
    text-align:center;
    font-size:.62rem;
}

.interest-success{
    min-height:520px;
    padding:44px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    border:1px solid #c3e7e1;
    border-radius:28px;
    background:radial-gradient(circle at 90% 10%,rgba(32,201,183,.14),transparent 34%),#fff;
    box-shadow:0 24px 70px rgba(7,24,39,.1);
}

.interest-success>span:first-child{
    width:62px;
    height:62px;
    display:grid;
    place-items:center;
    margin-bottom:22px;
    border-radius:18px;
    color:#fff;
    background:#0c968b;
    box-shadow:0 13px 28px rgba(12,150,139,.24);
}

.interest-success>span:first-child svg{
    width:27px;
}

.interest-success>small{
    color:#0a8e84;
    font-weight:900;
}

.interest-success h2{
    margin:7px 0 10px;
    font-size:2rem;
    line-height:1.4;
}

.interest-success>p{
    margin:0;
    color:var(--muted);
}

.interest-success>div{
    width:100%;
    margin:25px 0 16px;
    padding:15px 18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:1px dashed #99cfc7;
    border-radius:14px;
    background:#f1fbf9;
}

.interest-success>div span{
    color:#69807f;
    font-size:.68rem;
}

.interest-success>div b{
    color:#087e76;
    direction:ltr;
    letter-spacing:.06em;
}

.interest-success .interest-success-note{
    margin-bottom:24px;
    font-size:.7rem;
}

@media(max-width:640px){
    .interest-asset-summary{
        padding:15px;
    }

    .interest-success{
        min-height:0;
        padding:27px 21px;
    }

    .interest-success h2{
        font-size:1.55rem;
    }

    .interest-success>div{
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }
}