:root {
    --nb-header-cart-with-badge-1-icon-font-size: var(--nb-font-size-26);
    --nb-header-cart-with-badge-1-count-color: var(--nb-color-white);
    --nb-header-cart-with-badge-1-count-font-size: var(--nb-font-size-12);
    --nb-header-cart-with-badge-1-count-font-weight: var(--nb-font-semibold);
    --nb-header-cart-with-badge-1-count-bg: var(--nb-color-primary);
    --nb-header-cart-with-badge-1-count-border-radius: var(--nb-border-radius-full);
    --nb-header-cart-with-badge-1-label-font-size: var(--nb-font-size-13);
}

.nb-header-cart-with-badge-1 {
    position: relative;
    cursor: pointer;
}

.nb-header-cart-with-badge-1 .nb-icon {
    font-size: var(--nb-header-cart-with-badge-1-icon-font-size);
}

.nb-header-cart-with-badge-1 .nb-header-cart-count-wrapper {
    width: 22px;
    height: 22px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--nb-header-cart-with-badge-1-count-color);
    background-color: var(--nb-header-cart-with-badge-1-count-bg);
    border-radius: var(--nb-header-cart-with-badge-1-count-border-radius);
    font-size: var(--nb-header-cart-with-badge-1-count-font-size);
    font-weight: var(--nb-header-cart-with-badge-1-count-font-weight);
    text-align: center;
    position: absolute;
    top: 0;
    right: -100%;
    transform: translate(-70%, -25%);
}


.nb-header-cart-with-badge-1 .nb-header-cart-icon-wrapper{
    width: fit-content;
    position: relative;
    margin: auto;
}

.nb-header-cart-with-badge-1 .nb-header-cart-label{
    font-size: var(--nb-header-cart-with-badge-1-label-font-size);
    display: none;
}