/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(../../static/media/slick.a4e97f5a2a64f0ab1323.eot);
    src: url(../../static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(../../static/media/slick.295183786cd8a1389865.woff) format('woff'), url(../../static/media/slick.c94f7671dcc99dce43e2.ttf) format('truetype'), url(../../static/media/slick.2630a3e3eab21c607e21.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.toggle_span_left {
	margin-right: 8px
}

.toggle_span_right {
	margin-left: 8px
}
.meal-card-wrapper {

	@media screen and (max-width: 1180px) {
		width : calc(100% - var(--container-padding-h-mobile));
		margin: 0 calc(var(--container-padding-h-mobile)/2);
	}

	.meal-card {
		background   : var(--color-white);
		border       : 1px solid var(--color-border);
		box-sizing   : border-box;
		border-radius: 10px;
		width        : 100%;

		&__header {
			padding: 20px;
		}

		&__image {
			border-radius  : 10px;
			display        : flex;
			align-items    : center;
			justify-content: center;
			height         : 225px;
			width          : 100%;
			background-size: cover;
			background-position: center;
			margin-bottom  : 10px;
			overflow       : hidden;
			padding        : 0 20px;
            cursor: pointer;
			box-shadow         : 0 0 2.61795px rgba(0, 0, 0, 0.05);
			background-color: var(--color-background-dark);

			img {
				width: 25%;
				opacity: 0.2;
			}
		}

		&__content {
			padding: 15px 20px;
		}

		&__footer {
			display        : flex;
			flex-direction : row;
			justify-content: space-between;
			align-items: center;
			padding        : 20px;
		}

		&__meal-eaten {
			display   : flex;
			position  : relative;
		}

		&__meal-eaten-button {
			font-weight: 600;
			font-size  : 12px;
			line-height: 18px;
			display    : flex;
			align-items: center;
			color      : var(--color-primary-orange);
			padding-top: 2px;
		}

		@media screen and (min-width: 1181px) {
			max-width : 100%;
			width     : 100%;
			background: var(--color-background-light);
			margin-top: 20px;

			&__header {
				padding      : 0 0 0 30px;
				border-bottom: 1px solid var(--color-border);
			}

			&__main {
				display: flex;
				gap    : 50px;
				padding: 30px 30px 0;
			}

			&__image {
				width  : 320px;
				padding: 0;
			}

			&__footer {
				padding        : 20px 30px;
				justify-content: right;
				gap            : 30px;
			}
		}
	}
}
.meal {
	display: flex;
	align-items: center;
	margin-top: 15px;

	&__content {
		margin-left: 10px;
		width: 100%;
	}

	&__headline {
		font-weight: 700;
		font-size: 15px;
		color: #353541;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		max-width: 220px;
		cursor: pointer;
	}

	&__calories-wrapper {
		position: relative;
		padding-left: 10px;

		&:before {
			display: block;
			content: "";
			height: 15px;
			position: absolute;
			left: -5px;
			top: 50%;
			transform: translateY(-50%);
			width: 1px;
			background: var(--color-grey);
		}
	}

	&__top-row {
		display: flex;
		align-items: center;
		justify-content: left;
		gap: 15px;
	}

	&__refresh-dropdown {
		position: relative;
		display: inline-block;
	}

	&__refresh-icon-wrapper {
		display: inline-block;
		margin-right: 0;
		margin-left: auto;
		cursor: pointer;
	}

	&__refresh-dropdown-content {
		position: absolute;
		min-width: 160px;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
		z-index: 1;
		right: 25px;
		bottom: -20px;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		background: var(--color-white);
		border: 1px solid var(--color-border);
		box-sizing: border-box;
	}

	&__refresh-dropdown-button {
		font-weight: 600;
		font-size: 12px;
		display: flex;
		color: var(--color-primary-orange);
		flex-grow: 1;
		width: 150px;
		height: 33px;
		flex-direction: column;
		justify-content: center;
	}

	&__details {
		font-size: 15px;
		line-height: 170%;
		color: var(--color-grey-dark);

		&:not(:first-child) {
			margin-left: 15px;
			padding-left: 10px;
			position: relative;

			&:before {
				display: block;
				content: "";
				height: 15px;
				position: absolute;
				left: -5px;
				top: 50%;
				transform: translateY(-50%);
				width: 1px;
				background: var(--color-grey);
			}
		}
	}

	&__favourite-icon-wrapper {
		cursor: pointer;
	}

	@media screen and (min-width: 1181px) {
		&__top-row {
			gap: 15px;
		}

    

		&__headline {
			max-width: none;
		}
	}
}
.nutrition-fact-summary {
	$root: &;
	background: var(--color-background-dark);
	border: 1px solid var(--color-border);
	overflow-y: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	align-items: center;
	display: flex;
	justify-items: end;
	margin-top: 25px;
	position: relative;

	&__item {
		$item: &;
		padding: 10px 0;
		display: inline-block;
		text-align: center;
		width: 25%;

		&--active {
			background: var(--color-grey-light);

			& > * {
				color: var(--color-grey-dark) !important;
			}
		}

		&--active-grey {
			background: var(--color-background-dark);

			& > * {
				color: var(--color-grey-dark) !important;
			}
		}

		&--danger {
			& > * {
				color: #ff7878 !important;
			}
		}
	}

	&__item-value {
		font-weight: 600;
		font-size: 16px;
		color: var(--color-grey-dark);
	}

	&__item-label {
		font-size: 13px;
		color: var(--color-grey);
	}

	&--no-background {
		background: none;
		border: none;
	}

	&--no-background &__item {
		border-left: 1px solid var(--color-border);
	}
	scrollbar-width: none;

	&::-webkit-scrollbar {
		display: none;
	}

	@media screen and (min-width: 1181px) {
		margin-top: 0;
		border-radius: 0 10px 0 0;

		&--with-favourite {
			border-radius: 0;
		}

		&--rounded {
			border-radius: 10px;
		}

		&__item {
			width: 100px;
		}
	}

	@keyframes slide-in {
		0% { transform: translateY(-100%); }
		25% { transform: translateY(-75%); }
		50% { transform: translateY(-50%); }
		75% { transform: translateY(-25%); }
		100% { transform: translateX(0); }
	}

	&__additional-info {
		transform: translateY(-100%);
		display: none;
		transition-duration: 5s;
		animation: slide-in .1s;

		&--visible {
			display: block;
			transform: translateY(0);
		}
	}

	&__expand-button {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: calc(100% + 5px);
	}
}
.beverages {
	background    : var(--color-white);
	border        : 1px solid var(--color-border);
	box-sizing    : border-box;
	border-radius : 10px;
	padding-bottom: 20px;

	@media screen and (max-width: 1180px) {
		width : calc(100% - var(--container-padding-h-mobile));
		margin: 0 calc(var(--container-padding-h-mobile)/2);
	}

	&__header {
		display        : flex;
		justify-content: space-between;
		align-items    : center;
		margin-bottom  : 0;
		padding        : 20px 30px;
		border-bottom  : 1px solid var(--color-border);
	}

	&__header-title {
		font-weight: bold;
		font-size  : 18px;
		color      : #2A2B2F;
		line-height: 27px;
	}

	&__header-right {
		display        : flex;
		justify-content: space-between;
		gap            : 15px;
	}

	&__content {
		padding: 0 20px;
	}

	&__items {
		overflow-y: auto;

		&-placeholder {
			margin-top: 20px;
			color: var(--color-grey);
			font-size  : 15px;
		}
	}

	&__manage-menu {
		display: flex;
		gap    : 15px;
	}

	&__manage-menu-button {
		font-weight: 600;
		line-height: 18px;
		display    : flex;
		align-items: center;
		color      : var(--color-primary-orange);
		padding    : 2px 0 0 0;
	}

	&__icon-wrapper {
		display        : flex;
		justify-content: center;
		align-items    : center;
	}

	&__edit-icon {
		padding-right : 4px;
		padding-top   : 4px;
		padding-bottom: 6px;
		color         : var(--color-primary-orange);
		font-size     : 16px;
	}

	@media screen and (min-width: 1181px) {
		max-width : 100%;
		width     : 100%;
		background: var(--color-background-light);

		&__header {
			padding: 0 0 0 30px;
		}

		&__content {
			padding: 0 30px;
		}

		&__manage-menu {
			justify-content: right;
			gap            : 30px;
		}
	}
}
.beverage-item {
	display: flex;
	justify-content: left;
	padding-top: 20px;
	text-align: start;
	gap: 15px;

	&__header {
		font-weight: 700;
		cursor: pointer;
		margin-right: 15px;
		display: block;
	}

	&__icon-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	&__icon {
		width: 20px;
		border-radius: 20px;
	}

	&__calories-wrapper {
		margin-left: 15px;
		padding-left: 10px;
		position: relative;

		&:before {
			display: block;
			content: "";
			height: 15px;
			position: absolute;
			left: -5px;
			top: 50%;
			transform: translateY(-50%);
			width: 1px;
			background: var(--color-grey);
		}
	}

	@media screen and (min-width: 1181px) {
		&__header {
			display: inline;
		}
	}
}
.water-bar {
	padding: 10px var(--container-padding-h-mobile);
	background-color: var(--color-white);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid var(--color-border);

	&__value {
		text-align: center;
	}

	&__value-number {
		font-weight: 600;
		font-size: 30px;
	}

	&__value-label {
		font-size: 13px;
	}

	&__button {
		cursor: pointer;
	}

	@media screen and (min-width: 1181px) {
		border-radius: 10px;
		gap: 30px;
	}
    @media screen and (max-width: 1181px) {
		margin: 45px 0 25px;
	}
}


.spinner-container{
	position: fixed;
	z-index: 999;
	overflow: show;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.8;
}

.spinner {
	color: #bb6bd9;
	font-size: 12px;
	margin: 100px auto;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	animation: load4 1.3s infinite linear;
	transform: translateZ(0);
	top: 30%;
}
@keyframes load4 {
	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
	}
}
.action-link {
	align-items: center;
	display: inline-flex;
	cursor: pointer;
    border: medium none currentColor;
    border: initial;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
}
.action-link__disabled {
	cursor: auto;
}
.action-link__label {
	font-weight: 600;
	margin-left: 7px;
	font-size: 12px;
}
.action-link__label__disabled {
    cursor: auto;
	color: #B0B4C4 !important;
}
.disableMarginLeft {
    margin-left: 0px !important;
}
.meal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;

	&__content-left {
		display: flex;
	}

	&__content-right {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
	}

	&__title {
		font-weight: 700;
		font-size: 18px;
		color: #2A2B2F;
		margin-left: 10px;
		display: inline-block;
	}

	&__favourite-wrapper {
		margin-right: 10px;
		width: 16px;
		height: 16px;
		cursor: pointer;
	}

	@media screen and (min-width: 1181px) {
		&__content-right {
			gap: 30px;
		}

		&__favourite-wrapper {
			margin-right: 30px;
		}
	}
}
.weekViewHeaderTop {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	gap: 10px;
}

.weekViewHeaderTitle {
	margin: 0 0 0 30px;
}

.weekViewHeaderBottom {
	display: flex;
	margin: 15px 0 0 30px;
}

.weekViewHeaderBottomTitle {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.02em;
	margin: 0 0 0 10px
}

/* .hsWeekView {
	scrollbar-width: none;
	display: grid;
	grid-template-rows: minmax(100%, 1fr);
	grid-auto-flow: column;
	overflow-x: scroll;
	scroll-snap-type: x proximity;
	padding-bottom: calc(.75 * var(--gutter));
	margin-bottom: calc(-.25 * var(--gutter));
} */

/* .hsWeekView > li, .item {
	scroll-snap-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
} */
.mealTableMain {
	background: #FBFBFF;
	box-sizing: border-box;
}

.mealTableSubMain {
	margin-right: 30px;
}
.mealItem_type {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #353541;
	display: flex;
	justify-content: space-between;
}

