/* ==========================================================
   Component : Note Box
   Version : 1.0.0
========================================================== */

.af-note{

    border-top:6px solid var(--af-warning);

}

.af-note .af-box-icon{

    background:#FFF8E6;

    color:var(--af-warning);

}

.af-note .af-box-title{

    color:#B45309;

}
.af-box-icon{

    width:48px;

    height:48px;

    border-radius:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}
.af-note .af-box-header{

    background:#FFF9ED;

    border-bottom:1px solid #FDE7A8;

}