.fade-enter-active,
        .fade-leave-active {
            transition: opacity 185ms ease-in-out
        }

        .fade-leave-active {
            transition-delay: .4s
        }

        .fade-enter-from {
            height: 0;
            opacity: 0
        }

        .fade-enter-to {
            height: -moz-min-content;
            height: min-content;
            opacity: 1
        }

        .fade-leave-to {
            opacity: 0
        }

        .scale-enter,
        .scale-leave-to {
            opacity: 0;
            scale: .3
        }

        .scale-enter-to,
        .scale-leave {
            opacity: 1;
            scale: 1
        }

        .scale-enter-active,
        .scale-leave-active {
            position: absolute;
            transition: all .25s
        }

        .slide-x-enter-active,
        .slide-x-leave-active,
        .slide-x-move {
            transition-duration: .5s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        .slide-x-enter-from,
        .slide-x-leave-to {
            --tw-translate-x: -25%;
            opacity: 0;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .slide-x-collapse-enter-active,
        .slide-x-collapse-leave-active {
            transition-duration: .5s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        .slide-x-collapse-enter-active {
            transition-timing-function: cubic-bezier(0, 0, .2, 1)
        }

        .slide-x-collapse-leave-active {
            transition-timing-function: cubic-bezier(.4, 0, 1, 1)
        }

        .slide-x-collapse-enter,
        .slide-x-collapse-leave-to {
            margin: 0;
            max-height: 0;
            --tw-translate-x: -50%;
            opacity: 0;
            padding: 0;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .slide-x-collapse-enter-to {
            max-height: 100vh
        }

        .slide-x-collapse-leave {
            max-height: 100vh;
            position: absolute
        }

        .list-leave-active,
        .list-move {
            transition: all 0s, transform .2s ease-out .25s, transform .2s ease-out .2s;
            will-change: transform
        }

        .list-enter-active,
        .list-leave-active,
        .list-move {
            transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .list-enter-active {
            transition: all .2s ease-in;
            transition-delay: .2s
        }

        .list-enter-from {
            opacity: 0;
            transform: translateY(30px)
        }

        .list-leave-to {
            opacity: 0;
            transform: translate(-50%)
        }

        .list-leave-active {
            position: absolute
        }

        #cashier-widget .list-enter-active,
        #cashier-widget .list-leave-active,
        #cashier-widget .list-move {
            transition: none;
            transition-delay: unset
        }

        #cashier-widget .list-enter-from,
        #cashier-widget .list-leave-to {
            opacity: 1;
            transform: none
        }

        #cashier-widget .list-leave-active {
            position: unset
        }