<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <template id="website_sale.empty_cart_svg">
        <svg width="100%" height="100" viewBox="0 0 100 92" fill="none" xmlns="http://www.w3.org/2000/svg">
            <style>
                .heartBeat {
                    animation: heartBeat 1.3s ease-in-out forwards;
                    animation-delay: 0.75s;
                    transform-origin: 80.5px 28.5px;
                }
                .tilt {
                    animation: tilt 1s ease forwards;
                    animation-delay: 0.75s;
                    transform-origin: bottom left;
                }
                @keyframes heartBeat {
                    0% {
                    transform: scale(1);
                    }

                    14% {
                        transform: scale(1.2);
                    }

                    28% {
                        transform: scale(1);
                    }

                    42% {
                        transform: scale(1.2);
                    }

                    70% {
                        transform: scale(1);
                    }
                }
                @keyframes tilt {
                    0% {
                        transform: rotate(0deg);
                    }
                    50% {
                        transform: rotate(-7deg);
                    }
                    100% {
                        transform: rotate(0deg);
                    }
                }
            </style>
            <path class="tilt" d="M40.3846 71.8461C40.3846 73.2211 39.8822 74.411 38.8774 75.4158C37.8726 76.4207 36.6827 76.9231 35.3077 76.9231C33.9327 76.9231 32.7428 76.4207 31.738 75.4158C30.7332 74.411 30.2308 73.2211 30.2308 71.8461C30.2308 70.4711 30.7332 69.2812 31.738 68.2764C32.7428 67.2716 33.9327 66.7692 35.3077 66.7692C36.6827 66.7692 37.8726 67.2716 38.8774 68.2764C39.8822 69.2812 40.3846 70.4711 40.3846 71.8461ZM75.9231 71.8461C75.9231 73.2211 75.4207 74.411 74.4159 75.4158C73.4111 76.4207 72.2212 76.9231 70.8462 76.9231C69.4712 76.9231 68.2812 76.4207 67.2764 75.4158C66.2716 74.411 65.7692 73.2211 65.7692 71.8461C65.7692 70.4711 66.2716 69.2812 67.2764 68.2764C68.2812 67.2716 69.4712 66.7692 70.8462 66.7692C72.2212 66.7692 73.4111 67.2716 74.4159 68.2764C75.4207 69.2812 75.9231 70.4711 75.9231 71.8461ZM81 28.6923V49C81 49.6346 80.7818 50.1965 80.3456 50.6857C79.9093 51.1749 79.3738 51.4591 78.7392 51.5384L37.3305 56.3774C37.6743 57.9639 37.8462 58.8894 37.8462 59.1538C37.8462 59.5769 37.5288 60.4231 36.8942 61.6923H73.3846C74.0721 61.6923 74.6671 61.9435 75.1695 62.4459C75.6719 62.9483 75.9231 63.5432 75.9231 64.2307C75.9231 64.9182 75.6719 65.5132 75.1695 66.0156C74.6671 66.518 74.0721 66.7692 73.3846 66.7692H32.7692C32.0817 66.7692 31.4868 66.518 30.9844 66.0156C30.482 65.5132 30.2308 64.9182 30.2308 64.2307C30.2308 63.9399 30.3365 63.5234 30.5481 62.9813C30.7596 62.4393 30.9712 61.9633 31.1827 61.5535C31.3942 61.1436 31.6785 60.6148 32.0355 59.9669C32.3924 59.3191 32.5974 58.9291 32.6502 58.7969L25.6298 26.1538H17.5385C16.851 26.1538 16.256 25.9026 15.7536 25.4002C15.2512 24.8978 15 24.3029 15 23.6154C15 22.9279 15.2512 22.3329 15.7536 21.8305C16.256 21.3281 16.851 21.0769 17.5385 21.0769H27.6923C28.1154 21.0769 28.4922 21.1628 28.8227 21.3347C29.1532 21.5066 29.4111 21.7115 29.5962 21.9495C29.7812 22.1875 29.9531 22.5114 30.1118 22.9213C30.2704 23.3311 30.3762 23.6749 30.4291 23.9525C30.482 24.2301 30.5547 24.6202 30.6472 25.1226C30.7398 25.625 30.7993 25.9687 30.8257 26.1538H78.4615C79.149 26.1538 79.744 26.405 80.2464 26.9074C80.7488 27.4098 81 28.0048 81 28.6923Z" fill="currentColor"/>
            <circle class="heartBeat" cx="80.5" cy="28.5" r="11.5" fill="var(--o-color-1, #D9D9D9)" stroke="var(--body-bg, #F5F5F5)" stroke-width="3"/>
            <path class="heartBeat" d="M81.0014 33.1662C80.2997 33.1662 79.6974 32.9886 79.1946 32.6335C78.6946 32.2756 78.3097 31.7599 78.0398 31.0866C77.7727 30.4105 77.6392 29.5966 77.6392 28.6449C77.642 27.6932 77.777 26.8835 78.044 26.2159C78.3139 25.5455 78.6989 25.0341 79.1989 24.6818C79.7017 24.3295 80.3026 24.1534 81.0014 24.1534C81.7003 24.1534 82.3011 24.3295 82.804 24.6818C83.3068 25.0341 83.6918 25.5455 83.9588 26.2159C84.2287 26.8864 84.3636 27.696 84.3636 28.6449C84.3636 29.5994 84.2287 30.4148 83.9588 31.0909C83.6918 31.7642 83.3068 32.2784 82.804 32.6335C82.304 32.9886 81.7031 33.1662 81.0014 33.1662ZM81.0014 31.8324C81.5469 31.8324 81.9773 31.5639 82.2926 31.027C82.6108 30.4872 82.7699 29.6932 82.7699 28.6449C82.7699 27.9517 82.6974 27.3693 82.5526 26.8977C82.4077 26.4261 82.2031 26.071 81.9389 25.8324C81.6747 25.5909 81.3622 25.4702 81.0014 25.4702C80.4588 25.4702 80.0298 25.7401 79.7145 26.2798C79.3991 26.8168 79.2401 27.6051 79.2372 28.6449C79.2344 29.3409 79.304 29.9261 79.446 30.4006C79.5909 30.875 79.7955 31.233 80.0597 31.4744C80.3239 31.7131 80.6378 31.8324 81.0014 31.8324Z" fill="var(--o-color-3, #000)"/>
        </svg>
    </template>

    <template id="website_sale.empty_wishlist_svg">
        <svg width="100%" height="100" viewBox="0 0 93 84" fill="none" xmlns="http://www.w3.org/2000/svg">
            <style>
                .heartBeat {
                        animation: heartBeat 1.3s ease-in-out forwards;
                        animation-delay: 0.75s;
                        transform-origin: 74.5px 25.5px;
                    }
                @keyframes heartBeat {
                        0% {
                        transform: scale(1);
                        }

                        14% {
                            transform: scale(1.2);
                        }

                        28% {
                            transform: scale(1);
                        }

                        42% {
                            transform: scale(1.2);
                        }

                        70% {
                            transform: scale(1);
                        }
                    }
                .swing {
                    animation: swing 1.3s ease forwards;
                    animation-delay: 0.75s;
                    transform-origin: top center
                }
                @keyframes swing {
                    20% {
                    transform: rotate(15deg)
                }

                40% {
                    transform: rotate(-10deg)
                }

                60% {
                    transform: rotate(5deg)
                }

                80% {
                    transform: rotate(-5deg)
                }

                to {
                    transform: rotate(0deg)
                }
                }
            </style>
            <path class="swing" d="M47 66.5714C46.468 66.5714 46.0179 66.3873 45.6496 66.019L26.4978 47.5424C26.2932 47.3787 26.0118 47.1127 25.6537 46.7444C25.2957 46.3761 24.7279 45.706 23.9503 44.7341C23.1728 43.7622 22.4771 42.7647 21.8633 41.7416C21.2494 40.7186 20.7021 39.4807 20.2213 38.0279C19.7404 36.5752 19.5 35.1633 19.5 33.7924C19.5 29.2909 20.7993 25.7716 23.3979 23.2344C25.9965 20.6972 29.5874 19.4286 34.1708 19.4286C35.4394 19.4286 36.7335 19.6485 38.0533 20.0885C39.373 20.5284 40.6007 21.1218 41.7363 21.8686C42.8719 22.6154 43.849 23.3162 44.6674 23.971C45.4859 24.6258 46.2634 25.3214 47 26.0581C47.7366 25.3214 48.5141 24.6258 49.3326 23.971C50.151 23.3162 51.1281 22.6154 52.2637 21.8686C53.3993 21.1218 54.627 20.5284 55.9467 20.0885C57.2665 19.6485 58.5606 19.4286 59.8292 19.4286C64.4126 19.4286 68.0035 20.6972 70.6021 23.2344C73.2007 25.7716 74.5 29.2909 74.5 33.7924C74.5 38.3144 72.1572 42.9182 67.4715 47.6038L48.3504 66.019C47.9821 66.3873 47.532 66.5714 47 66.5714Z" fill="currentColor"/>
            <circle class="heartBeat" cx="74.5" cy="25.5" r="11.5" fill="var(--o-color-1, #D9D9D9)" stroke="var(--body-bg, #F5F5F5)" stroke-width="3"/>
            <path class="heartBeat" d="M75.0014 30.1662C74.2997 30.1662 73.6974 29.9886 73.1946 29.6335C72.6946 29.2756 72.3097 28.7599 72.0398 28.0866C71.7727 27.4105 71.6392 26.5966 71.6392 25.6449C71.642 24.6932 71.777 23.8835 72.044 23.2159C72.3139 22.5455 72.6989 22.0341 73.1989 21.6818C73.7017 21.3295 74.3026 21.1534 75.0014 21.1534C75.7003 21.1534 76.3011 21.3295 76.804 21.6818C77.3068 22.0341 77.6918 22.5455 77.9588 23.2159C78.2287 23.8864 78.3636 24.696 78.3636 25.6449C78.3636 26.5994 78.2287 27.4148 77.9588 28.0909C77.6918 28.7642 77.3068 29.2784 76.804 29.6335C76.304 29.9886 75.7031 30.1662 75.0014 30.1662ZM75.0014 28.8324C75.5469 28.8324 75.9773 28.5639 76.2926 28.027C76.6108 27.4872 76.7699 26.6932 76.7699 25.6449C76.7699 24.9517 76.6974 24.3693 76.5526 23.8977C76.4077 23.4261 76.2031 23.071 75.9389 22.8324C75.6747 22.5909 75.3622 22.4702 75.0014 22.4702C74.4588 22.4702 74.0298 22.7401 73.7145 23.2798C73.3991 23.8168 73.2401 24.6051 73.2372 25.6449C73.2344 26.3409 73.304 26.9261 73.446 27.4006C73.5909 27.875 73.7955 28.233 74.0597 28.4744C74.3239 28.7131 74.6378 28.8324 75.0014 28.8324Z" fill="var(--o-color-3, #000)"/>
        </svg>
    </template>

</odoo>
