/* ==========================================================================
   UIX-002A
   Sticky Navigation Foundation
   Header
   ========================================================================== */

.market-header{

    position:sticky;

    top:0;

    z-index:1000;

    display:flex;

    justify-content:space-between;

    align-items:center;

    width:100%;

    min-height:72px;

    padding:10px 20px;

    background:#10141d;

    border-bottom:1px solid #273246;

    box-sizing:border-box;

}

.market-header__brand{

    display:flex;

    align-items:center;

    gap:16px;

}

.market-header__logo{

    width:52px;

    height:52px;

    min-width:52px;

    min-height:52px;

    max-width:52px;

    max-height:52px;

    object-fit:contain;

    display:block;

}

.market-header__identity{

    display:flex;

    flex-direction:column;

}

.market-header__identity h1{

    margin:0;

    font-size:18px;

    font-weight:700;

    color:#ffffff;

}

.market-header__identity span{

    margin-top:2px;

    font-size:13px;

    color:#8ea2bb;

}

.market-header__status{

    display:flex;

    flex-direction:column;

    align-items:flex-end;

}

.market-status{

    font-size:14px;

    font-weight:700;

    color:#44d07f;

}

.snapshot-time{

    margin-top:2px;

    font-size:12px;

    color:#8ea2bb;

}

@media(max-width:768px){

.market-header{

    padding:10px 14px;

}

.market-header__logo{

    width:44px;

    height:44px;

    min-width:44px;

    min-height:44px;

}

.market-header__identity h1{

    font-size:16px;

}

.market-header__identity span{

    font-size:12px;

}

}