.mealItem_meal {    
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

.mealItem_header {
	display: flex;
	padding: 0 10px 0 20px;
	justify-content: space-between;
	background: #F2F2FB;
	border: 1px solid #F2F2FB;
	box-sizing: border-box;
	border-radius:10px 10px 0 0;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	color: #353541; 
}

.mealItem_icons {
	align-items: center;
	display: flex;
}

.mealItem_container {
	margin:0 0 30px 30px;
	width: 150px;
}

.mealItem_content {
	border: 1px solid #ECEEF4;
	background: white;
}

.mealItem_content_last {
	border: 1px solid #ECEEF4;
	border-radius: 0 0 10px 10px;
}

.mealMargin {
	margin: 10px;
}
.shared_orange {
	color: #FD6851;
}

.shared_violet {
	color: #BB6BD9;
}

.shared_header_title {
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 39px;
	color: #353541;
}
/* colors */

:root {
	--color-white: #ffffff;
	--color-black: #000000;
	--color-dark:  #2A2B2F;
	--color-primary: #4871db;    
	--color-primary-green-light: #e1f6ea;
	--color-primary-green: #6BD196;
	--color-primary-green-dark: #4b9269;
	--color-primary-yellow:  #FCCF5A;
	--color-primary-orange: #fd6851;  
	--color-primary-red: #FF6464;
	--color-grey: #b0b4c4;
	--color-grey-dark: #353541;
	--color-grey-light: #e3e3e3;
	--color-purple: #bb6bd9;
	--color-border: #eceef4;

	--color-indicator-green-dark: #36694b;
	--color-indicator-green: #6BD196;
	--color-indicator-green-light: #97dfb6;
	--color-indicator-yellow: #FCCF5A;
	--color-indicator-orange: #f57c00;
	--color-indicator-red: #FF6464;

	--color-background-light: #FDFDFF;
	--color-background-dark: #F2F2FB;
	--color-background-orange: #fde5e1;
	--color-background-controls: #FBFBFF;
    --color-backgorund-disabled: #fafafa;

	--color-info-light: #dae3f8;
	--color-info: #4166c5;
	--color-info-dark: #24396e;

	--primary-gradient: linear-gradient(#FF7E36, #FA3A68);
	--button-gradient: linear-gradient(248.16deg, #FF7E36 -9.14%, rgba(250, 58, 104, 0.91) 113.05%);

	--container-padding-h: 120px;
	--container-padding-h-mobile: 1.7vh;

	--container-padding-v: 100px;
	--container-padding-v-mobile: 30px;
}

.line-decor {
	width: 65px;
	height: 3px;
	background: #FD6851;
	margin-left: auto;
	margin-right: auto;
}

.line-decor.line-decor--left {
	margin: 0;
}


.FormikError{
    color: #ed2e5e;
    font-size: 12px;
    white-space: break-spaces;
    line-height: 15px;
    margin: 5px 0 0;
}
.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}

.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
		sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body,
body * {
	font-family: Poppins, sans-serif;
	box-sizing: border-box;
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

h1,
h2,
h3,
h4,
p {
	margin: 0;
	padding: 0;
	font-weight: 400;
}

::placeholder {
	/* Firefox, Chrome, Opera */
	color: #B0B4C4;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #B0B4C4;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #B0B4C4;
}

*:focus {
	outline: #353541;
}

.fontAwesome {
	font-family: 'Poppins', 'FontAwesome', sans-serif;
	font-size: "13px";
	line-height: "169%";
	margin-bottom: "5px";
}

.productsMeal ul {
	list-style: none;
	/* Remove list bullets */
	padding: 0;
	margin: 0;
}

.productsMeal li {
	padding-left: 0;
}

.productsMeal li:before {
	content: "•";
	/* Insert content that looks like bullets */
	padding-right: 8px;
	color: #FF7E36;
	/* Or a color you prefer */
	font-weight: bold;
	font-size: 22px;
}


@media screen and (min-width: 1180px) {
    .page {
        margin-left: 1em;
        margin-right: 1em;
        margin-bottom: 1em;
        margin-top:  1em;
    }
   
}

.header {
	font-weight: bold;
	font-size: 20px;
	line-height: 160.5%;
	letter-spacing: 0.02em;
	color: #353541;
}

input {
	border: 1px solid #B0B4C4;
	box-sizing: border-box;
	border-radius: 3px;
	height: 30px;
	width: 100px;
}

.disabled {
    cursor: auto;
	background: gray;
}

.divider {
	padding-left: 1.5px;
	padding-right: 1.5px;
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 170%;
	color: #8888;
	display: inline-block;
	width: inherit;
}

.paddingLeftRight20 {
	padding-left: 20px;
	padding-right: 20px;
}

.versionNumber {
	margin: 0 auto;
	width: auto;
	text-align: center;
	padding: 0;
	display: block;
	font-size: x-small;
}

/* after slider rollback */
/* todo: move to component in the future */
.scroll-wizzard {
	padding: var(--gutter) 0;
	display: grid;
	grid-gap: var(--gutter) 0;
	grid-template-columns: var(--gutter) 1fr var(--gutter);
	align-content: start;
	scrollbar-width: none;
	overflow-y: hidden;
}

.scroll-wizzard::-webkit-scrollbar {
	display: none;
}

.scroll-wizzard>* {
	grid-column: 2 / -2;
}

.scroll-wizzard>.full {
	grid-column: 1 / -1;
}

.hs {
	/* scrollbar-width: none; */
	/* scroll-behavior: smooth; */
	display: grid;
	grid-gap: 2vh;
	/* grid-template-columns: 0; */
	/* grid-template-rows: minmax(100%, 1fr); */
	grid-auto-flow: column;
	overflow-x: scroll;
	/* scroll-snap-type: x proximity;
	padding-bottom: calc(.75 * var(--gutter));
	margin-bottom: calc(-.25 * var(--gutter));
	margin-top: 0; */
     
}


/* @media screen and (max-width: 1181px) {
        .hs{
            margin-left: 20px;
        }
} */

.hs::-webkit-scrollbar {
	display: none;
}

/* .hs:before,
.hs:after {
	content: '';
	width: 20px;
    margin-left: 20px;
} */

ul {
	list-style: none;
	padding: 0;
}


/* .hs>li,
.item {
	scroll-snap-align: center;
	display: flex;
	flex-direction: column;
	justify-content: top;
	align-items: center;
} */

.no-scrollbar {
	scrollbar-width: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}

/* global media queries */

.cursor-pointer{
    cursor: pointer;
}

@media screen and (min-width: 1181px) {
	.style-mobile {
		display: none !important;
	}
}

@media screen and (max-width: 1181px) {
	.style-desktop {
		display: none !important;
	}
}

img{
    object-fit: scale-down;
}
html,
body,
#root {
	min-height: 100%;
	height: 100%;
}
.App {
	background: #fbfbff;
	min-height: 100%;
}

@keyframes App-logo-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

input {
	border-radius: 0;
}




a, a:hover {
	text-decoration: none;
}

a {
	color: var(--color-grey);
}

a:hover {
	color: var(--color-primary-orange);
}

fieldset {
    border: 0;
}
input:disabled {
    background-color: var(--color-backgorund-disabled);
}
.animated{animation-duration:1s;animation-fill-mode:forwards}.animated.bounceIn{animation-duration:.7s}.animated.bounceOut{animation-duration:.5s}.animated.bounceIn{animation-name:bounceIn}.animated.bounceOut{animation-name:bounceOut}.animated.fadeIn{animation-name:fadeIn;animation-duration:.7s}.animated.fadeOut{animation-name:fadeOut;animation-duration:.3s}.animated.bounceInDown{animation-name:bounceInDown}.animated.bounceOutUp{animation-name:bounceOutUp}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:perspective(1px) scale3d(0.3, 0.3, 0.3)}20%{transform:perspective(1px) scale3d(1.1, 1.1, 1.1)}40%{transform:perspective(1px) scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:perspective(1px) scale3d(1.03, 1.03, 1.03)}80%{transform:perspective(1px) scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:perspective(1px) scale3d(1, 1, 1)}}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.rrt-confirm-holder{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999999}.rrt-confirm-holder .shadow{width:100%;height:100%;background-color:rgba(50,58,68,.8)}.rrt-confirm-holder .rrt-confirm{width:320px;background-color:#fff;position:absolute;z-index:9;top:20%;left:50%;margin-left:-160px;box-shadow:3px 3px 20px #333;border-radius:4px;overflow:hidden}.rrt-confirm-holder .rrt-confirm .rrt-message{width:100%;padding:5%;min-height:50px;font-size:1em;background-color:#fff;text-align:center;font-family:"open-sanscondensed-light",sans-serif;clear:both}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder{display:flex}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button{flex-grow:1;height:50px;text-transform:capitalize;border:none;background-color:rgba(0,0,0,0);padding:0;margin:0;float:left;border-top:1px solid #f0f0f0;font-size:14px;overflow:hidden;cursor:pointer}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:hover{background-color:#f5f5f5}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-ok-btn:active{background-color:#60bb71;color:#fff}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button.rrt-cancel-btn:active{background-color:#db6a64;color:#fff}.rrt-confirm-holder .rrt-confirm .rrt-buttons-holder .rrt-button:focus{outline:none}body.toastr-confirm-active{overflow:hidden}.redux-toastr *,.redux-toastr *:before,.redux-toastr *:after{box-sizing:border-box}.redux-toastr .top-left,.redux-toastr .top-right,.redux-toastr .top-center,.redux-toastr .bottom-left,.redux-toastr .bottom-right,.redux-toastr .bottom-center{width:350px;position:fixed;z-index:99999999;padding:0 10px}.redux-toastr .top-left,.redux-toastr .top-right,.redux-toastr .top-center{top:0}.redux-toastr .top-right,.redux-toastr .bottom-right{right:0}.redux-toastr .bottom-left,.redux-toastr .bottom-right,.redux-toastr .bottom-center{bottom:0}.redux-toastr .top-left,.redux-toastr .bottom-left{left:0}.redux-toastr .top-center,.redux-toastr .bottom-center{left:50%;margin-left:-175px}@media(max-width: 320px){.redux-toastr .top-left,.redux-toastr .top-right,.redux-toastr .top-center,.redux-toastr .bottom-left,.redux-toastr .bottom-right,.redux-toastr .bottom-center{width:320px}.redux-toastr .top-center,.redux-toastr .bottom-center{margin-left:-160px}}.redux-toastr .toastr{background-color:#fcfcfc;width:100%;min-height:70px;overflow:hidden;margin:10px 0;border-radius:4px;position:relative;z-index:2;color:#333;opacity:.94;box-shadow:2px 2px 10px rgba(0,0,0,.4)}.redux-toastr .toastr:hover:not(.rrt-message){box-shadow:0px 0px 10px rgba(0,0,0,.6);opacity:1}.redux-toastr .toastr .toastr-status{width:100%;height:5px}.redux-toastr .toastr .toastr-status.success{background-color:#60bb71}.redux-toastr .toastr .toastr-status.warning{background-color:#f7a336}.redux-toastr .toastr .toastr-status.info{background-color:#58abc3}.redux-toastr .toastr .toastr-status.error{background-color:#db6a64}.redux-toastr .toastr .rrt-left-container,.redux-toastr .toastr .rrt-right-container{float:left;text-align:center;overflow:hidden}.redux-toastr .toastr .rrt-left-container{width:80px;top:0;left:0;position:absolute;bottom:0}.redux-toastr .toastr .rrt-left-container .rrt-holder{width:70px;height:70px;position:absolute;top:50%;margin-top:-35px;left:5px;line-height:60px}.redux-toastr .toastr .rrt-left-container .toastr-icon{fill:#fff;vertical-align:middle;margin-top:5px}.redux-toastr .toastr .rrt-middle-container{width:65%;margin-left:80px;position:relative;float:left;font-family:Arial,Helvetica,sans-serif,sans-serif;font-size:1em;text-align:left;padding:10px 5px}.redux-toastr .toastr .rrt-middle-container .rrt-title{font-size:1.1em;font-weight:bold;margin-bottom:5px}.redux-toastr .toastr .rrt-right-container{width:10%}.redux-toastr .toastr .close-toastr{width:10%;height:100%;position:absolute;top:0;right:0;background-color:rgba(0,0,0,0);font-size:22px;border:none;outline:none;opacity:.5;cursor:pointer;font-family:"Helvetica Neue",Helvetica,Arial sans-serif;color:#000}.redux-toastr .toastr .close-toastr:hover{opacity:1}.redux-toastr .toastr .close-toastr:focus{outline:none}.redux-toastr .toastr .close-toastr span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.redux-toastr .toastr.rrt-info,.redux-toastr .toastr.rrt-success,.redux-toastr .toastr.rrt-warning,.redux-toastr .toastr.rrt-error{color:#fff}.redux-toastr .toastr.rrt-info{background-color:#58abc3}.redux-toastr .toastr.rrt-info .rrt-progressbar{background-color:#378298}.redux-toastr .toastr.rrt-success{background-color:#60bb71}.redux-toastr .toastr.rrt-success .rrt-progressbar{background-color:#3e914d}.redux-toastr .toastr.rrt-warning{background-color:#f7a336}.redux-toastr .toastr.rrt-warning .rrt-progressbar{background-color:#d87e09}.redux-toastr .toastr.rrt-error{background-color:#db6a64}.redux-toastr .toastr.rrt-error .rrt-progressbar{background-color:#c5352e}.redux-toastr .toastr.rrt-light .rrt-progressbar{background-color:#ccc}.redux-toastr .toastr.rrt-light .toastr-icon{fill:#333 !important}.redux-toastr .toastr.rrt-message{opacity:1;border:1px solid #dbdbdb}.redux-toastr .toastr.rrt-message .rrt-title{width:90%;height:50px;text-align:center;overflow:hidden;font-size:1.2em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:50px;padding:0 20px}.redux-toastr .toastr.rrt-message .rrt-text{width:100%;max-height:400px;overflow:hidden;overflow-y:auto;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;background-color:#fff;padding:15px;font-size:1.1em;margin-bottom:20px}.redux-toastr .toastr.rrt-message .rrt-text img{display:block;margin:10px auto;max-width:100%}.redux-toastr .toastr.rrt-message .close-toastr{height:50px}.redux-toastr .toastr .rrt-progress-container{height:5px;margin:0 -20px -20px -60px;position:absolute;bottom:20px;width:100%}.redux-toastr .toastr .rrt-progress-container .rrt-progressbar{border-radius:0 0 0 4px;height:100%}.redux-toastr .toastr-attention{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:1}
#auth-view{min-height:calc(100vh - 220px);padding:var(--container-padding-v) var(--container-padding-h);display:flex}@media screen and (max-width: 1024px){#auth-view{padding:var(--container-padding-v) var(--container-padding-h-mobile)}}@media screen and (max-width: 785px){#auth-view{padding:var(--container-padding-v-mobile) 0}#auth-view #diet-summary-component{display:none}}
.auth_wizardcard{height:auto !important;height:initial !important}.AuthRegister{max-width:600px}.AuthRegister__form-row{margin-bottom:20px}.AuthRegister_terms{display:flex;margin:2vh 0;font-size:13px}@media screen and (min-width: 1181px){.AuthRegister__button{margin-top:1vh;float:left}}.AuthLogin{max-width:600px}.AuthLogin__form{width:100%}.AuthLogin__form-row{margin-bottom:20px}.AuthLogin__link{margin-right:0;margin-left:auto;display:table}.AuthLogin__button{margin-top:20px;align-self:start}.AuthLogin__oauth-section{margin-top:30px;text-align:center}.AuthLogin__oauth-label{margin-bottom:15px;color:#666;font-size:14px;text-align:center}.AuthLogin__oauth-buttons{display:flex;flex-direction:column;gap:10px}.AuthLogin__oauth-button{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.AuthLogin__oauth-button--google{background-color:#4285f4;color:#fff}.AuthLogin__oauth-button--google:hover{background-color:#357ae8}.AuthLogin__oauth-button--facebook{background-color:#1877f2;color:#fff}.AuthLogin__oauth-button--facebook:hover{background-color:#0c63d4}.AuthLogin__oauth-button:disabled{opacity:.6;cursor:not-allowed}.AuthResetPassword{max-width:600px}.AuthResetPassword__form{width:100%}.AuthResetPassword__form-row{margin-bottom:20px}.AuthResetPassword__link{margin-right:0;margin-left:auto;display:table}.AuthResetPassword__button{margin:40px 20px 0 0}.AuthResetPassword__button-wrapper{display:flex}@media screen and (max-width: 785px){.AuthResetPassword__button-wrapper{flex-direction:column}.AuthResetPassword__button{margin:20px 0}}#loginCard{width:100%;margin-right:20px}#loginCard .loginCard-wrapper .wizzard-card{min-height:597px;border-radius:20px}#loginCard .loginCard-wrapper .wizzard-card__content{height:auto;padding:0}#loginCard .loginCard-content .panel{padding:0 30px}#loginCard .loginCard-content .panel-radio{height:80px;border-bottom:1px solid var(--color-border);display:flex;gap:2.5vh;align-items:center}#loginCard .loginCard-content .panel-form{min-height:450px}@media screen and (max-width: 785px){#loginCard{margin-right:0}#loginCard .loginCard-wrapper .wizzard-card{border-radius:0}#loginCard .loginCard-content .panel-radio{flex-direction:column;align-items:flex-start;height:100px}#loginCard .loginCard-content .panel-form .action-button{width:100%}}
.AuthChangePassword{max-width:600px}.AuthChangePassword__form{width:100%}.AuthChangePassword__form-row{margin-bottom:20px}.AuthChangePassword__link{margin-right:0;margin-left:auto;display:table}.AuthChangePassword__button{margin:40px auto 20px}@media screen and (min-width: 400px){.AuthChangePassword__button{margin:40px auto 20px 0}}
.ActionButton{display:flex;flex-direction:column;align-items:center}.ActionButton_button{cursor:pointer;display:flex;justify-content:center;align-items:center;background:var(--button-gradient);color:var(--color-white);outline:0;border:2px solid rgba(0,0,0,0);border-radius:30px;font-size:12px;font-weight:600;letter-spacing:.2px;gap:4px;padding:10px 15px;min-width:200px}.ActionButton_button_light{position:relative;background:#fff;background-clip:padding-box;color:var(--color-primary-orange)}.ActionButton_button_light:hover{background:var(--button-gradient);color:var(--color-white);position:relative;background-clip:padding-box}.ActionButton_button_light:after{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:var(--button-gradient);content:"";z-index:-1}.ActionButton_button_disabled{background:var(--color-grey);mix-blend-mode:normal;color:var(--color-white);cursor:default}.ActionButton_button--secondary{background:var(--color-white);color:var(--color-primary-orange);border-color:var(--color-primary-orange)}.ActionButton_button--icon-only{border-radius:50%;width:35px;height:35px;padding:0;padding:initial;min-width:0;min-width:initial}.ActionButton_button:hover{opacity:.9}
.TextBox{left:0;display:flex;flex-direction:column;align-items:flex-start;width:100%}.TextBox__label{font-size:13px;line-height:169%;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.TextBox__labelRight{margin-left:.35vh}.TextBox__inputWrapper{display:flex;width:100%;border:1px solid #eceef4;border-radius:3px;line-height:169%;align-items:center}.TextBox__inputWrapper__input{cursor:inherit;min-height:47px;max-height:66px;border:none;width:100%;padding-left:16px}.TextBox__inputWrapper__input__suffix{padding-right:10px;color:var(--color-grey);font-size:12px}.TextBox__inputWrapper__gray{background:#fbfbff}.TextBox__inputWrapper__disabled{background-color:#fafafa}
.AuthHandleResetPassword{max-width:600px}.AuthHandleResetPassword__form{width:100%}.AuthHandleResetPassword__form-row{margin-bottom:20px}.AuthHandleResetPassword__link{margin-right:0;margin-left:auto;display:table}.AuthHandleResetPassword__button{margin:40px auto 20px}@media screen and (min-width: 400px){.AuthHandleResetPassword__button{margin:40px auto 20px 0}}
.headline{text-align:center;color:var(--color-grey-dark);margin:30px 0}.headline--left{text-align:left}.headline__badge{margin-bottom:2px}.headline__text{font-weight:700;font-size:25px}.headline__sub-headline{font-size:15px}
.Badge{padding:5px 10px;font-size:11px;border:1px solid rgba(0,0,0,0);font-weight:600;border-radius:10px;min-width:-webkit-max-content;min-width:max-content;max-width:-webkit-max-content;max-width:max-content}.Badge--default{background:var(--color-border);border-color:var(--color-grey);color:var(--color-grey-dark)}
.CustomRadio_label{cursor:pointer;font-size:13px;line-height:20px;color:#666;display:flex;align-items:center;margin:1.5vh 0}.CustomRadio_label_checked{color:#bb6bd9;line-height:19px;font-size:13px;font-weight:600}.CustomRadio_label_input{cursor:pointer;height:20px;width:20px;accent-color:#bb6bd9;margin:0 6px 0 0}
.CheckBox_container{display:flex;gap:10px;align-items:center;cursor:pointer}.CheckBox_container_input{cursor:pointer;accent-color:var(--color-purple);width:20px;height:20px;margin:0;flex:none}.CheckBox_container_text{display:flex;gap:1.5vh}.CheckBox_container_text_span{font-size:13px;color:var(--color-grey-dark)}.CheckBox_container_text_span_checked{font-size:13px;color:var(--color-purple);font-weight:600}.CheckBox_container_text_uncheckedIcon svg{fill:var(--color-grey) !important}
.WizardCard{height:500px;min-width:325px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-white);display:flex;flex-direction:column;font-size:14px;text-align:left}.WizardCard__header{padding:30px 0 20px 30px;border-bottom:1px solid var(--color-border);cursor:pointer}.WizardCard__headline{font-weight:700;font-size:20px;color:var(--color-grey-dark)}.WizardCard__content{padding:15px 20px 30px;overflow:auto;min-height:75%;scrollbar-width:thin}.WizardCard__content::-webkit-scrollbar{width:4px}.WizardCard__content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.WizardCard__content::-webkit-scrollbar-thumb{background:var(--color-grey-light)}.WizardCard__content::-webkit-scrollbar-thumb:hover{background:var(--color-grey)}@media screen and (max-width: 1181px){.WizardCard:first-child{margin-left:1.5vh}.WizardCard:last-child{margin-right:1.5vh}}@media screen and (min-width: 1181px){.WizardCard{min-width:490px}}
#diet-summary-component.summary-wrapper{display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:390px;height:597px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:20px}#diet-summary-component.summary-wrapper>.title{padding:30px 0 20px 0;text-align:center;font-weight:700;font-size:20px;color:var(--color-grey-dark);border-bottom:1px solid var(--color-border)}#diet-summary-component.summary-wrapper>.content{display:flex;flex-direction:column;align-items:center;padding:20px;border-bottom:1px solid var(--color-border)}#diet-summary-component.summary-wrapper>.content img{width:113px;height:113px}#diet-summary-component.summary-wrapper>.content>div:nth-child(2){font-size:18px;font-weight:700;text-align:center;line-height:27px;padding:10px 30px}#diet-summary-component.summary-wrapper>.content>div:nth-child(3){font-size:13px;text-align:center}#diet-summary-component.summary-wrapper>.payment-and-plan-summary{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:-webkit-fit-content;height:fit-content;background-color:#fbfbff;height:100%;border-radius:0px 0px 20px 20px;padding-bottom:30px}#diet-summary-component.summary-wrapper>.payment-and-plan-summary>div:nth-child(1){font-size:26px;line-height:39px;font-weight:700;text-align:center;padding:20px 0 10px}#diet-summary-component.summary-wrapper>.payment-and-plan-summary>div:nth-child(2){font-size:13px;text-align:center}#diet-summary-component.summary-wrapper>.payment-and-plan-summary button{width:180px;margin:20px 0 0}#diet-summary-component.summary-wrapper .rounded-button{display:none}#diet-summary-component.summary-wrapper .light-button{background:rgba(0,0,0,0);outline:none;border:none;height:42px;margin-top:20px;font-weight:600;font-size:12px;line-height:18px;color:var(--color-primary-orange);cursor:pointer}@media screen and (max-width: 1397px){#diet-summary-component.summary-wrapper{height:610px}}@media screen and (max-width: 785px){#diet-summary-component.summary-wrapper{border-radius:0px;width:100%;border:none;padding:20px;height:100%}#diet-summary-component.summary-wrapper>div:nth-child(1),#diet-summary-component.summary-wrapper>div:nth-child(2){display:none}#diet-summary-component.summary-wrapper>div:nth-child(3){background-color:var(--color-white)}#diet-summary-component.summary-wrapper>div:nth-child(3) button{width:100%}#diet-summary-component.summary-wrapper .rounded-button{display:block;background-color:#ff7e36;background:linear-gradient(267.18deg, #FF7E36 -9.14%, rgba(250, 58, 104, 0.91) 113.05%);transform:rotate(90deg);width:24px;height:24px;position:absolute;top:-12px;left:calc(50% - 12px);cursor:pointer;border-radius:50%}#diet-summary-component.summary-wrapper .rounded-button::before{content:"";position:absolute;top:7px;left:9px;width:8px;height:8px;border-top:2px solid var(--color-white);border-left:2px solid var(--color-white);transform:rotate(315deg)}}
.DietPlanPrice{margin-top:10px;display:flex;justify-content:center;align-items:baseline;font-weight:700;font-size:20px;color:var(--color-purple)}.DietPlanPrice_from{font-size:15px;margin-right:7px}.DietPlanPrice_regular{display:inline-block;position:relative;margin-right:7px}.DietPlanPrice_regular::before{content:"";position:absolute;left:-0.1em;right:-0.1em;top:.38em;bottom:.38em;background:linear-gradient(to left top, transparent 45.5%, currentColor 47.5%, currentColor 52.5%, transparent 54.5%);pointer-events:none}.DietPlanPrice_regular_span{font-size:15px;color:var(--color-purple)}.DietPlanPrice_span{margin-left:3px}
.beverages{background:var(--color-white);border:1px solid var(--color-border);box-sizing:border-box;border-radius:10px;padding-bottom:20px}@media screen and (max-width: 1180px){.beverages{width:calc(100% - var(--container-padding-h-mobile));margin:0 calc(var(--container-padding-h-mobile)/2)}}.beverages__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:20px 30px;border-bottom:1px solid var(--color-border)}.beverages__header-title{font-weight:bold;font-size:18px;color:#2a2b2f;line-height:27px}.beverages__header-right{display:flex;justify-content:space-between;gap:15px}.beverages__content{padding:0 20px}.beverages__items{overflow-y:auto}.beverages__items-placeholder{margin-top:20px;color:var(--color-grey);font-size:15px}.beverages__manage-menu{display:flex;gap:15px}.beverages__manage-menu-button{font-weight:600;line-height:18px;display:flex;align-items:center;color:var(--color-primary-orange);padding:2px 0 0 0}.beverages__icon-wrapper{display:flex;justify-content:center;align-items:center}.beverages__edit-icon{padding-right:4px;padding-top:4px;padding-bottom:6px;color:var(--color-primary-orange);font-size:16px}@media screen and (min-width: 1181px){.beverages{max-width:100%;width:100%;background:var(--color-background-light)}.beverages__header{padding:0 0 0 30px}.beverages__content{padding:0 30px}.beverages__manage-menu{justify-content:right;gap:30px}}
.beverage-item{display:flex;justify-content:left;padding-top:20px;text-align:start;gap:15px}.beverage-item__header{font-weight:700;cursor:pointer;margin-right:15px;display:block}.beverage-item__icon-wrapper{display:flex;justify-content:center;align-items:center;cursor:pointer}.beverage-item__icon{width:20px;border-radius:20px}.beverage-item__calories-wrapper{margin-left:15px;padding-left:10px;position:relative}.beverage-item__calories-wrapper:before{display:block;content:"";height:15px;position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:1px;background:var(--color-grey)}@media screen and (min-width: 1181px){.beverage-item__header{display:inline}}
.ConfirmationBox{border:1px solid var(--color-border);padding:30px;background:var(--color-white);border-radius:10px;margin-left:auto;margin-right:auto;width:-webkit-max-content;width:max-content;max-width:100%;text-align:center}.ConfirmationBox__action-buttons{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:30px}@media screen and (max-width: 500px){.ConfirmationBox__action-buttons{flex-direction:column}}.confirm-box{position:fixed !important;top:37vh !important;left:0 !important;width:100%;padding-left:var(--container-padding-v-mobile);padding-right:var(--container-padding-v-mobile)}.confirm-box__overlay{background-color:rgba(0,0,0,.65) !important}
.Beverages_removeIcon{width:20px;border-radius:20px;cursor:pointer}.Beverages_header{margin-bottom:13px;padding-top:5px;display:flex;justify-content:space-between}.Beverages_main{border-bottom:1px solid var(--color-grey-light)}.Beverages_actionButton{margin-left:auto;margin-right:auto;margin-top:30px}.Beverages_padding25{padding:25px}
.Ingredient{margin-bottom:13px;padding-top:5px;display:flex;flex-direction:row}.Ingredient_row{display:flex;flex-direction:column;justify-content:space-between;flex-grow:3;width:220px}.Ingredient_switch{display:flex;align-items:center;font-size:15px}.Ingredient_switch_left{margin-right:8px}.Ingredient_switch_right{margin-left:8px;font-style:italic}.Ingredient_switch_popover{display:flex;position:relative;margin-top:20px}.Ingredient_switch_popover ul{position:absolute;right:-100px;bottom:-55px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:var(--color-white);border:1px solid var(--color-border);box-sizing:border-box}.Ingredient_switch_popover li{font-size:12px;display:flex;color:var(--color-primary-orange);padding:5px 10px;flex-grow:1;height:35px;flex-direction:column;justify-content:center;cursor:pointer}.Ingredient_switch_popover li:not(:last-child){border-bottom:1px solid var(--color-border)}.Ingredient_switch_popover_button{font-weight:600;font-size:12px;display:flex;color:var(--color-primary-orange);flex-grow:1;width:150px;height:33px;flex-direction:column;justify-content:center}.Ingredient:not(:first-child){border-top:1px solid var(--color-grey-light)}.Ingredient_input{font-style:normal;font-weight:normal;font-size:14px;line-height:169%;color:#b0b4c4;padding-left:1em}.Ingredient_name{font-style:normal;font-weight:normal;font-size:15px;color:#353541;margin:0px;padding-top:2px;padding-bottom:2px}.Ingredient_group{display:flex;gap:30px}.Ingredient_remove{display:flex;flex-grow:2;justify-content:flex-end}.Ingredient_remove_icon{width:20px;border-radius:20px;cursor:pointer}
.DropdownMenu{overflow:hidden}.DropdownMenu__trigger{cursor:pointer;z-index:101}.DropdownMenu__menu{border-radius:5px;color:var(--color-primary-orange);position:absolute;z-index:100;background:var(--color-white);border:1px solid var(--color-primary-orange);box-sizing:border-box;transition:all .05s linear;visibility:hidden}@media screen and (max-width: 1181px){.DropdownMenu__menu{min-width:20vh}}.DropdownMenu__menu--visible{visibility:visible}.DropdownMenu__menu--bottom100{bottom:100%}.DropdownMenu__menu--bottomminus100{bottom:-100%}.DropdownMenu__menu--right0{right:0}.DropdownMenu__menu li{text-align:left;font-size:12px;display:flex;color:var(--color-primary-orange);padding:10px 15px;font-weight:500;width:100%;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 1181px){.DropdownMenu__menu li{white-space:break-spaces}}.DropdownMenu__menu li:not(:last-child){border-bottom:1px solid var(--color-primary-orange)}.DropdownMenu__menu li:hover{background:var(--color-background-orange)}
.searchBox_input-wrapper{position:relative;width:100%}.searchBox_input{height:4vh;width:100%;padding:10px 35px 10px 45px;background:#fbfbff;border-radius:3px;font-size:14px;text-rendering:optimizeLegibility}.searchBox_input::placeholder,.searchBox_input::-webkit-input-placeholder{color:var(--color-grey)}.searchBox_icon{position:absolute;margin-left:15px}.searchBox_view{position:relative;display:flex;flex-direction:column;place-content:center}.searchBox_label{font-size:13px;line-height:169%;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.searchBox_result_main{width:100%;background:#fbfbff;position:relative}.searchBox_result_view{padding-top:10px;padding-bottom:10px;padding-left:16px;position:absolute;border:1px solid #eceef4;border-radius:3px;width:100%;display:flex;flex-direction:column;font-size:14px;background:var(--color-white);z-index:10}.searchBox_result_lists{max-height:200px;overflow:auto}.searchBox_result_lists>ul{padding-right:15px;cursor:pointer}.searchBox_favourite_list{border-bottom:1px solid gray;padding-bottom:10px;margin-right:15px}.searchBox_closeIcon{position:absolute;top:14px;right:10px}
.blog{min-height:calc(100vh - 220px);padding:50px var(--container-padding-h) 20px var(--container-padding-h)}@media screen and (max-width: 1180px){.blog{padding:50px var(--container-padding-h-mobile) 20px var(--container-padding-h-mobile)}}.blog_cards{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px;margin:0 auto 30px}@media screen and (max-width: 1180px){.blog_cards{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 785px){.blog_cards{grid-template-columns:repeat(1, 1fr)}}@media screen and (min-width: 785px){.blog article{margin-bottom:20px}}.blog article{cursor:pointer}.blog_article-img{height:16rem;width:100%;object-fit:cover;border-radius:10px}@media screen and (min-width: 785px){.blog_article-img{margin-bottom:2px}}.blog_article-title{font-size:1.3125rem;color:#000;font-weight:500}.blog_article-subtitle{color:#080808;font-size:.875rem;opacity:.6}.rc-pagination{text-align:center}.rc-pagination-item:focus,.rc-pagination-item:hover,.rc-pagination-item:focus a,.rc-pagination-item:hover a,.rc-pagination-item-active,.rc-pagination-item-active a,.rc-pagination-prev:focus .rc-pagination-item-link,.rc-pagination-next:focus .rc-pagination-item-link,.rc-pagination-prev:hover .rc-pagination-item-link,.rc-pagination-next:hover .rc-pagination-item-link,.rc-pagination-simple .rc-pagination-simple-pager input:hover{color:var(--color-primary-orange) !important;border-color:var(--color-primary-orange) !important}
.rc-pagination {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.rc-pagination ul,
.rc-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rc-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.rc-pagination-total-text {
  display: inline-block;
  height: 28px;
  margin-right: 8px;
  line-height: 26px;
  vertical-align: middle;
}
.rc-pagination-item {
  display: inline-block;
  min-width: 28px;
  height: 28px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rc-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.85);
  transition: none;
}
.rc-pagination-item a:hover {
  text-decoration: none;
}
.rc-pagination-item:focus,
.rc-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.rc-pagination-item:focus a,
.rc-pagination-item:hover a {
  color: #1890ff;
}
.rc-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
}
.rc-pagination-item-active a {
  color: #1890ff;
}
.rc-pagination-item-active:focus,
.rc-pagination-item-active:hover {
  border-color: #40a9ff;
}
.rc-pagination-item-active:focus a,
.rc-pagination-item-active:hover a {
  color: #40a9ff;
}
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  outline: 0;
}
.rc-pagination-jump-prev button,
.rc-pagination-jump-next button {
  background: transparent;
  border: none;
  cursor: pointer;
  color: #666;
}
.rc-pagination-jump-prev button:after,
.rc-pagination-jump-next button:after {
  display: block;
  content: '•••';
}
.rc-pagination-prev,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  margin-right: 8px;
}
.rc-pagination-prev,
.rc-pagination-next,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  display: inline-block;
  min-width: 28px;
  height: 28px;
  color: rgba(0, 0, 0, 0.85);
  font-family: Arial;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.rc-pagination-prev,
.rc-pagination-next {
  outline: 0;
}
.rc-pagination-prev button,
.rc-pagination-next button {
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.rc-pagination-prev:hover button,
.rc-pagination-next:hover button {
  border-color: #40a9ff;
}
.rc-pagination-prev .rc-pagination-item-link,
.rc-pagination-next .rc-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
}
.rc-pagination-prev:focus .rc-pagination-item-link,
.rc-pagination-next:focus .rc-pagination-item-link,
.rc-pagination-prev:hover .rc-pagination-item-link,
.rc-pagination-next:hover .rc-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.rc-pagination-prev button:after {
  content: '‹';
  display: block;
}
.rc-pagination-next button:after {
  content: '›';
  display: block;
}
.rc-pagination-disabled,
.rc-pagination-disabled:hover,
.rc-pagination-disabled:focus {
  cursor: not-allowed;
}
.rc-pagination-disabled .rc-pagination-item-link,
.rc-pagination-disabled:hover .rc-pagination-item-link,
.rc-pagination-disabled:focus .rc-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.rc-pagination-slash {
  margin: 0 10px 0 5px;
}
.rc-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .rc-pagination-options *::-ms-backdrop,
  .rc-pagination-options {
    vertical-align: top;
  }
}
.rc-pagination-options-size-changer.rc-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.rc-pagination-options-quick-jumper {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
}
.rc-pagination-options-quick-jumper input {
  width: 50px;
  margin: 0 8px;
}
.rc-pagination-simple .rc-pagination-prev,
.rc-pagination-simple .rc-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link,
.rc-pagination-simple .rc-pagination-next .rc-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link::after,
.rc-pagination-simple .rc-pagination-next .rc-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.rc-pagination-simple .rc-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.rc-pagination-simple .rc-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: border-color 0.3s;
}
.rc-pagination-simple .rc-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.rc-pagination.rc-pagination-disabled {
  cursor: not-allowed;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-active a {
  color: #fff;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-link-icon {
  opacity: 0;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .rc-pagination-item-after-jump-prev,
  .rc-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .rc-pagination-options {
    display: none;
  }
}

.copyDay_row{display:flex;flex-direction:column;margin-top:15px}.copyDay_action-button{margin-top:30px;margin-left:auto;margin-right:auto}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bb6bd9}
.datePickerPopoverWrapper{z-index:10;transition:all .5s cubic-bezier(0.75, -0.02, 0.2, 0.97);position:absolute;top:100%}.datePickerPopoverWrapper--top{top:auto;top:initial;bottom:100%}.datePickerPopoverContent{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bb6bd9}.copyMeal_row{display:flex;flex-direction:column}.copyMeal_dropdown{margin-top:20px}.copyMeal_action-button{margin-top:30px;margin-left:auto;margin-right:auto}
.DropdownList select{height:47px;text-rendering:optimizeLegibility;border:1px solid #eceef4;box-sizing:border-box;border-radius:3px;width:100%;max-height:66px;display:flex;font-style:normal;font-weight:normal;font-size:14px;line-height:169%;padding-top:10px;padding-bottom:10px;padding-left:16px}.DropdownList label{font-size:13px;line-height:169%;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.DropdownList option{cursor:pointer}.DropdownList option:hover::selection{cursor:pointer;background-color:#ff0}.DropdownList option::selection{cursor:pointer;background-color:red}
.CustomMeal_Header{display:flex;justify-content:space-between;align-items:center}.CustomMeal_ActionButton{margin-top:30px;margin-left:auto;margin-right:auto}.CustomMeal_MealsContainer_Meal:not(:last-child){border-bottom:1px solid var(--color-grey-light)}.CustomMeal_Section{margin:3vh 0}.CustomMeal_Section_Header{display:flex;align-items:center;margin-top:15px;margin-bottom:10px}.CustomMeal_Section_Name{font-style:normal;font-weight:bold;font-size:18px;line-height:27px;display:flex;align-items:center;color:#353541;margin-left:8px}.CustomMeal_Section_TextBox{margin-bottom:10px}.CustomMeal_Section_TextArea{width:100%}.CustomMeal_Section_FileUploader{margin-top:1vh}.CustomMeal_Section_CloseIcon{cursor:pointer;display:flex}.CustomMeal_Section_Attachment{box-shadow:0 0 2.61795px rgba(0,0,0,.05);border-radius:8.87755px;width:300px}.CustomMeal_Section_Button{cursor:pointer}.CustomMeal_Section_SearchBox{margin-bottom:20px}.CustomMeal_Section_Ingredients{display:flex;flex-direction:column;gap:5px}.CustomMeal_Section_Ingredients_TextBox{flex-direction:row;gap:2vh;align-items:center}.CustomMeal_Section_Ingredients_TextBox div:first-of-type{width:20%}
.FileUploader__input{position:relative;max-width:-webkit-max-content;max-width:max-content}.FileUploader__input input{opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;cursor:pointer}.FileUploader__input input::-webkit-file-upload-button{cursor:pointer}
.TextArea{height:200px;width:100%;display:flex;flex-direction:column}.TextArea_label{font-size:13px;margin-bottom:5px}.TextArea_textarea{padding:10px 16px;display:inline-block;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box;font-size:14px;height:100%;resize:none}
.DayView{margin-bottom:30px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.DayView__diet-in-progress-info{margin:10px var(--container-padding-h-mobile);padding:10px;font-size:13px;background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info);display:flex;align-items:center;gap:10px}.DayView__diet-in-progress-info-loader{border:2px solid var(--color-background-dark);border-top:2px solid var(--color-info);border-radius:50%;width:20px;height:20px;min-width:20px;min-height:20px;animation:spin 2s linear infinite}@media screen and (min-width: 1181px){.DayView__diet-in-progress-info{margin:15px var(--container-padding-h)}}@media screen and (min-width: 1181px){.DayView{margin-bottom:50px}}
#diet-plan-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;background-color:var(--color-white);padding:0 var(--container-padding-h);height:120px;border-top:1px solid var(--color-border)}#diet-plan-container .leftSide{display:flex;align-items:center}#diet-plan-container .leftSide .order-menu{width:270px}#diet-plan-container .leftSide .price{width:100%;font-size:18px;padding-right:10px;font-weight:700;color:var(--color-purple);text-align:right}#diet-plan-container .leftSide .price span{font-size:40px}#diet-plan-container .rightSide{gap:20px;display:flex;align-items:center;justify-content:space-between}#diet-plan-container div:nth-child(1) div{font-weight:700;font-size:20px}#diet-plan-container div:nth-child(1)>ul li{font-size:13px;white-space:nowrap}#diet-plan-container div:nth-child(1)>ul li::before{content:"•";color:var(--color-purple);font-weight:bold;display:inline-block;width:1em;margin-left:-1em}@media screen and (max-width: 1180px){#diet-plan-container{padding:0 var(--container-padding-h-mobile)}}@media screen and (max-width: 1050px){#diet-plan-container ul{display:none}}@media screen and (max-width: 820px){#diet-plan-container{justify-content:center}#diet-plan-container .DietPlanPrice_regular_span{display:none}#diet-plan-container .DietPlanPrice_from{margin-right:0}#diet-plan-container>div:nth-child(1){display:none}#diet-plan-container .side{flex:auto}#diet-plan-container .side .price{display:none}#diet-plan-container button{margin-top:10px;width:100%}#diet-plan-container .rightSide{gap:20px;display:flex;align-items:center;justify-content:center}}@media screen and (max-width: 480px){#diet-plan-container .rightSide{width:100%}#diet-plan-container .DietPlanPrice{display:none}}
.DayViewTabsSelector{display:flex;border-bottom:1px solid var(--color-grey-light);padding:0 var(--container-padding-h-mobile);background-color:var(--color-white)}@media screen and (min-width: 1181px){.DayViewTabsSelector{padding:0 var(--container-padding-h)}}.DayViewTabsSelector_tab{font-weight:500;font-size:13px;text-align:center;color:var(--color-grey);margin-right:10px;padding-bottom:10px;cursor:pointer}.DayViewTabsSelector_tab_active{border-bottom:2px solid var(--color-primary-orange);color:var(--color-primary-orange);font-weight:600;cursor:inherit}
.DietBalance{width:100%;padding:0 var(--container-padding-h) var(--container-padding-v)}.DietBalance__header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:25px 0}@media screen and (min-width: 1180px){.DietBalance__header{justify-content:space-between;padding:30px;flex-direction:row}}@media screen and (max-width: 1180px){.DietBalance__header_rangePicker{width:60%}}.DietBalance__header .switch-wrapper{display:flex;align-items:center;color:var(--color-grey);font-size:13px;font-weight:500}.DietBalance__header .switch-wrapper .highlighted{transition:all .5s ease 0s;color:var(--color-purple)}.DietBalance__header .switch-wrapper>div:nth-child(2){margin:0 10px}.DietBalance__content{display:flex;flex-wrap:wrap;padding:30px;width:100%;background-color:var(--color-white);border:1px solid var(--color-border);min-height:705px;border-radius:20px 20px 0 0}.DietBalance__content .product__detail-wrapper{width:50%;padding-bottom:7px}.DietBalance__content .product__detail-wrapper:nth-child(odd){padding-right:3%}.DietBalance__content .product__detail-wrapper:nth-child(even){padding-left:3%}.DietBalance__content .product__additional-info{border:1px solid var(--color-border);background:var(--color-background-controls);padding:10px 20px;font-size:13px}.DietBalance__content .product__additional-info a{color:var(--color-purple);font-weight:700;padding-left:5px;white-space:nowrap}@media screen and (max-width: 1180px){.DietBalance{padding:var(--container-padding-v-mobile) 0}.DietBalance__content{border:none;min-height:100%;height:100%;border-radius:0;flex-wrap:nowrap;flex-direction:column}.DietBalance__content .product__detail-wrapper{width:100%}.DietBalance__content .product__detail-wrapper:nth-child(odd){padding-right:0}.DietBalance__content .product__detail-wrapper:nth-child(even){padding-left:0}}@media screen and (max-width: 785px){.DietBalance__content .product__additional-info a{display:none}}
.MeasurementBar{width:100%}.MeasurementBar__label{font-size:15px;font-weight:600}.MeasurementBar__content{display:flex;align-items:center;width:100%;justify-content:space-between}.MeasurementBar__indicator-wrapper{width:75%}.MeasurementBar__values{width:20%}.MeasurementBar__values span{font-weight:600}
.IndicatorBar{width:100%}.IndicatorBar__outer{height:100%;background:var(--color-grey-light);border-bottom-right-radius:5px;border-top-right-radius:5px}.IndicatorBar__inner{height:100%;border-bottom-right-radius:5px;border-top-right-radius:5px}.IndicatorBar__inner--green-dark{background:var(--color-indicator-green-dark)}.IndicatorBar__inner--green{background:var(--color-indicator-green)}.IndicatorBar__inner--green-light{background:var(--color-indicator-green-light)}.IndicatorBar__inner--yellow{background:var(--color-indicator-yellow)}.IndicatorBar__inner--orange{background:var(--color-indicator-orange)}.IndicatorBar__inner--red{background:var(--color-indicator-red)}.IndicatorBar--small{height:5px}.IndicatorBar--large{height:10px}
.RangePicker{max-width:300px}.RangePicker_header{display:flex;justify-content:space-between;align-items:center;gap:20px}@media screen and (min-width: 1181px){.RangePicker_header{justify-content:left}}.RangePicker_header_value{font-weight:bold;font-size:20px;display:flex;align-items:center;text-align:center;color:var(--color-grey-dark)}@media screen and (min-width: 1181px){.RangePicker_header_value{margin:0 25px}}.RangePicker_picker{margin-top:5px;display:flex;justify-content:center}
.dateRangePickerPopoverWrapper{opacity:1;visibility:visible;transform:translate(0, 0);transition:all .5s cubic-bezier(0.75, -0.02, 0.2, 0.97)}.dateRangePickerPopoverContent{margin-top:4vh;position:absolute;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.HeaderComponent{display:flex;justify-content:space-between;align-items:center;background:var(--color-white);padding:25px var(--container-padding-h-mobile) 20px}@media screen and (min-width: 1181px){.HeaderComponent{padding:25px var(--container-padding-h) 20px}}.HeaderComponent__label{font-weight:bold;font-size:26px;color:var(--color-grey-dark);display:inline;padding:0;margin:0}.HeaderComponent__settings-icon{margin-left:10px;cursor:pointer;background:none;border:0}.HeaderComponent__marginRight{margin-right:auto}.mainStyleDivider{font-size:26px;margin-left:5px;color:rgba(136,136,136,.5333333333);display:inline-block}.subLabeStyle{font-weight:bold;font-size:26px;line-height:39px;color:#353541;display:inline;width:inherit}.actionLink{align-items:center;margin-left:5px;margin-right:5px}.subscribeLink{font-weight:500;font-size:20px;color:#bb6bd9}
.Menu{padding:0 var(--container-padding-h) var(--container-padding-v)}@media screen and (max-width: 1180px){.Menu{padding:var(--container-padding-v-mobile) var(--container-padding-h-mobile)}}@media screen and (min-width: 1181px){.Menu_header{gap:.3vw;display:flex;justify-content:space-between;align-items:center;margin:45px 0 25px}}
.day-meals__desktop-wrapper{background:var(--color-white);padding:40px;border:1px solid var(--color-border);border-radius:10px}
.customProduct_section{display:flex;flex-direction:column;gap:5px;margin-bottom:2vh}.customProduct_section_header{font-style:normal;font-weight:bold;font-size:18px;line-height:27px;display:flex;align-items:center;color:#353541;margin-bottom:1vh}.customProduct_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.customProduct_textArea{margin-top:2vh}.customProduct_textBox{margin-bottom:5px}.customProduct_textBoxQuantity{display:flex}.customProduct_switch{display:flex;align-items:center;gap:5px;margin-bottom:7px}.customProduct_input{border:medium none currentColor;border:initial;font-style:normal;font-weight:normal;font-size:14px;color:#b0b4c4;padding-left:1em}.customProduct_actionButton{margin-top:30px;margin-left:auto;margin-right:auto}.customProduct_searchBox{margin:1vh 0}.customProduct_nutrition{margin-top:7px}.customProduct_selectedGroup{display:flex;gap:5px;margin-top:5px;margin-bottom:10px}.accordion__item+.accordion__item{border-top:1px solid rgba(0,0,0,.1)}.accordion__button{display:flex;align-items:baseline;cursor:pointer;width:100%;text-align:left;border:none}.accordion__button:hover{color:var(--color-primary-orange)}.accordion__button:before{display:inline-block;content:"";height:10px;width:10px;margin-right:12px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg)}.accordion__button[aria-expanded=true]::before,.accordion__button[aria-selected=true]::before{transform:rotate(45deg)}[hidden]{display:none}.accordion__panel{animation:fadein .35s ease-in}@keyframes fadein{0%{opacity:0}100%{opacity:1}}
.exchangeMeal_header{display:flex;justify-content:space-between;align-items:center}.exchangeMeal_group{margin-top:20px;border-top:1px solid #eceef4;padding-bottom:20px;border-bottom:1px solid #eceef4}.exchangeMeal_text{font-style:normal;font-weight:bold;font-size:15px;line-height:170%;color:#353541;margin:15px}.exchangeMeal_meal{display:flex;flex-direction:row;border:2px solid #eceef4;flex:1 1}.exchangeMeal_meal_selected{border:2px solid #bb6bd9;box-sizing:border-box}.exchangeMeal_selectedIcon{flex:1 1;display:flex;justify-content:flex-end;margin:6px}.exchangeMeal_row{display:flex;margin-top:20px}.exchangeMeal_removeIcon{display:flex;justify-content:flex-end;flex:1 1}.exchangeMeal_remove_icon{width:25px;border-radius:25px}.exchangeMeal_action-button{margin-left:auto;margin-right:auto;margin-top:30px}
@media screen and (max-width: 1180px){.meal-card-wrapper{width:calc(100% - var(--container-padding-h-mobile));margin:0 calc(var(--container-padding-h-mobile)/2)}}.meal-card-wrapper .meal-card{background:var(--color-white);border:1px solid var(--color-border);box-sizing:border-box;border-radius:10px;width:100%}.meal-card-wrapper .meal-card__header{padding:20px}.meal-card-wrapper .meal-card__image{border-radius:10px;display:flex;align-items:center;justify-content:center;height:225px;width:100%;background-size:cover;background-position:center;margin-bottom:10px;overflow:hidden;padding:0 20px;cursor:pointer;box-shadow:0 0 2.61795px rgba(0,0,0,.05);background-color:var(--color-background-dark)}.meal-card-wrapper .meal-card__image img{width:25%;opacity:.2}.meal-card-wrapper .meal-card__content{padding:15px 20px}.meal-card-wrapper .meal-card__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.meal-card-wrapper .meal-card__meal-eaten{display:flex;position:relative}.meal-card-wrapper .meal-card__meal-eaten-button{font-weight:600;font-size:12px;line-height:18px;display:flex;align-items:center;color:var(--color-primary-orange);padding-top:2px}@media screen and (min-width: 1181px){.meal-card-wrapper .meal-card{max-width:100%;width:100%;background:var(--color-background-light);margin-top:20px}.meal-card-wrapper .meal-card__header{padding:0 0 0 30px;border-bottom:1px solid var(--color-border)}.meal-card-wrapper .meal-card__main{display:flex;gap:50px;padding:30px 30px 0}.meal-card-wrapper .meal-card__image{width:320px;padding:0}.meal-card-wrapper .meal-card__footer{padding:20px 30px;justify-content:right;gap:30px}}
.meal{display:flex;align-items:center;margin-top:15px}.meal__content{margin-left:10px;width:100%}.meal__headline{font-weight:700;font-size:15px;color:#353541;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:220px;cursor:pointer}.meal__calories-wrapper{position:relative;padding-left:10px}.meal__calories-wrapper:before{display:block;content:"";height:15px;position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:1px;background:var(--color-grey)}.meal__top-row{display:flex;align-items:center;justify-content:left;gap:15px}.meal__refresh-dropdown{position:relative;display:inline-block}.meal__refresh-icon-wrapper{display:inline-block;margin-right:0;margin-left:auto;cursor:pointer}.meal__refresh-dropdown-content{position:absolute;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;right:25px;bottom:-20px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:var(--color-white);border:1px solid var(--color-border);box-sizing:border-box}.meal__refresh-dropdown-button{font-weight:600;font-size:12px;display:flex;color:var(--color-primary-orange);flex-grow:1;width:150px;height:33px;flex-direction:column;justify-content:center}.meal__details{font-size:15px;line-height:170%;color:var(--color-grey-dark)}.meal__details:not(:first-child){margin-left:15px;padding-left:10px;position:relative}.meal__details:not(:first-child):before{display:block;content:"";height:15px;position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:1px;background:var(--color-grey)}.meal__favourite-icon-wrapper{cursor:pointer}@media screen and (min-width: 1181px){.meal__top-row{gap:15px}.meal__headline{max-width:none}}
.meal-header{display:flex;align-items:center;justify-content:space-between}.meal-header__content-left{display:flex}.meal-header__content-right{display:flex;justify-content:space-between;align-items:center;gap:10px}.meal-header__title{font-weight:700;font-size:18px;color:#2a2b2f;margin-left:10px;display:inline-block}.meal-header__favourite-wrapper{margin-right:10px;width:16px;height:16px;cursor:pointer}@media screen and (min-width: 1181px){.meal-header__content-right{gap:30px}.meal-header__favourite-wrapper{margin-right:30px}}
.Modal{display:none}.Modal--visible{display:block}.Modal__underlay{width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:1}.Modal__close-icon{position:fixed;right:20px;top:20px;z-index:3;cursor:pointer}.Modal__box{padding:var(--container-padding-v-mobile) var(--container-padding-h-mobile);background:var(--color-white);position:fixed;z-index:2;width:100%;top:70px;left:50%;transform:translateX(-50%);max-width:100%;height:calc(100% - 70px);max-height:calc(100% - 70px);overflow:auto}@media screen and (min-width: 750px){.Modal__box{padding:var(--container-padding-v-mobile) var(--container-padding-v-mobile);width:75%;min-height:75%;height:auto;max-height:calc(100% - 140px);border:1px solid var(--color-border);top:calc(50% + 35px);transform:translate(-50%, -50%);border-radius:20px}.Modal__box::-webkit-scrollbar-track{margin:15px 0}}.Modal__box{scrollbar-width:thin}.Modal__box::-webkit-scrollbar{width:4px}.Modal__box::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.Modal__box::-webkit-scrollbar-thumb{background:var(--color-grey-light)}.Modal__box::-webkit-scrollbar-thumb:hover{background:var(--color-grey)}
.flexContainerRowActions a{display:flex}.mainLabeStyleDivider{font-style:normal;font-weight:normal;font-size:20px;padding:0;margin:0;color:#888;display:inline-block}.buttonStyleReset{background:none;border:none;padding:0;cursor:pointer;outline:none}.day-picker__action-links{margin-top:5px;display:flex;gap:10px;justify-content:space-between}.day-picker__header{display:flex;align-items:center;width:100%;justify-content:space-between;margin-top:20px}.day-picker__headline{font-size:18px;color:var(--color-grey-dark);display:inline;padding:0;margin:0}.day-picker__headline-wrapper{display:flex;flex-direction:column;align-items:center}.day-picker__headline:first-child{border-right:1px solid var(--color-grey);padding-right:10px;margin-right:10px}.day-picker__headline--bold{font-weight:700}@media screen and (min-width: 1181px){.day-picker__header{margin-top:0;gap:24px;justify-content:left}}
.nutrition-fact-summary{background:var(--color-background-dark);border:1px solid var(--color-border);overflow-y:hidden;white-space:nowrap;box-sizing:border-box;align-items:center;display:flex;justify-items:end;margin-top:25px;position:relative}.nutrition-fact-summary__item{padding:10px 0;display:inline-block;text-align:center;width:25%}.nutrition-fact-summary__item--active{background:var(--color-grey-light)}.nutrition-fact-summary__item--active>*{color:var(--color-grey-dark) !important}.nutrition-fact-summary__item--active-grey{background:var(--color-background-dark)}.nutrition-fact-summary__item--active-grey>*{color:var(--color-grey-dark) !important}.nutrition-fact-summary__item--danger>*{color:#ff7878 !important}.nutrition-fact-summary__item-value{font-weight:600;font-size:16px;color:var(--color-grey-dark)}.nutrition-fact-summary__item-label{font-size:13px;color:var(--color-grey)}.nutrition-fact-summary--no-background{background:none;border:none}.nutrition-fact-summary--no-background .nutrition-fact-summary__item{border-left:1px solid var(--color-border)}.nutrition-fact-summary{scrollbar-width:none}.nutrition-fact-summary::-webkit-scrollbar{display:none}@media screen and (min-width: 1181px){.nutrition-fact-summary{margin-top:0;border-radius:0 10px 0 0}.nutrition-fact-summary--with-favourite{border-radius:0}.nutrition-fact-summary--rounded{border-radius:10px}.nutrition-fact-summary__item{width:100px}}@keyframes slide-in{0%{transform:translateY(-100%)}25%{transform:translateY(-75%)}50%{transform:translateY(-50%)}75%{transform:translateY(-25%)}100%{transform:translateX(0)}}.nutrition-fact-summary__additional-info{transform:translateY(-100%);display:none;transition-duration:5s;animation:slide-in .1s}.nutrition-fact-summary__additional-info--visible{display:block;transform:translateY(0)}.nutrition-fact-summary__expand-button{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 5px)}
.nutrition-fact-real-summary{display:flex;border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);background:var(--color-background-light)}.nutrition-fact-real-summary__item{padding:5px 10px;text-align:center;width:25%}.nutrition-fact-real-summary__item-value{font-weight:600;font-size:14px;margin-bottom:3px}.nutrition-fact-real-summary__item-left-value{font-size:10px}@media screen and (min-width: 1181px){.nutrition-fact-real-summary{border-radius:10px}.nutrition-fact-real-summary__item{width:100px}}
.TrainingBar{padding:10px var(--container-padding-h-mobile);background-color:var(--color-white);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border)}.TrainingBar__value{text-align:center}.TrainingBar__value-number{font-weight:600;font-size:30px}.TrainingBar__value-label{font-size:13px}.TrainingBar__button{cursor:pointer}@media screen and (min-width: 1181px){.TrainingBar{border-radius:10px;gap:30px}}@media screen and (max-width: 1181px){.TrainingBar{margin-top:25px}}
.water-bar{padding:10px var(--container-padding-h-mobile);background-color:var(--color-white);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border)}.water-bar__value{text-align:center}.water-bar__value-number{font-weight:600;font-size:30px}.water-bar__value-label{font-size:13px}.water-bar__button{cursor:pointer}@media screen and (min-width: 1181px){.water-bar{border-radius:10px;gap:30px}}@media screen and (max-width: 1181px){.water-bar{margin:45px 0 25px}}
#shopping-list{width:100%;padding:0 var(--container-padding-h) var(--container-padding-v)}@media screen and (max-width: 1180px){#shopping-list{padding:var(--container-padding-v-mobile) var(--container-padding-h-mobile)}}#shopping-list .ActionButton{margin:0 auto}#shopping-list .shopping-list__wrapper{padding:25px;background:var(--color-white);border:1px solid var(--color-border);border-radius:20px 20px 0 0}#shopping-list .shopping-list__section{padding:20px;background:#fbfbff;border:1px solid var(--color-border);box-sizing:border-box;border-radius:10px;margin-bottom:20px}#shopping-list .shopping-list__section-header{font-weight:bold;font-size:18px;color:#2a2b2f;margin-bottom:25px}#shopping-list .shopping-list__section-content{display:flex;flex-direction:column;gap:2vh;scrollbar-width:thin}#shopping-list .shopping-list__section-content::-webkit-scrollbar{width:4px}#shopping-list .shopping-list__section-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#shopping-list .shopping-list__section-content::-webkit-scrollbar-thumb{background:var(--color-grey-light)}#shopping-list .shopping-list__section-content::-webkit-scrollbar-thumb:hover{background:var(--color-grey)}@media screen and (min-width: 1181px){#shopping-list .shopping-list__wrapper{gap:2.5vh 1.5vh;display:flex;justify-content:center;flex-wrap:wrap}#shopping-list .shopping-list__section{height:300px;width:24%;margin-bottom:0;margin-bottom:initial}#shopping-list .shopping-list__section-header{margin-bottom:2vh}#shopping-list .shopping-list__section-content{overflow-y:scroll;height:80%}}
.shopping-list-date-range{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 0}.shopping-list-date-range__print-button{text-align:center}@media screen and (max-width: 1181px){.shopping-list-date-range__print-button{padding-top:20px}}@media screen and (min-width: 1181px){.shopping-list-date-range{justify-content:left;padding:30px;flex-direction:row}.shopping-list-date-range__print-button{margin-right:0;margin-left:auto}}

.UserInterview__content{padding:var(--container-padding-v-mobile) var(--container-padding-h-mobile)}@media screen and (min-width: 1181px){.UserInterview__content{padding:30px var(--container-padding-h) var(--container-padding-v)}}@media screen and (min-width: 1181px){.UserInterview__content-header{display:flex;align-items:center;justify-content:space-between}}@media screen and (min-width: 1181px){.UserInterview__content-header-right{display:flex;align-items:center}}.UserInterview__confirmation-box{background:var(--color-white);padding:20px var(--container-padding-h-mobile);border-top:1px solid var(--color-border);display:flex;justify-content:space-between}.UserInterview__confirmation-box--align-center{justify-content:center}.UserInterview__subheader{margin-top:30px;margin-bottom:10px;font-weight:600;font-size:15px;color:var(--color-grey-dark);scroll-behavior:smooth}.UserInterview__subheader--first-in-row{margin-top:0}.UserInterview_row{display:flex;gap:2.5vh}@media screen and (max-width: 1181px){.UserInterview_row_columnMobile{flex-direction:column;gap:0}}
.BasicSettings01StepForm_row{margin-top:2vh}
.day-box{background:#fbfbff;width:50px;height:35px;margin-top:10px;margin-right:10px;color:var(--color-grey-dark);border:1px solid var(--color-border);font-weight:600;font-size:13px;display:inline-flex;justify-content:center;align-items:center;position:relative;border-radius:5px;cursor:pointer}.day-box--checked{background:var(--color-purple);color:var(--color-white)}.day-box__number{background:var(--color-primary-orange);width:20px;height:20px;color:var(--color-white);border-radius:50%;font-size:13px;position:absolute;top:-10px;right:-10px;display:flex;justify-content:center;align-items:center}
.DietPlanPreferences04StepForm_chips{margin-bottom:5px;margin-top:5px}.DietPlanPreferences04StepForm_chips_container{margin-top:15px}.DietPlanPreferences04StepForm_chips_container_label{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.checkbox-select{position:relative;cursor:pointer}.checkbox-select__trigger{padding:10px 15px;border:1px solid var(--color-grey);border-radius:3px;display:flex;justify-content:space-between;align-items:center}.checkbox-select__dropdown{background:var(--color-background-controls);border:1px solid var(--color-grey);padding:2vh;position:absolute;width:100%;left:0;z-index:999;border-top-left-radius:3px;border-top-right-radius:3px;display:flex;flex-direction:column;gap:2vh}.checkbox-select__dropdown--top{bottom:100%}.checkbox-select__dropdown--bottom{top:100%}
.CheckBoxGroup__checkbox{flex-direction:row-reverse;justify-content:space-between}
.ExclusionOfFoodProduct03StepForm_chips{margin-top:15px}
.chips-item{background:#fd6851;margin-top:5px;margin-right:5px;color:var(--color-white);border-radius:5px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;padding:5px 10px}.chips-item__button{margin-left:5px;cursor:pointer}
.FoodServingDetails05StepForm_dietStartDate{position:relative;cursor:pointer}
.stepper-wrapper{display:flex;align-items:center;overflow-x:scroll;padding:10px 0;scrollbar-width:none}.stepper-wrapper::-webkit-scrollbar{display:none}@media screen and (min-width: 1181px){.stepper-wrapper{margin-right:40px}}
.step-icon{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 10px}.step-icon__circle{width:32px;height:32px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer}.step-icon__circle--complete{background:#6bd196}.step-icon__label{font-weight:600;font-size:11px;text-align:center;margin-top:10px;width:78px}.step-icon:not(:last-child):after{content:"";height:3px;width:20px;background:var(--color-border);display:block;position:absolute;top:16px;transform:translateY(-50%);right:-10px}
.document{background:var(--color-white);padding:50px var(--container-padding-h-mobile) 35px var(--container-padding-h-mobile);position:relative;word-break:break-word}@media screen and (min-width: 1181px){.document{padding:50px var(--container-padding-h) 70px var(--container-padding-h);text-align:left}}.document_img{border-radius:10px;display:flex;margin:1.5vh auto;border:1px solid var(--color-border);max-width:100%;object-fit:scale-down}.document_thumbimg{max-width:33rem;margin-right:auto;margin-left:auto;margin-top:40px}.document_topic{color:var(--color-grey-dark);font-size:35px;font-weight:700;margin-top:30px}.document_content{margin-top:20px;color:var(--color-black);line-height:28px}@media screen and (min-width: 1181px){.document_dietDefinition{display:flex;gap:3vh;align-items:center}}.document_dietDefinition img{width:50%}@media screen and (max-width: 1181px){.document_dietDefinition img{width:100%;margin-top:20px}}.document_dietDefinitions{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:75px;padding-bottom:25px}@media screen and (min-width: 1181px){.document_dietDefinitions{flex-direction:row}}.document_dietDefinitions_buttonContainer{display:flex;flex-direction:column;gap:3vh;margin-top:5vh;align-items:center;place-content:center;text-align:center}@media screen and (min-width: 1181px){.document_dietDefinitions_buttonContainer{flex-direction:row}}.document_dietDefinitions_box{text-align:center;width:330px;background:var(--color-background-light);border:1px solid var(--color-border);box-sizing:border-box;border-radius:10px;padding-top:130px;position:relative;min-height:460px;padding-bottom:20px}.document_dietDefinitions_box:not(:first-child){margin-top:60px}@media screen and (min-width: 1181px){.document_dietDefinitions_box:not(:first-child){margin-left:25px;margin-top:0}}.document_dietDefinitions_box_img{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:150px;height:150px;border-radius:50%;background-size:cover}.document_dietDefinitions_box_headline{font-weight:700;font-size:18px;margin-top:5px}.document_dietDefinitions_box_button{width:200px;margin:15px auto 0 auto}.document_dietDefinitions_box_button a:hover{color:var(--color-white)}.document_dietDefinitions_box_about{text-align:center;background:var(--color-background-light);box-sizing:border-box;padding:15px 30px 0 30px;line-height:170%;min-height:205px}.document_dietDefinitions_box_about span{font-size:13px;line-height:170%;text-align:center;color:var(--color-grey-dark)}.document_dietDefinitions_box_about a{cursor:pointer;font-size:13px;line-height:170%;text-align:center;color:var(--color-grey)}.document_dietDefinitions_box_about a:hover{text-decoration:none;color:var(--color-primary-orange)}
.progressBar{height:5px;background:var(--color-primary-orange)}.progressBar-container{position:fixed;top:0;left:0;width:100vw;z-index:99}
.footer {
	padding: 30px var(--container-padding-h-mobile);
	background: var(--color-grey-dark);
}
.footerVersion  {
	padding-left: '31px';
	padding-right: '31px';
	background:  var(--color-grey-dark);
	display: 'flex';
	flex-direction: 'row';
	flex-wrap: 'wrap';
	justify-content: 'space-between';
	align-items: 'stretch'
} 

.footer__item {
	font-size: 13px;
	color: var(--color-white);
	margin-right: 30px;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer__item__row:not(:first-child) {
	margin-top: 20px;
}

.footer__item.footer__item--left .footer__item__row {
	text-align: left;
}

.footer__item.footer__item--right .footer__item__row {
	text-align: right;
}

.footer__item__row svg {
	display: inline;
}

.footer__item.footer__item--right .footer__item__row svg {
	margin-left: 40px;
}

.footer__item.footer__item--right .footer__item__row a {
	margin-left: 40px;
}

.footer__item.footer__item--left .footer__item__row svg {
	margin-right: 20px;
}

.footer__item.footer__item--left .footer__item__row a {
	margin-right: 20px;
}

.footer__item__row a {
	color: var(--color-white);
}

.footer__item__row a.footer_mail {
	color: var(--color-primary-orange);
}

@media screen and (min-width: 1181px) {
	.footer {
		padding: 30px var(--container-padding-h);
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}
.LandingPage_contactForm{max-width:900px;margin:2vh auto}@media screen and (max-width: 1181px){.LandingPage_contactForm{margin:2vh var(--container-padding-h-mobile)}}
.ContactForm_content_row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:stretch;margin:0 auto}.ContactForm_content_row_item{width:100%;margin-top:20px}@media screen and (min-width: 1181px){.ContactForm_content_row_item{width:32%}}@media screen and (min-width: 1181px){.ContactForm_content_row_item_full-width{width:100%}}.ContactForm_terms{display:flex;gap:1vh;margin:2vh 0;font-size:13px}.ContactForm_action-button{margin:2vh auto;display:flex;justify-content:center}
.InstagramSlider{padding:35px var(--container-padding-h-mobile) 40px;background:var(--color-white)}@media screen and (min-width: 1181px){.InstagramSlider{padding:70px var(--container-padding-h) 80px}}.InstagramSlider_photosWrapper{display:flex;align-items:center;margin-top:50px;justify-content:space-between}.InstagramSlider_photosWrapper_photo{border-radius:15px;width:24%}.InstagramSlider_photoInSlider{display:flex;justify-content:center;height:42vh}.InstagramSlider_photoInSlider img{border-radius:15px}
.slider{width:100%;padding:45px 0}.slider__items{overflow:hidden}.slider__triggers{display:flex;justify-content:center;margin-top:3vh}.slider__trigger{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:50%;margin:0 10px;background:var(--color-grey);cursor:pointer}.slider__trigger.slider__trigger--active{background:var(--primary-gradient)}
.landing-page-customer-opinions {
	padding: 40px var(--container-padding-h-mobile) 50px var(--container-padding-h-mobile);
}

.landing-page-customer-opinions__content-box {
	background: var(--color-white);
	border: 1px solid var(--color-border);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.03);
	border-radius: 15px;
	margin: 0 auto 50px;
	padding: 30px;
	max-width: 760px;
}

@media screen and (min-width: 1181px) {
	.landing-page-customer-opinions {
		padding: 80px var(--container-padding-h) 100px var(--container-padding-h);
	}

	.landing-page-customer-opinions__content-box {
		padding: 60px 80px;
	}
}
.customer-opinions-slider-item {}

.customer-opinions-slider-item__quote {
	font-size: 15px;
	text-align: center;
	color: var(--color-black);
	line-height: 170%;
	margin-top: 30px;
}

.customer-opinions-slider-item__author {
	font-weight: 700;
	word-spacing: 3px;
	font-size: 15px;
	text-align: center;
	color: var(--color-black);
	margin-top: 30px;
}
.landing-page-diet-types {
	padding: 75px var(--container-padding-h-mobile) 35px var(--container-padding-h-mobile);
	position: relative;
}

.landing-page-diet-types__menu-wrapper {
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width: 1181px) {
	.landing-page-diet-types {
		padding: 150px var(--container-padding-h) 70px var(--container-padding-h);
	}

	.landing-page-diet-types__menu-wrapper {
		flex-direction: row;
	}
}
.menu-subscription {
	text-align: center;
	width: 330px;
	background: var(--color-background-light);
	border: 1px solid var(--color-border);
	box-sizing: border-box;
	border-radius: 10px;
    min-height: 537px;
	padding-top: 130px;
	position: relative;
}

.menu-subscription:not(:first-child) {
	margin-top: 60px;
}

.menu-subscription__img {
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-size: cover;
	cursor: pointer;
}

.menu-subscription__headline {
	font-weight: 700;
	font-size: 18px;
	margin-top: 30px;
}

.menu-subscription__action-button {
	width: 200px;
	margin: 15px auto 0 auto;
}

.menu-subscription__about {
	text-align: center;
	background: var(--color-background-light);
	border-top: 1px solid var(--color-border);
	box-sizing: border-box;
	/* todo: ?? */
	padding: 30px;
	margin-top: 25px;
	line-height: 170%;
}

.menu-subscription__about span {
	font-size: 13px;
	line-height: 170%;
	text-align: center;
	color: var(--color-grey-dark);
}

.menu-subscription__about a {
	font-size: 13px;
	line-height: 170%;
	text-align: center;
	color: var(--color-grey);
}

.menu-subscription__about a:hover {
	text-decoration: none;
    color: var(--color-primary-orange);
}

@media screen and (min-width: 1181px) {
	.menu-subscription:not(:first-child) {
		margin-left: 25px;
		margin-top: 0;
	}
}
.landing-page-header {
	background: var(--color-white);
	padding: 50px var(--container-padding-h-mobile) 35px var(--container-padding-h-mobile);
	position: relative;
	text-align: center;
}

.landing-page-header__content {
	max-width: 500px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.landing-page-header__headline {
	color: var(--color-grey-dark);
	font-size: 35px;
	font-weight: 700;
	margin-top: 30px;
}

.landing-page-header__brief {
	font-size: 15px;
	line-height: 28px;
	display: flex;
	align-items: center;
	margin-top: 20px;
	color: var(--color-black);
}

.landing-page-header__store-buttons {
	display: flex;
	justify-content: left;
	align-content: center;
	margin-top: 30px;
}

.landing-page-header__store-buttons img {
	margin-right: 10px;
}

.landing-page-header__cover-image {
	display: none;
}
@media screen and (min-width: 1450px) {
    .landing-page-header {
		padding: 100px var(--container-padding-h) 70px var(--container-padding-h);
		text-align: left;
		height: 597px;
	}

	.landing-page-header__content {
		margin-left: 0;
		margin-right: auto;
	}

	.landing-page-header__store-buttons {
		justify-content: left;
	}
    .landing-page-header__cover-image {
		display: block;
		position: absolute;
		right: var(--container-padding-h);
		top: 0;
	}
}
.landing-page-join-us {
	padding-top: 50px;
}

.landing-page-join-us__socials {
	text-align: center;
}

@media screen and (min-width: 1181px) {
	.landing-page-join-us {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 100px;
	}

	.landing-page-join-us__socials {
		margin-left: 40px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

.LandingPageProductPromo{background:var(--color-white);display:flex;padding:0 var(--container-padding-h-mobile);width:100%}@media screen and (min-width: 1181px){.LandingPageProductPromo{flex-direction:column;min-width:40%;padding:30px var(--container-padding-h)}}
.ProductPromoSliderItem{display:block}.ProductPromoSliderItem__image{background-size:contain;background-position:center;background-repeat:no-repeat;width:100%;display:flex;justify-content:center;align-items:center;padding-bottom:30px;height:400px}.ProductPromoSliderItem__image img{max-width:100%;height:auto;max-height:400px}@media screen and (min-width: 1181px){.ProductPromoSliderItem__image img{max-height:600px}}@media screen and (min-width: 1181px){.ProductPromoSliderItem__image{width:50%;height:600px;padding-bottom:0}}.ProductPromoSliderItem__content-section{width:100%;padding-bottom:30px}@media screen and (min-width: 1181px){.ProductPromoSliderItem__content-section{width:50%;padding:0 30px}}.ProductPromoSliderItem_content{text-align:center;color:var(--color-black);font-size:15px;margin-top:30px}.ProductPromoSliderItem_content p{margin-bottom:40px}@media screen and (min-width: 1181px){.ProductPromoSliderItem_content{text-align:left}}.ProductPromoSliderItem_content_link{font-weight:600;font-size:12px;cursor:pointer;color:var(--color-purple)}@media screen and (min-width: 1181px){.ProductPromoSliderItem{display:flex;align-items:center}}
#meal-details-card{width:100%;padding:var(--container-padding-v-mobile) var(--container-padding-h) var(--container-padding-v)}@media screen and (max-width: 1180px){#meal-details-card{padding:var(--container-padding-v-mobile) var(--container-padding-h-mobile)}}@media screen and (max-width: 750px){#meal-details-card{background-color:var(--color-white)}}#meal-details-card .meal-details__header{position:relative;display:flex;justify-content:space-between;align-items:flex-start}@media screen and (max-width: 750px){#meal-details-card .meal-details__header{flex-direction:column}}#meal-details-card .meal-details__header h3{font-style:normal;font-weight:bold;font-size:20px;line-height:30px;display:flex;align-items:center;margin-top:10px;margin-bottom:10px}#meal-details-card .meal-details__header h5{font-style:normal;font-weight:500;font-size:13px;line-height:19px;color:var(--color-grey);margin-top:0px;margin-bottom:20px}#meal-details-card .meal-details__container{background-color:var(--color-white);padding:40px 60px 50px;border-radius:10px;border:1px solid var(--color-border)}@media screen and (max-width: 750px){#meal-details-card .meal-details__container{border-radius:0;border:none;padding:0}}#meal-details-card .meal-details__favourite{width:100%;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}@media screen and (max-width: 750px){#meal-details-card .meal-details__favourite{display:none}}#meal-details-card .meal-details__summary-view{display:flex;justify-content:space-between;align-items:flex-start;min-height:500px;padding:0 0 30px 0;border-bottom:1px solid var(--color-border)}@media screen and (max-width: 1180px){#meal-details-card .meal-details__summary-view{flex-direction:column}}@media screen and (max-width: 750px){#meal-details-card .meal-details__summary-view{width:calc(100% + 60px);margin:0 -30px;padding:0 30px 30px}}#meal-details-card .meal-details__image{flex:1 1;height:50vh;box-shadow:0 0 2.61795px rgba(0,0,0,.05);border-radius:8.87755px;background-repeat:no-repeat;background-position:center;background-size:cover;margin-right:15px;background-color:var(--color-background-dark);display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1180px){#meal-details-card .meal-details__image{flex:none;width:100%;margin:30px 0}}@media screen and (max-width: 750px){#meal-details-card .meal-details__image{margin:0 0 30px}}#meal-details-card .meal-details__image img{width:25%;opacity:.2}#meal-details-card .meal-details__recipe{flex:1 1;min-width:500px;margin-left:15px}@media screen and (max-width: 750px){#meal-details-card .meal-details__recipe{margin:0;width:100%;min-width:300px}}#meal-details-card .nutrition-fact-summary__item{width:100px}@media screen and (max-width: 750px){#meal-details-card .nutrition-fact-summary__item{width:100%}}#meal-details-card .nutrition-fact-summary.meal-details__nutrition-summary{background-color:var(--color-background-dark);border-radius:10px}@media screen and (max-width: 750px){#meal-details-card .nutrition-fact-summary.meal-details__nutrition-summary{margin:10px -30px 30px;width:calc(100% + 60px);border-radius:0;flex-direction:row-reverse}}#meal-details-card .nutrition-fact-summary.meal-details__nutrition-summary .nutrition-fact-summary__item--active-grey{background-color:var(--color-purple)}#meal-details-card .nutrition-fact-summary.meal-details__nutrition-summary .nutrition-fact-summary__item--active-grey .nutrition-fact-summary__item-value,#meal-details-card .nutrition-fact-summary.meal-details__nutrition-summary .nutrition-fact-summary__item--active-grey .nutrition-fact-summary__item-label{color:var(--color-white) !important}
#comments-section form h3{font-size:20px;font-weight:700;margin:30px 0}#comments-section .comments-section__buttons{display:flex;align-items:center;justify-content:flex-end;margin:20px 0}@media screen and (max-width: 750px){#comments-section .comments-section__buttons{flex-direction:column}}#comments-section .comments-section__buttons .add-comment{margin-left:20px}@media screen and (max-width: 750px){#comments-section .comments-section__buttons .add-comment{margin:15px 0 0;width:100%}}#comments-section .comments-section__attachment{box-shadow:0 0 2.61795px rgba(0,0,0,.05);border-radius:8.87755px;width:300px}#comments-section .comments-section__closeIcon{cursor:pointer;display:flex}#comments-section .comments-section__comment-added-info{padding:10px;font-size:13px;background:var(--color-primary-green-light);color:var(--color-primary-green-dark);border:1px solid var(--color-primary-green);display:flex;align-items:center;gap:10px;border-radius:5px}
.comments-item{width:100%;padding:30px;background:var(--color-background-controls);border:1px solid var(--color-border);border-radius:10px;margin:10px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.comments-caption{display:flex}.comments-caption__user{font-weight:700}.comments-caption__date{color:var(--color-grey)}.comments-content__comment{margin:10px 0}.comments-content__image{width:140px;border-radius:5px}#comments-slider .comments-item{margin:10px;width:calc(100% - 20px) !important}#comments-slider .comments-content{height:300px;overflow-y:auto}@media screen and (max-width: 750px){#comments-slider{width:calc(100% + 30px);margin:0 -15px}}
#ingredinet-component .ingredinet-component__caption{display:flex;align-items:center;justify-content:left;margin:0}#ingredinet-component .ingredinet-component__caption h3{margin:0 10px;padding:0;font-size:20px;font-weight:700}#ingredinet-component .ingredinet-component__list{font-size:14px}#ingredinet-component .ingredinet-component__item{display:flex;align-items:center;margin:0;font-size:14px}#ingredinet-component .ingredinet-component__ingredients{margin:5px 10px}
#preparation-renderer-component .preparation-renderer__header{display:flex;align-items:center;justify-content:left;margin:0 0 16px 0}#preparation-renderer-component .preparation-renderer__header h3{margin:0 0 0 10px;padding:0;font-size:20px;font-weight:700}#preparation-renderer-component .preparation-renderer__content{font-size:15px}
.oauth-callback{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.oauth-callback__card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:500px;width:100%;text-align:center}.oauth-callback__loading .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #bb6bd9;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.oauth-callback__loading p{color:#666;font-size:16px}.oauth-callback__success .success-icon{width:80px;height:80px;background-color:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;margin:0 auto 20px}.oauth-callback__success h2{color:#333;margin-bottom:10px}.oauth-callback__success p{color:#666;font-size:16px;margin:10px 0}.oauth-callback__error .error-icon{width:80px;height:80px;background-color:#f44336;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;margin:0 auto 20px}.oauth-callback__error h2{color:#333;margin-bottom:10px}.oauth-callback__error p{color:#666;font-size:16px;margin:10px 0 20px}.oauth-callback__error .retry-button{background-color:#bb6bd9;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.oauth-callback__error .retry-button:hover{background-color:#a55ac4}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#order-menu-view{display:flex;flex-direction:column;position:relative;width:100%;height:100%;padding:0 var(--container-padding-h) var(--container-padding-v) var(--container-padding-h)}#order-menu-view>div:nth-child(1){display:flex;width:100%;justify-content:space-between;align-items:center;padding:var(--container-padding-v-mobile) 0}#order-menu-view>div:nth-child(1) .stepper-wrapper{margin-right:0}#order-menu-view>div:nth-child(1) h2{font-weight:700}#order-menu-view>div:nth-child(2){display:flex;width:100%;height:100%}@media screen and (max-width: 1180px){#order-menu-view{padding:0 var(--container-padding-h-mobile) var(--container-padding-v-mobile) var(--container-padding-h-mobile)}}@media screen and (max-width: 785px){#order-menu-view{padding:0}#order-menu-view>div:nth-child(1),#order-menu-view>div:nth-child(2){flex-direction:column}}
#dietAndPackageTypeCard{width:100%;margin-right:20px}.dietAndPackageTypeCard-wrapper{width:100%;margin-right:20px;height:100%}.dietAndPackageTypeCard-wrapper .wizzard-card{height:597px}.dietAndPackageTypeCard-wrapper .wizzard-card__content{padding:0}.dietAndPackageTypeCard-content{width:100%;height:100%;transition:all .5s}.dietAndPackageTypeCard-content>.diet-types{border-bottom:1px solid var(--color-border)}.dietAndPackageTypeCard-content>.diet-types,.dietAndPackageTypeCard-content>.diet-plans{display:flex;padding:var(--container-padding-v-mobile)}.dietAndPackageTypeCard__diet-type-wrapper{font-weight:700;font-size:18px;line-height:24px;width:100%;text-align:center}.dietAndPackageTypeCard__diet-plan-wrapper{padding:0 20px;white-space:normal}.dietAndPackageTypeCard__diet-plan-wrapper>.monthly-payment{font-size:26px;line-height:39px;width:100%;text-align:center;font-weight:700}.dietAndPackageTypeCard__diet-plan-wrapper>.plan-description{font-size:13px;line-height:20px;text-align:center;width:100%}@media screen and (max-width: 1397px){.dietAndPackageTypeCard-wrapper .wizzard-card{min-height:610px}.dietAndPackageTypeCard-content>.diet-types,.dietAndPackageTypeCard-content>.diet-plans{flex-direction:column}}@media screen and (max-width: 785px){#dietAndPackageTypeCard{flex-direction:column;min-height:770px}.dietAndPackageTypeCard-wrapper{width:100%;margin:0}.dietAndPackageTypeCard-wrapper .wizzard-card{border-radius:0;min-height:770px}.dietAndPackageTypeCard-wrapper .wizzard-card__content{padding:0;padding:initial;min-height:770px}}
.outlined-tale{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 4px 18px;border:1px solid var(--color-border);margin:6px;border-radius:10px;background-color:#fbfbff;box-sizing:border-box;width:100%;white-space:nowrap;overflow:hidden;cursor:pointer}.outlined-tale.active{background:linear-gradient(#FBFBFF, #FBFBFF) padding-box,linear-gradient(to right, #FA3A68, #FF7E36) border-box;border:2px solid rgba(0,0,0,0)}
#order-login-card{width:100%;height:100%}#order-login-card #loginCard .loginCard-wrapper{margin-right:20px}@media screen and (max-width: 785px){#order-login-card #loginCard .loginCard-wrapper{margin-right:0}#order-login-card #loginCard .loginCard-wrapper .wizzard-card{border-radius:0}}
.paymentWizardCard{height:auto;height:initial}#paymentMethodCard{width:100%;margin-right:20px}#paymentMethodCard .paymentMethodCard{min-height:597px}#paymentMethodCard .paymentMethodCard-wrapper{height:100%}#paymentMethodCard .paymentMethodCard-wrapper .wizzard-card{height:100%}#paymentMethodCard .paymentMethodCard-wrapper .wizzard-card__content{height:auto;padding:0}#paymentMethodCard .paymentMethodCard-content .payment-methods-wrapper{display:flex;align-items:center;justify-content:flex-start;padding:20px 10px}#paymentMethodCard .paymentMethodCard-content .payments-details-wrapper{width:100%;height:100%}#paymentMethodCard .paymentMethodCard-content .payment-method:nth-child(1),#paymentMethodCard .paymentMethodCard-content .payment-method:nth-child(2){border-right:1px solid var(--color-border)}#paymentMethodCard .paymentMethodCard-content .payment-method{display:flex;flex-direction:column;align-items:center;width:120px;height:100%;line-height:39px;font-size:13px}#paymentMethodCard .paymentMethodCard-content .payment-method .img-wrapper{width:100%;height:40px;display:flex;align-items:center;justify-content:center}#paymentMethodCard .paymentMethodCard-content .payment-method input[type=radio]:checked~span{color:var(--color-purple);font-weight:600}#paymentMethodCard .paymentMethodCard-content .payment-method input[type=radio]:disabled~span{color:var(--color-grey)}#paymentMethodCard .paymentMethodCard-content .payment-method .radio-label{padding:0 0 10px 20px}@media screen and (max-width: 785px){.paymentMethodCard-wrapper .wizzard-card{border-radius:0px}}
#credit-card-form{max-width:500px;padding:30px}#credit-card-form .title{font-size:15px;font-weight:600;line-height:25px;margin-bottom:30px}#credit-card-form form>div:nth-child(2){display:flex;align-items:flex-end;margin:30px 0}#credit-card-form form>div:nth-child(2)>.textBox:nth-child(1){margin-right:10px}#credit-card-form form>div:nth-child(2)>.textBox:nth-child(2){margin-right:20px}#credit-card-form form button{margin-top:30px}
.PaymentChannelForm{padding:30px}@media screen and (max-width: 785px){.PaymentChannelForm .action-button{width:100%}}.PaymentChannelForm button{margin-top:30px}.PaymentChannelForm__list{display:flex;flex-wrap:wrap;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.PaymentChannelForm__list__tale{width:170px;flex:1 1;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border)}.PaymentChannelForm__consents{display:flex;flex-direction:column;gap:10px;margin-top:30px}.PaymentChannelForm__form-wrapper{display:flex;width:100%;margin-top:30px}.PaymentChannelForm__form-wrapper>div:nth-child(1){margin-right:15px}.PaymentChannelForm__form-wrapper>div:nth-child(2){margin-left:15px}.PaymentChannelForm__form-wrapper>div:nth-child(1),.PaymentChannelForm__form-wrapper>div:nth-child(2){width:100%}.PaymentChannelForm__form-wrapper .textBox{margin-top:8px}@media screen and (max-width: 1397px){.PaymentChannelForm__form-wrapper{flex-direction:column}.PaymentChannelForm__form-wrapper>div:nth-child(1){margin-right:0}.PaymentChannelForm__form-wrapper>div:nth-child(2){margin-left:0}}.PaymentChannelForm__form-item{margin-bottom:15px}
.PartnershipInitial{background:var(--color-white);padding:50px var(--container-padding-h-mobile) 35px var(--container-padding-h-mobile)}@media screen and (min-width: 1181px){.PartnershipInitial{padding:50px var(--container-padding-h) 70px var(--container-padding-h)}}.PartnershipInitial_padding0{padding:0}.PartnershipInitial_checkboxes{display:flex;justify-content:space-between;margin:2vh 0;flex-direction:column}.PartnershipInitial_document{margin-bottom:3vh}.PartnershipInitial_form_content_row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:stretch;margin:0 auto}.PartnershipInitial_form_content_row_item{width:100%;margin-top:20px}@media screen and (min-width: 1181px){.PartnershipInitial_form_content_row_item{width:32%}}@media screen and (min-width: 1181px){.PartnershipInitial_form_content_row_item_full-width{width:100%}}.PartnershipInitial_form_content_row_Images{width:100%}.PartnershipInitial_form_content_row_Images_Slider_Image{display:flex;flex-direction:column;justify-content:center;text-align:center}.PartnershipInitial_form_content_row_Images_Slider_Image img{border-radius:10px;max-width:80%;max-height:80vh;object-fit:contain;align-self:center}.PartnershipInitial_form_content_row_Images_Slider_Image_Buttons{display:flex;justify-content:space-between;margin:1vh 10vh}.PartnershipInitial_form_content_row_Images_Slider_Image_Buttons_CloseIcon{cursor:pointer;display:flex}.PartnershipInitial_form_terms{width:100%;display:flex;gap:1vh;margin:2vh 0;font-size:13px}.PartnershipInitial_form_action-button{margin:2vh auto;display:flex;justify-content:center}
.PartnershipPanel{padding:var(--container-padding-v-mobile) var(--container-padding-h-mobile)}@media screen and (min-width: 1181px){.PartnershipPanel{padding:30px var(--container-padding-h) var(--container-padding-v)}}@media screen and (min-width: 1181px){.PartnershipPanel__main{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;row-gap:30px}}@media screen and (min-width: 1181px){.PartnershipPanel__panel-left{width:calc(50% - 15px);display:flex;flex-direction:column;gap:30px}}@media screen and (min-width: 1181px){.PartnershipPanel__panel-right{position:-webkit-sticky;position:sticky;width:calc(50% - 15px);display:flex;flex-direction:column;gap:30px}}.PartnershipPanel__section{padding-bottom:30px;margin-top:20px;border-bottom:1px solid var(--color-border)}@media screen and (min-width: 1181px){.PartnershipPanel__section{margin-top:0;border:1px solid var(--color-border);padding:20px 20px 30px 20px;border-radius:10px;background:var(--color-white)}}.PartnershipPanel__section-title{font-weight:700;font-size:20px;line-height:160.5%;letter-spacing:.01em;color:var(--color-grey-dark)}.PartnershipPanel__section-item{font-size:13px;line-height:170%;margin-top:20px;color:var(--color-grey-dark)}.PartnershipPanel__status-topic{font-weight:700;font-size:30px;line-height:160.5%;letter-spacing:.01em;color:var(--color-grey-dark);margin-top:30px}.PartnershipPanel_MealsContainer{width:100%;border-radius:10px;margin:20px 0}.PartnershipPanel_MealsContainer_Item{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:10px;margin:1vh 0;display:flex;align-items:center;height:15vh}.PartnershipPanel_MealsContainer_Item img{max-width:100%;max-height:100%;border-radius:10px;cursor:pointer}.PartnershipPanel_MealsContainer_Item_RemoveIcon{width:20px;border-radius:20px;cursor:pointer;position:absolute;right:0;margin:2vh}.PartnershipPanel_MealsContainer_Item_Info{display:flex;flex-direction:column;justify-content:space-between;font-size:15px;font-weight:600;gap:.1vh;padding:1.2vh;width:100%}.PartnershipPanel_MealsContainer_Item_Info_status{color:var(--color-purple);font-size:15px;font-weight:700}.PartnershipPanel_MealsContainer_Item_Info_selectedIcon{width:32px;height:32px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;margin:6px}.PartnershipPanel_MealsContainer_Item_Info_selectedIcon_selected{background:#6bd196}.PartnershipPanel_MealsContainer_Item_Info_Buttons{margin-top:1vh;display:flex}.PartnershipPanel_MapContainer_Buttons{display:flex;justify-content:space-between;margin:1vh 0}.PartnershipPanel_MapContainer_Buttons_Switch{align-items:center;display:flex;gap:5px;font-weight:600;font-size:12px}.PartnershipPanel_MapContainer_SearchBox{margin-bottom:2vh}
.RestaurantDetails{background:var(--color-white)}.RestaurantDetails_padding0{padding:0}.RestaurantDetails_checkboxes{display:flex;justify-content:space-between;margin:2vh 0;flex-direction:column}.RestaurantDetails_form_content_row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:stretch;margin:0 auto}.RestaurantDetails_form_content_row_item{width:100%;margin-top:20px}@media screen and (min-width: 1181px){.RestaurantDetails_form_content_row_item{width:32%}}@media screen and (min-width: 1181px){.RestaurantDetails_form_content_row_item_full-width{width:100%}}.RestaurantDetails_form_terms{width:100%;display:flex;gap:1vh;margin:2vh 0;font-size:13px}.RestaurantDetails_form_action-button{margin:2vh auto;display:flex;justify-content:center}
#map{height:70vh !important;width:100% !important}@media screen and (min-width: 750px){#map{border-radius:10px}}@media screen and (max-width: 750px){.RestaurantsMap{margin-left:calc(var(--container-padding-h-mobile)*-1);margin-right:calc(var(--container-padding-h-mobile)*-1)}}.RestaurantsMap_icon{padding-top:55px;font-family:Poppins,sans-serif;-webkit-text-stroke:.1px #000}.RestaurantsMap_actionButton{margin:20px}
#payment-status-container{height:calc(100vh - 241px);display:flex;flex-direction:column;align-items:center;justify-content:center}#payment-status-container .circle{width:170px;height:170px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:30px;font-size:25px;font-weight:600;color:var(--color-white)}#payment-status-container .circle.success{background-color:var(--color-primary-green)}#payment-status-container .circle.failed{background-color:var(--color-primary-orange)}#payment-status-container button{margin-top:30px}@media screen and (max-width: 1180px){#payment-status-container{height:calc(100vh - 312px)}}
.RestaurantPage{padding:var(--container-padding-v-mobile) var(--container-padding-h) var(--container-padding-v)}@media screen and (max-width: 1180px){.RestaurantPage{padding:var(--container-padding-v-mobile) var(--container-padding-h-mobile)}}.RestaurantPage h5{margin-top:0;font-weight:500}.RestaurantPage_MapModalHeader{margin-bottom:2vh;font-style:normal;font-weight:700;font-size:17px;line-height:30px;display:flex;align-items:center}.RestaurantPage_Container{margin-top:2vh}@media screen and (min-width: 750px){.RestaurantPage_Container{background-color:var(--color-white);padding:30px 40px;border-radius:10px;margin-top:5vh;border:1px solid var(--color-border)}}.RestaurantPage_Container h3{font-style:normal;font-weight:700;font-size:17px;line-height:30px;display:flex;align-items:center}.RestaurantPage_Info{display:flex;margin-top:5vh;gap:5vh}@media screen and (max-width: 750px){.RestaurantPage_Info{margin-top:1vh;flex-direction:column}}@media screen and (min-width: 750px){.RestaurantPage_Info_Carousel{width:50%}}.RestaurantPage_Info_Carousel_Image{display:flex;justify-content:center;text-align:center;height:42vh}.RestaurantPage_Info_Carousel_Image img{border-radius:10px}@media screen and (min-width: 750px){.RestaurantPage_Info_Carousel_Image{height:50vh}}.RestaurantPage_Info_Text{display:flex;flex-direction:column;gap:20px}@media screen and (min-width: 750px){.RestaurantPage_Info_Text{width:50%}}.RestaurantPage_Info_Text_Wrapper{display:flex;flex-direction:column}.RestaurantPage_Info_Text_Wrapper a{margin-top:1vh}.RestaurantPage_Info_Text_ActionButton{width:50%;align-self:center;margin-top:auto}.RestaurantPage_Meals{margin-top:6vh}.RestaurantPage_Meals_Header{width:40%;display:flex;align-items:center}.RestaurantPage_Meals_Header h3{margin:0 10px}.RestaurantPage_Meals_Search{display:flex;gap:5vh}@media screen and (max-width: 750px){.RestaurantPage_Meals_Search{flex-direction:column;gap:2vh}}.RestaurantPage_Meals_Search_SearchBox{min-width:40%}.RestaurantPage_Meals_Search h3{font-weight:600;margin:0 auto;align-self:center}.RestaurantPage_Meals_Container{width:100%;background-color:var(--color-background-light);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:20px 0}.RestaurantPage_Meals_Container_Item{display:flex;align-items:center;justify-content:space-between;height:15vh;border-top:1px solid var(--color-border);padding:0 10px}@media screen and (min-width: 750px){.RestaurantPage_Meals_Container_Item{padding:0 20px}}.RestaurantPage_Meals_Container_Item_Details{display:flex;gap:.8vh;align-items:center;font-size:15px;font-weight:700;height:100%;max-width:30%}@media screen and (min-width: 750px){.RestaurantPage_Meals_Container_Item_Details{gap:3vh}}.RestaurantPage_Meals_Container_Item_Details img{max-width:100%;max-height:100%;padding:1vh 0;border-radius:10px}.RestaurantPage_Meals_Container_Item_Calories{font-size:13px;font-weight:700;color:var(--color-purple)}
.RestaurantPartner h3{font-style:normal;font-weight:700;font-size:17px;line-height:30px;display:flex;align-items:center}.RestaurantPartner_ActionButton{margin:10vh 0;display:flex;justify-content:center}
.Restaurants{min-height:calc(100vh - 420px);width:100%;padding:var(--container-padding-v-mobile) var(--container-padding-h) var(--container-padding-v)}@media screen and (max-width: 1180px){.Restaurants{padding:var(--container-padding-v-mobile) var(--container-padding-h-mobile)}}.Restaurants_container{margin-top:20px}@media screen and (min-width: 750px){.Restaurants_container{background-color:var(--color-white);padding:30px 40px;border-radius:10px;border:1px solid var(--color-border)}}.Restaurants_offPadding{padding:0}.Restaurants_header h3{font-style:normal;font-weight:bold;font-size:20px;line-height:30px;display:flex;align-items:center;margin-top:10px;margin-bottom:10px}.Restaurants_searchSection{display:flex;justify-content:space-between;gap:3vh;align-items:center}@media screen and (max-width: 660px){.Restaurants_searchSection{gap:1vh;flex-direction:column}}.Restaurants_searchSection_searchBox{width:100%}.Restaurants_searchSection_searchBox_wrapper{display:flex;width:100%;gap:3vh;align-items:center}.Restaurants_searchSection_mapIcon{cursor:pointer;color:var(--color-primary-orange);font-size:25px;transform:translateY(50%)}@media screen and (max-width: 660px){.Restaurants_searchSection_mapIcon{min-width:3vh}}
.QrBarCodeScanner{display:flex;flex-direction:column;gap:2vh;margin:2vh}
.RestaurantMeals_header{display:flex;justify-content:space-between;align-items:center}.RestaurantMeals_invite{display:flex;flex-direction:column;margin-top:1vh;gap:2vh}.RestaurantMeals_logo{width:16vh;border-radius:10px}.RestaurantMeals_section{display:flex;gap:3vw;margin:1.5vw}.RestaurantMeals_info{display:flex;flex-direction:column}.RestaurantMeals_info_name{font-weight:500}.RestaurantMeals_group{margin-top:20px;padding-bottom:20px}.RestaurantMeals_text{font-style:normal;font-weight:bold;font-size:15px;line-height:170%;color:#353541;margin:15px}.RestaurantMeals_meal{display:flex;flex-direction:row;border:2px solid #eceef4;flex:1 1}.RestaurantMeals_meal_selected{border:2px solid #bb6bd9;box-sizing:border-box}.RestaurantMeals_row{display:flex;margin-top:20px}.RestaurantMeals_action-button{margin-left:auto;margin-right:auto;margin-top:30px}.RestaurantMeals_dropdown{margin:1vh 0}.RestaurantMeals_MealsContainer{width:100%;background-color:var(--color-background-light);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:20px 0}.RestaurantMeals_MealsContainer_Item{display:flex;align-items:center;justify-content:space-between;height:15vh;border-top:1px solid var(--color-border);padding:0 10px;cursor:pointer}@media screen and (min-width: 750px){.RestaurantMeals_MealsContainer_Item{padding:0 20px}}.RestaurantMeals_MealsContainer_Item_Left{display:flex;gap:.8vh;align-items:center;font-size:15px;font-weight:700;height:100%;max-width:30%}@media screen and (min-width: 750px){.RestaurantMeals_MealsContainer_Item_Left{gap:3vh}}.RestaurantMeals_MealsContainer_Item_Left img{max-width:100%;max-height:100%;padding:1vh 0;border-radius:10px}.RestaurantMeals_MealsContainer_Item_Right{font-size:13px;font-weight:700;color:var(--color-purple);display:flex;align-items:center;gap:1vh}@media screen and (max-width: 750px){.RestaurantMeals_MealsContainer_Item_Right{flex-direction:column}}.RestaurantMeals_MealsContainer_Item_Right_selectedIcon{width:32px;height:32px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;margin:6px}.RestaurantMeals_MealsContainer_Item_Right_selectedIcon_selected{background:#6bd196}
.RestaurantsList{gap:3vh;display:flex;flex-direction:column}.RestaurantsList h3{font-style:normal;font-weight:600;font-size:15px;line-height:30px;display:flex;align-items:center}.RestaurantsList_Container{display:flex;flex-direction:column;gap:3vh}.RestaurantsList_Restaurant{cursor:pointer;border:1px solid var(--color-border);border-radius:10px;display:flex;background-color:#fbfbff}@media screen and (max-width: 750px){.RestaurantsList_Restaurant{background-color:var(--color-white)}}.RestaurantsList_Restaurant_BasicInfo{display:flex;width:50%}@media screen and (max-width: 750px){.RestaurantsList_Restaurant_BasicInfo{width:100%}}.RestaurantsList_Restaurant_BasicInfo_Logo{margin:2vh 0 2vh 2vh;width:19vh;align-self:center;border-radius:10px}@media screen and (max-width: 750px){.RestaurantsList_Restaurant_BasicInfo_Logo{width:13vh}}.RestaurantsList_Restaurant_BasicInfo_Info{display:flex;flex-direction:column;margin:2vh}.RestaurantsList_Restaurant_BasicInfo h3{font-style:normal;font-weight:700;font-size:17px;line-height:30px;display:flex;align-items:center}.RestaurantsList_Restaurant_Description{display:flex;flex-direction:column;width:50%;margin:2vh}@media screen and (max-width: 750px){.RestaurantsList_Restaurant_Description{display:none}}.RestaurantsList_Restaurant_Description h3{font-style:normal;font-weight:700;font-size:17px;line-height:30px;display:flex;align-items:center}
.SideBar{position:fixed;padding-top:10px;display:flex;flex-direction:column;align-items:flex-end;border-left:1px solid var(--color-border);background:var(--color-background-controls);z-index:10;height:100%;width:250px;right:0;top:0}.SideBar__close-icon{margin-left:auto;margin-top:20px;margin-right:20px;cursor:pointer}.SideBar ul{list-style-type:none;font-weight:500;color:var(--color-grey);text-align:right;margin:0 0 25px 0;width:100%}.SideBar ul li{padding:10px 25px;cursor:pointer}.SideBar ul li:hover{color:var(--color-primary-orange)}.SideBar__action-buttons{margin-right:25px}.SideBar__action-buttons>*{margin-bottom:10px}
.top-nav-mobile{top:0;left:0;width:100%;position:-webkit-sticky;position:sticky;min-height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);background:var(--color-white);z-index:9;padding:8px var(--container-padding-h-mobile) 5px var(--container-padding-h-mobile)}.top-nav{top:0;left:0;width:100%;position:-webkit-sticky;position:sticky;max-height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);background:var(--color-white);z-index:9;font-weight:500;font-size:13px;text-align:center;color:var(--color-grey);box-sizing:border-box;padding:8px var(--container-padding-h) 5px var(--container-padding-h)}.top-nav__logo{cursor:pointer;margin-right:80px}.top-nav__left{display:flex;justify-content:space-between;align-items:center}.top-nav__right{display:flex;justify-content:space-between;align-items:center}.top-nav__left .top-nav__href{margin-right:50px;cursor:pointer}.top-nav__right .top-nav__href{margin-left:25px;cursor:pointer}.top-nav__home{cursor:pointer}@media screen and (min-width: 1181px){.top-nav{display:flex !important}}
.TopNavUserMenu{position:relative;min-width:175px}.TopNavUserMenu__trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.TopNavUserMenu__trigger img{width:30px;height:30px}.TopNavUserMenu__trigger-user{display:flex;align-items:center;gap:10px}.TopNavUserMenu__options{background:var(--color-white);border:1px solid var(--color-border);border-radius:5px;margin:0;padding:0;list-style-type:none;position:absolute;width:100%;text-align:left;top:calc(100% + 5px)}.TopNavUserMenu__options li{padding:10px 15px;margin:0;cursor:pointer;display:flex;align-items:center;gap:5px}.TopNavUserMenu__options li:hover{background:var(--color-background-dark)}
.UserSettings{padding:var(--container-padding-v-mobile) var(--container-padding-h-mobile)}@media screen and (min-width: 1181px){.UserSettings__main{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;row-gap:30px}}.UserSettings__title{font-weight:700;font-size:26px;line-height:39px;color:var(--color-grey-dark)}@media screen and (min-width: 1181px){.UserSettings__panel-left{width:calc(50% - 15px);display:flex;flex-direction:column;gap:30px}}@media screen and (min-width: 1181px){.UserSettings__panel-right{position:-webkit-sticky;position:sticky;width:calc(50% - 15px);display:flex;flex-direction:column;gap:30px}}.UserSettings__section{padding-bottom:30px;margin-top:20px;border-bottom:1px solid var(--color-border)}@media screen and (min-width: 1181px){.UserSettings__section{margin-top:0;border:1px solid var(--color-border);padding:20px 20px 30px 20px;border-radius:10px;background:var(--color-white)}}.UserSettings__section-title{font-weight:700;font-size:20px;line-height:160.5%;letter-spacing:.01em;color:var(--color-grey-dark)}.UserSettings__section-item{font-size:13px;line-height:170%;margin-top:20px;color:var(--color-grey-dark)}.UserSettings__section-item-title{font-weight:600;font-size:13px;line-height:169%;color:var(--color-grey-dark);display:flex;align-items:center}.UserSettings__section-item-content{font-size:13px;margin-top:5px;align-items:center}.UserSettings__section-item-content--payment{display:flex;gap:10px}.UserSettings__section-item-content--order{display:flex;justify-content:space-between}.UserSettings__button{font-weight:700;font-size:13px;line-height:19px;text-align:right;margin-left:20px;background:none;border:none;color:var(--color-purple)}.UserSettings__row{margin-top:20px;display:flex;gap:4px}.UserSettings__row-item--l{width:75%}.UserSettings__row-item--m{width:50%}.UserSettings__row-item--s{width:25%}.UserSettings__order-title--active{font-weight:700}.UserSettings__order-title--active span{font-weight:400}.UserSettings__order-price{font-weight:700}.UserSettings__action-button{width:-webkit-max-content;width:max-content;margin-left:auto;margin-right:auto;margin-top:30px}@media screen and (min-width: 1181px){.UserSettings{padding:30px var(--container-padding-h) var(--container-padding-v)}}