button{
    border: none;
    background: none;
}

.btn { 
    display:inline-flex; 
    align-items:center; 
    justify-content:center; 
    padding: var(--spacer-2) var(--spacer-3); 
    border:none;
    border-radius:var(--spacer-4);
    cursor:pointer;
    font-weight:600;
    height: 44px;
    font-size: var(--spacer-4);
    line-height: var(--spacer-4);
    gap: var(--spacer-2);
}


.primary{
    background: var(--gr1);
    color: var(--white1);
}

.primary-inverted{
    display: flex;
    flex-direction: row;
    background: var(--white1);
    color: var(--black1);
    border: 0.5px solid var(--gray1);
    align-items: flex-start;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacer-2);
}

.border{
    background: var(--gt2);
    border: 1px solid var(--border1);
    color: var(--black1);
    border-radius: var(--spacer-4);
}

.btn.secondary { 
    background: var(--gray1);
    color:var(--white1);
}

.ghost{
    color: var(--black1);
    background: none !important;
    border: none !important;
    font-weight: 500;
}

.sheet_close{
    position: absolute;
    top: var(--spacer-2);
    right: var(--spacer-4);
}


.icon{
    width: var(--spacer-12) !important;
    height: var(--spacer-12) !important;
    border-radius: var(--spacer-2);
}

.icon img{
    object-fit: contain;
    width: var(--spacer-8);
    height: var(--spacer-8);
}


.btn.danger { background:#dc2626; color:#fff; }


.tabs{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 44px;
}

.tab{
    width: 100%;
    border-radius: 0px;
}

.tab_active{
    border-bottom: 1px solid var(--black1) !important;
}