biotage-cart {
    display: flex;
    width: 1.5em;
    height: 1.5em;
    position: relative;

    .cart__button .cart__count {
        display: flex;
        align-items: center;
        justify-content: center;

        background: #000;
        color: #fff;
        font-size: var(--font-size-25);
        width: auto;
        height: 1.5em;
        min-width: 1.5em;
        text-align: center;
        border-radius: 1em;
        padding: 0.3em;
        position: absolute;
        top: -0.5em;
        right: -0.5em;
    }

    .cart__count:empty {
        display: none;
    }
/*
    /*
        Checkout
    */

    .cart__checkout {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: none;
        background: rgba(0,0,0,0.3);
        backdrop-filter: blur(25px);
        align-items: flex-start;
        justify-content: center;
        overflow-y: auto;
        overscroll-behavior: contain;

        &.is-active {
            display: flex;
        }
    }

    .checkout__container {
        display: grid;
        gap: var(--space-300);
        width: 100%;
        height: fill-content;
        background: #fff;
        padding: var(--space-300) var(--layout-h-gap);
        margin: var(--space-300) var(--layout-h-gap);
    }

    .checkout__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .checkout__header .cart__count:before {
        content: '(';
    }

    .checkout__header .cart__count:after {
        content: ')';
    }
}