:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0, 0%, 100%, 0.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    }
@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
        } to {
        transform: scaleX(0)
        }
    }
@keyframes Toastify__bounceInRight {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
        } 60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
        } 75% {
        transform: translate3d(10px, 0, 0)
        } 90% {
        transform: translate3d(-5px, 0, 0)
        } to {
        transform: none
        }
    }
@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
        } to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
        }
    }
@keyframes Toastify__bounceInLeft {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
        } 60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
        } 75% {
        transform: translate3d(-10px, 0, 0)
        } 90% {
        transform: translate3d(5px, 0, 0)
        } to {
        transform: none
        }
    }
@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
        } to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
        }
    }
@keyframes Toastify__bounceInUp {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        } 0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
        } 60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
        } 75% {
        transform: translate3d(0, 10px, 0)
        } 90% {
        transform: translate3d(0, -5px, 0)
        } to {
        transform: translateZ(0)
        }
    }
@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
        } 40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
        } to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
        }
    }
@keyframes Toastify__bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .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 Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
        } 40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
        } to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
        }
    }
@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
        } 50% {
        opacity: 1
        }
    }
@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
        } 50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
        } to {
        opacity: 0
        }
    }
@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
        } 40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
        } 60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
        } 80% {
        transform: perspective(400px) rotateX(-5deg)
        } to {
        transform: perspective(400px)
        }
    }
@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
        } 30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
        } to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
        }
    }
@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
        } to {
        transform: translateZ(0)
        }
    }
@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
        } to {
        transform: translateZ(0)
        }
    }
@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
        } to {
        transform: translateZ(0)
        }
    }
@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
        } to {
        transform: translateZ(0)
        }
    }
@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
        } to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0)
        }
    }
@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
        } to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0)
        }
    }
@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
        } to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
        }
    }
@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
        } to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
        }
    }
@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
        } to {
        transform: rotate(1turn)
        }
    }
:root {
    --swiper-theme-color: #007aff;
    }
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    }
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
        } to {
        transform: rotate(1turn)
        }
    }
:root {
    --swiper-navigation-size: 44px;
    }
@keyframes react-loading-skeleton {
    to {
        transform: translateX(100%)
        }
    }