@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";.ma-1 {
    margin: 4px
}

.mx-1 {
    margin-right: 4px;
    margin-left: 4px
}

.my-1 {
    margin-top: 4px;
    margin-bottom: 4px
}

.mr-1 {
    margin-right: 4px
}

.ml-1 {
    margin-left: 4px
}

.mt-1 {
    margin-top: 4px
}

.mb-1 {
    margin-bottom: 4px
}

.pa-1 {
    padding: 4px
}

.px-1 {
    padding-right: 4px;
    padding-left: 4px
}

.py-1 {
    padding-top: 4px;
    padding-bottom: 4px
}

.pr-1 {
    padding-right: 4px
}

.pl-1 {
    padding-left: 4px
}

.pt-1 {
    padding-top: 4px
}

.pb-1 {
    padding-bottom: 4px
}

.ma-2 {
    margin: 8px
}

.mx-2 {
    margin-right: 8px;
    margin-left: 8px
}

.my-2 {
    margin-top: 8px;
    margin-bottom: 8px
}

.mr-2 {
    margin-right: 8px
}

.ml-2 {
    margin-left: 8px
}

.mt-2 {
    margin-top: 8px
}

.mb-2 {
    margin-bottom: 8px
}

.pa-2 {
    padding: 8px
}

.px-2 {
    padding-right: 8px;
    padding-left: 8px
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.pr-2 {
    padding-right: 8px
}

.pl-2 {
    padding-left: 8px
}

.pt-2 {
    padding-top: 8px
}

.pb-2 {
    padding-bottom: 8px
}

.ma-3 {
    margin: 12px
}

.mx-3 {
    margin-right: 12px;
    margin-left: 12px
}

.my-3 {
    margin-top: 12px;
    margin-bottom: 12px
}

.mr-3 {
    margin-right: 12px
}

.ml-3 {
    margin-left: 12px
}

.mt-3 {
    margin-top: 12px
}

.mb-3 {
    margin-bottom: 12px
}

.pa-3 {
    padding: 12px
}

.px-3 {
    padding-right: 12px;
    padding-left: 12px
}

.py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

.pr-3 {
    padding-right: 12px
}

.pl-3 {
    padding-left: 12px
}

.pt-3 {
    padding-top: 12px
}

.pb-3 {
    padding-bottom: 12px
}

.ma-4 {
    margin: 16px
}

.mx-4 {
    margin-right: 16px;
    margin-left: 16px
}

.my-4 {
    margin-top: 16px;
    margin-bottom: 16px
}

.mr-4 {
    margin-right: 16px
}

.ml-4 {
    margin-left: 16px
}

.mt-4 {
    margin-top: 16px
}

.mb-4 {
    margin-bottom: 16px
}

.pa-4 {
    padding: 16px
}

.px-4 {
    padding-right: 16px;
    padding-left: 16px
}

.py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}

.pr-4 {
    padding-right: 16px
}

.pl-4 {
    padding-left: 16px
}

.pt-4 {
    padding-top: 16px
}

.pb-4 {
    padding-bottom: 16px
}

.ma-5 {
    margin: 20px
}

.mx-5 {
    margin-right: 20px;
    margin-left: 20px
}

.my-5 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mr-5 {
    margin-right: 20px
}

.ml-5 {
    margin-left: 20px
}

.mt-5 {
    margin-top: 20px
}

.mb-5 {
    margin-bottom: 20px
}

.pa-5 {
    padding: 20px
}

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

.py-5 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pr-5 {
    padding-right: 20px
}

.pl-5 {
    padding-left: 20px
}

.pt-5 {
    padding-top: 20px
}

.pb-5 {
    padding-bottom: 20px
}

.ma-6 {
    margin: 24px
}

.mx-6 {
    margin-right: 24px;
    margin-left: 24px
}

.my-6 {
    margin-top: 24px;
    margin-bottom: 24px
}

.mr-6 {
    margin-right: 24px
}

.ml-6 {
    margin-left: 24px
}

.mt-6 {
    margin-top: 24px
}

.mb-6 {
    margin-bottom: 24px
}

.pa-6 {
    padding: 24px
}

.px-6 {
    padding-right: 24px;
    padding-left: 24px
}

.py-6 {
    padding-top: 24px;
    padding-bottom: 24px
}

.pr-6 {
    padding-right: 24px
}

.pl-6 {
    padding-left: 24px
}

.pt-6 {
    padding-top: 24px
}

.pb-6 {
    padding-bottom: 24px
}

.ma-7 {
    margin: 28px
}

.mx-7 {
    margin-right: 28px;
    margin-left: 28px
}

.my-7 {
    margin-top: 28px;
    margin-bottom: 28px
}

.mr-7 {
    margin-right: 28px
}

.ml-7 {
    margin-left: 28px
}

.mt-7 {
    margin-top: 28px
}

.mb-7 {
    margin-bottom: 28px
}

.pa-7 {
    padding: 28px
}

.px-7 {
    padding-right: 28px;
    padding-left: 28px
}

.py-7 {
    padding-top: 28px;
    padding-bottom: 28px
}

.pr-7 {
    padding-right: 28px
}

.pl-7 {
    padding-left: 28px
}

.pt-7 {
    padding-top: 28px
}

.pb-7 {
    padding-bottom: 28px
}

.ma-8 {
    margin: 32px
}

.mx-8 {
    margin-right: 32px;
    margin-left: 32px
}

.my-8 {
    margin-top: 32px;
    margin-bottom: 32px
}

.mr-8 {
    margin-right: 32px
}

.ml-8 {
    margin-left: 32px
}

.mt-8 {
    margin-top: 32px
}

.mb-8 {
    margin-bottom: 32px
}

.pa-8 {
    padding: 32px
}

.px-8 {
    padding-right: 32px;
    padding-left: 32px
}

.py-8 {
    padding-top: 32px;
    padding-bottom: 32px
}

.pr-8 {
    padding-right: 32px
}

.pl-8 {
    padding-left: 32px
}

.pt-8 {
    padding-top: 32px
}

.pb-8 {
    padding-bottom: 32px
}

.ma-9 {
    margin: 36px
}

.mx-9 {
    margin-right: 36px;
    margin-left: 36px
}

.my-9 {
    margin-top: 36px;
    margin-bottom: 36px
}

.mr-9 {
    margin-right: 36px
}

.ml-9 {
    margin-left: 36px
}

.mt-9 {
    margin-top: 36px
}

.mb-9 {
    margin-bottom: 36px
}

.pa-9 {
    padding: 36px
}

.px-9 {
    padding-right: 36px;
    padding-left: 36px
}

.py-9 {
    padding-top: 36px;
    padding-bottom: 36px
}

.pr-9 {
    padding-right: 36px
}

.pl-9 {
    padding-left: 36px
}

.pt-9 {
    padding-top: 36px
}

.pb-9 {
    padding-bottom: 36px
}

.ma-10 {
    margin: 40px
}

.mx-10 {
    margin-right: 40px;
    margin-left: 40px
}

.my-10 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mr-10 {
    margin-right: 40px
}

.ml-10 {
    margin-left: 40px
}

.mt-10 {
    margin-top: 40px
}

.mb-10 {
    margin-bottom: 40px
}

.pa-10 {
    padding: 40px
}

.px-10 {
    padding-right: 40px;
    padding-left: 40px
}

.py-10 {
    padding-top: 40px;
    padding-bottom: 40px
}

.pr-10 {
    padding-right: 40px
}

.pl-10 {
    padding-left: 40px
}

.pt-10 {
    padding-top: 40px
}

.pb-10 {
    padding-bottom: 40px
}

.ma-11 {
    margin: 44px
}

.mx-11 {
    margin-right: 44px;
    margin-left: 44px
}

.my-11 {
    margin-top: 44px;
    margin-bottom: 44px
}

.mr-11 {
    margin-right: 44px
}

.ml-11 {
    margin-left: 44px
}

.mt-11 {
    margin-top: 44px
}

.mb-11 {
    margin-bottom: 44px
}

.pa-11 {
    padding: 44px
}

.px-11 {
    padding-right: 44px;
    padding-left: 44px
}

.py-11 {
    padding-top: 44px;
    padding-bottom: 44px
}

.pr-11 {
    padding-right: 44px
}

.pl-11 {
    padding-left: 44px
}

.pt-11 {
    padding-top: 44px
}

.pb-11 {
    padding-bottom: 44px
}

.ma-12 {
    margin: 48px
}

.mx-12 {
    margin-right: 48px;
    margin-left: 48px
}

.my-12 {
    margin-top: 48px;
    margin-bottom: 48px
}

.mr-12 {
    margin-right: 48px
}

.ml-12 {
    margin-left: 48px
}

.mt-12 {
    margin-top: 48px
}

.mb-12 {
    margin-bottom: 48px
}

.pa-12 {
    padding: 48px
}

.px-12 {
    padding-right: 48px;
    padding-left: 48px
}

.py-12 {
    padding-top: 48px;
    padding-bottom: 48px
}

.pr-12 {
    padding-right: 48px
}

.pl-12 {
    padding-left: 48px
}

.pt-12 {
    padding-top: 48px
}

.pb-12 {
    padding-bottom: 48px
}

.ma-13 {
    margin: 52px
}

.mx-13 {
    margin-right: 52px;
    margin-left: 52px
}

.my-13 {
    margin-top: 52px;
    margin-bottom: 52px
}

.mr-13 {
    margin-right: 52px
}

.ml-13 {
    margin-left: 52px
}

.mt-13 {
    margin-top: 52px
}

.mb-13 {
    margin-bottom: 52px
}

.pa-13 {
    padding: 52px
}

.px-13 {
    padding-right: 52px;
    padding-left: 52px
}

.py-13 {
    padding-top: 52px;
    padding-bottom: 52px
}

.pr-13 {
    padding-right: 52px
}

.pl-13 {
    padding-left: 52px
}

.pt-13 {
    padding-top: 52px
}

.pb-13 {
    padding-bottom: 52px
}

.ma-14 {
    margin: 56px
}

.mx-14 {
    margin-right: 56px;
    margin-left: 56px
}

.my-14 {
    margin-top: 56px;
    margin-bottom: 56px
}

.mr-14 {
    margin-right: 56px
}

.ml-14 {
    margin-left: 56px
}

.mt-14 {
    margin-top: 56px
}

.mb-14 {
    margin-bottom: 56px
}

.pa-14 {
    padding: 56px
}

.px-14 {
    padding-right: 56px;
    padding-left: 56px
}

.py-14 {
    padding-top: 56px;
    padding-bottom: 56px
}

.pr-14 {
    padding-right: 56px
}

.pl-14 {
    padding-left: 56px
}

.pt-14 {
    padding-top: 56px
}

.pb-14 {
    padding-bottom: 56px
}

.ma-15 {
    margin: 60px
}

.mx-15 {
    margin-right: 60px;
    margin-left: 60px
}

.my-15 {
    margin-top: 60px;
    margin-bottom: 60px
}

.mr-15 {
    margin-right: 60px
}

.ml-15 {
    margin-left: 60px
}

.mt-15 {
    margin-top: 60px
}

.mb-15 {
    margin-bottom: 60px
}

.pa-15 {
    padding: 60px
}

.px-15 {
    padding-right: 60px;
    padding-left: 60px
}

.py-15 {
    padding-top: 60px;
    padding-bottom: 60px
}

.pr-15 {
    padding-right: 60px
}

.pl-15 {
    padding-left: 60px
}

.pt-15 {
    padding-top: 60px
}

.pb-15 {
    padding-bottom: 60px
}

.ma-16 {
    margin: 64px
}

.mx-16 {
    margin-right: 64px;
    margin-left: 64px
}

.my-16 {
    margin-top: 64px;
    margin-bottom: 64px
}

.mr-16 {
    margin-right: 64px
}

.ml-16 {
    margin-left: 64px
}

.mt-16 {
    margin-top: 64px
}

.mb-16 {
    margin-bottom: 64px
}

.pa-16 {
    padding: 64px
}

.px-16 {
    padding-right: 64px;
    padding-left: 64px
}

.py-16 {
    padding-top: 64px;
    padding-bottom: 64px
}

.pr-16 {
    padding-right: 64px
}

.pl-16 {
    padding-left: 64px
}

.pt-16 {
    padding-top: 64px
}

.pb-16 {
    padding-bottom: 64px
}

.ma-17 {
    margin: 68px
}

.mx-17 {
    margin-right: 68px;
    margin-left: 68px
}

.my-17 {
    margin-top: 68px;
    margin-bottom: 68px
}

.mr-17 {
    margin-right: 68px
}

.ml-17 {
    margin-left: 68px
}

.mt-17 {
    margin-top: 68px
}

.mb-17 {
    margin-bottom: 68px
}

.pa-17 {
    padding: 68px
}

.px-17 {
    padding-right: 68px;
    padding-left: 68px
}

.py-17 {
    padding-top: 68px;
    padding-bottom: 68px
}

.pr-17 {
    padding-right: 68px
}

.pl-17 {
    padding-left: 68px
}

.pt-17 {
    padding-top: 68px
}

.pb-17 {
    padding-bottom: 68px
}

.ma-18 {
    margin: 72px
}

.mx-18 {
    margin-right: 72px;
    margin-left: 72px
}

.my-18 {
    margin-top: 72px;
    margin-bottom: 72px
}

.mr-18 {
    margin-right: 72px
}

.ml-18 {
    margin-left: 72px
}

.mt-18 {
    margin-top: 72px
}

.mb-18 {
    margin-bottom: 72px
}

.pa-18 {
    padding: 72px
}

.px-18 {
    padding-right: 72px;
    padding-left: 72px
}

.py-18 {
    padding-top: 72px;
    padding-bottom: 72px
}

.pr-18 {
    padding-right: 72px
}

.pl-18 {
    padding-left: 72px
}

.pt-18 {
    padding-top: 72px
}

.pb-18 {
    padding-bottom: 72px
}

.ma-19 {
    margin: 76px
}

.mx-19 {
    margin-right: 76px;
    margin-left: 76px
}

.my-19 {
    margin-top: 76px;
    margin-bottom: 76px
}

.mr-19 {
    margin-right: 76px
}

.ml-19 {
    margin-left: 76px
}

.mt-19 {
    margin-top: 76px
}

.mb-19 {
    margin-bottom: 76px
}

.pa-19 {
    padding: 76px
}

.px-19 {
    padding-right: 76px;
    padding-left: 76px
}

.py-19 {
    padding-top: 76px;
    padding-bottom: 76px
}

.pr-19 {
    padding-right: 76px
}

.pl-19 {
    padding-left: 76px
}

.pt-19 {
    padding-top: 76px
}

.pb-19 {
    padding-bottom: 76px
}

.ma-20 {
    margin: 80px
}

.mx-20 {
    margin-right: 80px;
    margin-left: 80px
}

.my-20 {
    margin-top: 80px;
    margin-bottom: 80px
}

.mr-20 {
    margin-right: 80px
}

.ml-20 {
    margin-left: 80px
}

.mt-20 {
    margin-top: 80px
}

.mb-20 {
    margin-bottom: 80px
}

.pa-20 {
    padding: 80px
}

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

.py-20 {
    padding-top: 80px;
    padding-bottom: 80px
}

.pr-20 {
    padding-right: 80px
}

.pl-20 {
    padding-left: 80px
}

.pt-20 {
    padding-top: 80px
}

.pb-20 {
    padding-bottom: 80px
}

.ma-21 {
    margin: 84px
}

.mx-21 {
    margin-right: 84px;
    margin-left: 84px
}

.my-21 {
    margin-top: 84px;
    margin-bottom: 84px
}

.mr-21 {
    margin-right: 84px
}

.ml-21 {
    margin-left: 84px
}

.mt-21 {
    margin-top: 84px
}

.mb-21 {
    margin-bottom: 84px
}

.pa-21 {
    padding: 84px
}

.px-21 {
    padding-right: 84px;
    padding-left: 84px
}

.py-21 {
    padding-top: 84px;
    padding-bottom: 84px
}

.pr-21 {
    padding-right: 84px
}

.pl-21 {
    padding-left: 84px
}

.pt-21 {
    padding-top: 84px
}

.pb-21 {
    padding-bottom: 84px
}

.ma-22 {
    margin: 88px
}

.mx-22 {
    margin-right: 88px;
    margin-left: 88px
}

.my-22 {
    margin-top: 88px;
    margin-bottom: 88px
}

.mr-22 {
    margin-right: 88px
}

.ml-22 {
    margin-left: 88px
}

.mt-22 {
    margin-top: 88px
}

.mb-22 {
    margin-bottom: 88px
}

.pa-22 {
    padding: 88px
}

.px-22 {
    padding-right: 88px;
    padding-left: 88px
}

.py-22 {
    padding-top: 88px;
    padding-bottom: 88px
}

.pr-22 {
    padding-right: 88px
}

.pl-22 {
    padding-left: 88px
}

.pt-22 {
    padding-top: 88px
}

.pb-22 {
    padding-bottom: 88px
}

.ma-23 {
    margin: 92px
}

.mx-23 {
    margin-right: 92px;
    margin-left: 92px
}

.my-23 {
    margin-top: 92px;
    margin-bottom: 92px
}

.mr-23 {
    margin-right: 92px
}

.ml-23 {
    margin-left: 92px
}

.mt-23 {
    margin-top: 92px
}

.mb-23 {
    margin-bottom: 92px
}

.pa-23 {
    padding: 92px
}

.px-23 {
    padding-right: 92px;
    padding-left: 92px
}

.py-23 {
    padding-top: 92px;
    padding-bottom: 92px
}

.pr-23 {
    padding-right: 92px
}

.pl-23 {
    padding-left: 92px
}

.pt-23 {
    padding-top: 92px
}

.pb-23 {
    padding-bottom: 92px
}

.ma-24 {
    margin: 96px
}

.mx-24 {
    margin-right: 96px;
    margin-left: 96px
}

.my-24 {
    margin-top: 96px;
    margin-bottom: 96px
}

.mr-24 {
    margin-right: 96px
}

.ml-24 {
    margin-left: 96px
}

.mt-24 {
    margin-top: 96px
}

.mb-24 {
    margin-bottom: 96px
}

.pa-24 {
    padding: 96px
}

.px-24 {
    padding-right: 96px;
    padding-left: 96px
}

.py-24 {
    padding-top: 96px;
    padding-bottom: 96px
}

.pr-24 {
    padding-right: 96px
}

.pl-24 {
    padding-left: 96px
}

.pt-24 {
    padding-top: 96px
}

.pb-24 {
    padding-bottom: 96px
}

.ma-25 {
    margin: 100px
}

.mx-25 {
    margin-right: 100px;
    margin-left: 100px
}

.my-25 {
    margin-top: 100px;
    margin-bottom: 100px
}

.mr-25 {
    margin-right: 100px
}

.ml-25 {
    margin-left: 100px
}

.mt-25 {
    margin-top: 100px
}

.mb-25 {
    margin-bottom: 100px
}

.pa-25 {
    padding: 100px
}

.px-25 {
    padding-right: 100px;
    padding-left: 100px
}

.py-25 {
    padding-top: 100px;
    padding-bottom: 100px
}

.pr-25 {
    padding-right: 100px
}

.pl-25 {
    padding-left: 100px
}

.pt-25 {
    padding-top: 100px
}

.pb-25 {
    padding-bottom: 100px
}

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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: normal
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collap: collap;
    border-spacing: 0
}

input {
    outline: 0
}

html,body,main {
    height: 100%
}

button {
    border: none
}

section {
    max-width: 768px;
    margin: 0 auto
}

section.home {
    max-width: 1080px
}

#app {
    height: 100%
}

.splash-screen[data-v-2ee89638] {
    height: 100vh;
    width: 100vw;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    z-index: 10001;
    top: 0;
    bottom: 0
}

@media screen and (max-width: 425px) {
    .splash-screen[data-v-2ee89638] {
        background-size:140%
    }
}

.v-enter-active[data-v-2ee89638],.v-leave-active[data-v-2ee89638] {
    transition: opacity .5s ease
}

.v-enter-from[data-v-2ee89638],.v-leave-to[data-v-2ee89638] {
    opacity: 0
}

.icon-container[data-v-655ddde2] {
    display: flex;
    justify-content: center
}

.icon-container.-align[data-v-655ddde2] {
    align-items: center
}

.nav-bar[data-v-a751d7f1] {
    position: fixed;
    bottom: 0;
    height: 60px;
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 -15px 45px #0a0a0a1a
}

.nav-bar>.content[data-v-a751d7f1] {
    max-width: 1080px;
    padding: 0 16px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nav-bar>.content>.item[data-v-a751d7f1] {
    position: relative;
    width: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-top: 2px solid #ffffff;
    cursor: pointer
}

.nav-bar>.content>.item.-active[data-v-a751d7f1] {
    border-top: 2px solid var(--border-color)
}

.nav-bar>.content>.item.-active>.title[data-v-a751d7f1] {
    color: var(--text-color)
}

.nav-bar>.content>.item>.title[data-v-a751d7f1] {
    color: gray;
    font-size: 10px;
    font-weight: 500
}

.nav-bar>.content>.item>.signal-notif[data-v-a751d7f1] {
    min-width: 17.5px;
    height: 17.5px;
    position: absolute;
    display: flex;
    font-weight: 600;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: 4px;
    right: 8px;
    background-color: var(--soft-color);
    color: var(--text-color)
}

.spacer[data-v-a751d7f1] {
    padding-top: 60px
}

.loader-backdrop[data-v-709a6dc1] {
    position: fixed;
    top: 0;
    z-index: 1002;
    background-color: #000000b3;
    height: 100%;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center
}

.loader-backdrop>.wrapper[data-v-709a6dc1] {
    width: 90vw;
    height: max-content;
    background-color: #fff;
    padding: 25px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    max-width: 400px
}

.loader-backdrop>.wrapper>.loader[data-v-709a6dc1] {
    width: 90px;
    height: 90px;
    display: inline-block;
    position: relative
}

.loader-backdrop>.wrapper>.loader[data-v-709a6dc1]:after,.loader-backdrop>.wrapper>.loader[data-v-709a6dc1]:before {
    content: "";
    box-sizing: border-box;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 5px solid var(--border-color);
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    animation: animloader-709a6dc1 1.2s linear infinite
}

.loader-backdrop>.wrapper>.loader[data-v-709a6dc1]:after {
    animation-delay: .6s
}

@keyframes animloader-709a6dc1 {
    0% {
        transform: scale(0);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

.loader-backdrop>.wrapper>.text[data-v-709a6dc1] {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #333;
    width: 100%
}

.v-enter-active[data-v-709a6dc1],.v-leave-active[data-v-709a6dc1] {
    transition: opacity .2s ease
}

.v-enter-from[data-v-709a6dc1],.v-leave-to[data-v-709a6dc1] {
    opacity: 0
}

.toast-wrapper[data-v-3106af9d] {
    position: fixed;
    z-index: 1002;
    width: 100%;
    bottom: 64px;
    padding: 8px;
    display: flex;
    justify-content: center
}

.toast-wrapper.-bottom[data-v-3106af9d] {
    bottom: 16px
}

.toast[data-v-3106af9d] {
    border-radius: 4px;
    position: relative;
    width: 100%;
    max-width: 400px;
    height: 70px;
    display: flex;
    padding: 16px;
    color: #fff
}

.toast.-success[data-v-3106af9d] {
    background-color: #2b9d53
}

.toast.-warning[data-v-3106af9d] {
    background-color: #dfa735
}

.toast.-danger[data-v-3106af9d] {
    background-color: #c13840
}

.toast.-dark[data-v-3106af9d] {
    background-color: #2b2b2b
}

.toast.-info[data-v-3106af9d] {
    background-color: #0098fc
}

.toast>.container[data-v-3106af9d] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px
}

.toast>.container>.content[data-v-3106af9d] {
    display: flex;
    align-items: center
}

.toast>.container>.content>.icon[data-v-3106af9d] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    background-color: #3336;
    border-radius: 50%;
    margin-right: 10px
}

.toast>.container>.content>.icon.-dark[data-v-3106af9d] {
    background-color: #5a5a5a
}

.toast>.container>.content>.message[data-v-3106af9d] {
    font-size: 13px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.toast>.container>.close[data-v-3106af9d] {
    opacity: .6;
    cursor: pointer
}

.toast .duration[data-v-3106af9d] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    background-color: #fff;
    opacity: 50%;
    width: 100%
}

.toast .duration-animation[data-v-3106af9d] {
    animation: 3.5s duration-3106af9d ease-in-out
}

@keyframes duration-3106af9d {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

.fade-enter-active[data-v-3106af9d],.fade-leave-active[data-v-3106af9d] {
    transition: all .2s ease
}

.fade-enter-from[data-v-3106af9d],.fade-leave-to[data-v-3106af9d] {
    opacity: 0
}

.contingency[data-v-36420a54] {
    background-color: #fff;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9998
}

.text[data-v-36420a54] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center
}

.text>h4[data-v-36420a54] {
    font-size: 16px;
    font-weight: 600;
    color: #5a5a5a
}

.text>p[data-v-36420a54] {
    font-size: 12px;
    color: #595959
}

.online-payment-loader[data-v-92543264] {
    background-color: #fff;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
    padding-bottom: 16px
}

.online-payment-loader>.header[data-v-92543264] {
    width: 100%;
    height: 50px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E1E1E1
}

.online-payment-loader>.header>.text[data-v-92543264] {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .8px
}

.online-payment-loader>.content>.loader-wrapper[data-v-92543264] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto
}

.online-payment-loader>.content>.loader-wrapper>.icon[data-v-92543264] {
    position: absolute;
    padding-left: 1px;
    padding-top: 4px
}

.online-payment-loader>.content>.loader-wrapper>.loader[data-v-92543264] {
    width: 90px;
    height: 90px;
    display: inline-block;
    position: relative
}

.online-payment-loader>.content>.loader-wrapper>.loader[data-v-92543264]:after,.online-payment-loader>.content>.loader-wrapper>.loader[data-v-92543264]:before {
    content: "";
    box-sizing: border-box;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 5px solid var(--border-color);
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    animation: animloader-92543264 1.2s linear infinite
}

.online-payment-loader>.content>.loader-wrapper>.loader[data-v-92543264]:after {
    animation-delay: .6s
}

.online-payment-loader>.content>.message[data-v-92543264] {
    color: #2b2b2b;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    padding-top: 16px
}

.online-payment-loader>.footer[data-v-92543264] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    padding: 16px;
    margin: 0 16px;
    border-top: 1px solid #E1E1E1
}

.online-payment-loader>.footer>img[data-v-92543264] {
    width: 70px
}

.online-payment-loader>.footer>.text[data-v-92543264] {
    text-align: center;
    color: #5a5a5a;
    font-size: 12px;
    line-height: normal
}

@keyframes animloader-92543264 {
    0% {
        transform: scale(.1);
        opacity: 0
    }

    33% {
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

.bg-fade-enter-active[data-v-92543264],.bg-fade-leave-active[data-v-92543264] {
    transition: opacity .1s
}

.bg-fade-enter[data-v-92543264],.bg-fade-leave-to[data-v-92543264] {
    opacity: 0
}

.search[data-v-b29619bd] {
    position: relative
}

.search>.input[data-v-b29619bd] {
    width: 100%;
    height: 30px;
    padding: 0 40px;
    border: none;
    border-radius: 8px
}

.icon[data-v-b29619bd] {
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0
}

.icon.-search[data-v-b29619bd] {
    left: 10px
}

.icon.-close[data-v-b29619bd] {
    cursor: pointer;
    width: 32px;
    right: 0
}

.modal-backdrop[data-v-6c9d1d46] {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 16px 16px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.modal-backdrop.-show[data-v-6c9d1d46] {
    opacity: 1;
    visibility: visible
}

.modal[data-v-6c9d1d46] {
    background: #FFF;
    box-shadow: 5px 5px 15px #0003;
    width: 100%;
    height: max-content;
    max-height: 95%;
    border-radius: 8px;
    position: relative;
    transition: all .2s;
    max-width: 400px
}

.content[data-v-6c9d1d46] {
    min-height: 50px;
    max-height: 95vh;
    overflow-y: auto
}

.unavailability-modal[data-v-8b1b0ab3] {
    padding: 16px
}

.unavailability-modal>.img-container[data-v-8b1b0ab3] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 8px
}

.unavailability-modal>.img-container>img[data-v-8b1b0ab3] {
    width: 175px
}

.unavailability-modal>h3[data-v-8b1b0ab3] {
    text-align: center;
    font-size: 24px;
    padding-bottom: 16px
}

.unavailability-modal>.info>.time[data-v-8b1b0ab3] {
    font-size: 14px
}

.unavailability-modal>.info>.title[data-v-8b1b0ab3] {
    font-size: 15px;
    font-weight: 600;
    padding-top: 8px
}

.unavailability-modal>.info>.description[data-v-8b1b0ab3] {
    font-size: 14px;
    font-weight: 500
}

.header[data-v-ae9d654a] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    background-color: var(--bg-color)
}

.header.-scrolling[data-v-ae9d654a] {
    background-color: #fff
}

.header>.content[data-v-ae9d654a] {
    max-width: 1080px;
    width: 100%;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header>.content>.profile[data-v-ae9d654a] {
    display: flex;
    align-items: center;
    gap: 8px
}

.header>.content>.profile>.image[data-v-ae9d654a] {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 50%;
    background-size: cover;
    background-position: center
}

.header>.content>.profile>.image.-closed[data-v-ae9d654a] {
    filter: grayscale(1)
}

.header>.content>.profile>.name[data-v-ae9d654a] {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    color: var(--contrast-color)
}

.header>.content>.profile>.name.-scrolling[data-v-ae9d654a] {
    color: #5a5a5a;
    font-size: 18px
}

.header>.content>.buttons[data-v-ae9d654a] {
    display: flex;
    align-items: center;
    gap: 10px
}

.header>.content>.buttons>.btn[data-v-ae9d654a] {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--soft-color);
    cursor: pointer
}

.header>.content>.buttons>.btn.-scrolling[data-v-ae9d654a] {
    background-color: #ebebeb
}

.header>.content>.buttons>.btn>.share[data-v-ae9d654a] {
    padding-right: 2px
}

.header>.content>.search-container[data-v-ae9d654a] {
    width: 100%
}

.establishment-info[data-v-ae9d654a] {
    padding: 72px 16px 16px
}

.establishment-info.-has-badge[data-v-ae9d654a] {
    padding-bottom: 12px
}

.establishment-info.-hidden[data-v-ae9d654a] {
    display: none
}

.establishment-info>.info-container[data-v-ae9d654a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.establishment-info>.info-container>.info[data-v-ae9d654a] {
    display: flex;
    align-items: center;
    gap: 8px
}

.establishment-info>.info-container>.info>.text[data-v-ae9d654a] {
    font-size: 10px;
    font-weight: 500;
    line-height: 8px;
    color: #2b2b2b
}

.establishment-info>.info-container>.info>.dot[data-v-ae9d654a] {
    background-color: #9d9d9d;
    width: 3px;
    height: 3px;
    border-radius: 50%
}

.establishment-info>.info-container>.link-btn[data-v-ae9d654a] {
    font-size: 10px;
    font-weight: 600;
    line-height: 8px;
    color: var(--text-color);
    cursor: pointer
}

.establishment-info>.closing-badge-container[data-v-ae9d654a] {
    padding-top: 12px
}

.establishment-info>.closing-badge-container>.closing-badge[data-v-ae9d654a] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: #ffebe7;
    padding: 4px 0
}

.establishment-info>.closing-badge-container>.closing-badge>p[data-v-ae9d654a] {
    color: #d85133;
    font-size: 10px;
    font-weight: 600
}

.establishment-info>.closing-badge-container>.closing-badge.-danger[data-v-ae9d654a] {
    background-color: #ffebe7
}

.establishment-info>.closing-badge-container>.closing-badge.-danger>p[data-v-ae9d654a] {
    color: #d85133
}

.establishment-info>.closing-badge-container>.closing-badge.-warning[data-v-ae9d654a] {
    background-color: #ffeecd
}

.establishment-info>.closing-badge-container>.closing-badge.-warning>p[data-v-ae9d654a] {
    color: #ff7d31
}

.spacer[data-v-ae9d654a] {
    padding-bottom: 50px
}

.swiper[data-v-ba8a8e16] {
    width: 100%;
    display: flex;
    list-style: none;
    height: 30px;
    overflow-x: auto;
    padding: 0 8px
}

.swiper[data-v-ba8a8e16]::-webkit-scrollbar {
    display: none
}

.swiper>.item[data-v-ba8a8e16] {
    position: relative;
    margin: 0 8px;
    height: 30px;
    display: flex;
    gap: 4px;
    align-items: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.swiper>.item.-active[data-v-ba8a8e16] {
    border-bottom: 2px solid var(--border-color)
}

.swiper>.item>.promo[data-v-ba8a8e16] {
    border-radius: 50%;
    background-color: var(--soft-color)
}

.swiper>.item>.notif[data-v-ba8a8e16] {
    position: absolute;
    left: -8px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f15c3b
}

.swiper>.item>.name[data-v-ba8a8e16] {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #2b2b2b
}

.swiper>.item>.name.-active[data-v-ba8a8e16] {
    color: var(--text-color);
    font-weight: 700
}

.select[data-v-ba8a8e16] {
    border-radius: 0 8px 8px 0;
    position: relative
}

.select>.active[data-v-ba8a8e16] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    cursor: pointer
}

.select>.active>span[data-v-ba8a8e16] {
    color: #333;
    font-size: 13px;
    font-weight: 700
}

.select>.options[data-v-ba8a8e16] {
    position: absolute;
    max-height: 300px;
    background-color: #fff;
    box-shadow: 4px 4px 16px #0000000d;
    z-index: 9;
    overflow: auto;
    width: 100%
}

.select>.options>.item[data-v-ba8a8e16] {
    padding: 16px;
    display: flex;
    gap: 4px;
    align-items: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    border-bottom: 1px solid #EBEBEB;
    transition: .2s all;
    cursor: pointer
}

.select>.options>.item:hover>.name[data-v-ba8a8e16] {
    font-weight: 500
}

.select>.options>.item>.name[data-v-ba8a8e16] {
    color: #333;
    font-size: 13px
}

.select>.options>.item>.name.-active[data-v-ba8a8e16] {
    font-weight: 700
}

.fade-enter-active[data-v-ba8a8e16],.fade-leave-active[data-v-ba8a8e16] {
    transition: all .2s ease
}

.fade-enter-from[data-v-ba8a8e16],.fade-leave-to[data-v-ba8a8e16] {
    opacity: 0
}

.badge[data-v-6ed490c4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 700;
    line-height: normal;
    font-size: 10px
}

.item-card[data-v-f289a800] {
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer
}

.item-card.-out[data-v-f289a800] {
    cursor: unset
}

.item-card>.text-info[data-v-f289a800] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.item-card>.text-info>.title[data-v-f289a800] {
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    white-space: pre-line;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.item-card>.text-info>.description[data-v-f289a800] {
    color: #595959;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    white-space: pre-line;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.item-card>.text-info>.description.-has-classifications[data-v-f289a800] {
    -webkit-line-clamp: 1
}

.item-card>.text-info>.food-classifications[data-v-f289a800] {
    display: flex;
    align-items: center;
    gap: 5px
}

.item-card>.text-info>.food-classifications>.icon[data-v-f289a800] {
    border-radius: 50%;
    background-color: #f5f5f5
}

.item-card>.text-info>.price[data-v-f289a800] {
    font-weight: 700;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #5a5a5a
}

.item-card>.text-info>.price.-out[data-v-f289a800] {
    color: #9d9d9d
}

.item-card>.text-info>.price>.minimal-price[data-v-f289a800] {
    font-size: 12px
}

.item-card>.text-info>.price>.price-base[data-v-f289a800] {
    font-size: 12px;
    text-decoration-line: line-through;
    font-weight: 400
}

.item-card>.text-info>.price>.price-value[data-v-f289a800] {
    font-size: 14px
}

.item-card>.text-info>.price>.price-value.-promotion[data-v-f289a800] {
    color: var(--text-color)
}

.item-card>.text-info>.price>.pizza-redemption-description[data-v-f289a800] {
    color: #606060;
    font-size: 12px;
    font-weight: 500
}

.item-card .image-container[data-v-f289a800] {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 4px
}

.item-card .image-container>picture[data-v-f289a800] {
    width: inherit;
    height: inherit;
    display: block;
    border-radius: 4px
}

.item-card .image-container>picture>.image[data-v-f289a800] {
    width: inherit;
    height: inherit;
    flex-shrink: 0;
    border-radius: 4px;
    object-fit: cover
}

.item-card .image-container>picture>.image.-out[data-v-f289a800] {
    filter: grayscale(1)
}

.item-card .image-container .no-img[data-v-f289a800] {
    width: inherit;
    height: 90px;
    flex-shrink: 0;
    border-radius: 4px;
    object-fit: cover
}

.item-card .image-container>.tag[data-v-f289a800] {
    position: absolute;
    width: 100%;
    bottom: -1px
}

.item-card .cashback-badge[data-v-f289a800] {
    border-radius: 4px;
    margin-top: 4px;
    background-color: #d9ffe6;
    width: 100%;
    text-align: center
}

.item-card .cashback-badge>span[data-v-f289a800] {
    font-size: 12px;
    color: #2b2b2b;
    font-weight: 600;
    line-height: normal
}

.category-container[data-v-053d62af] {
    padding: 16px 16px 24px
}

@media screen and (max-width: 1080px) {
    .category-container.-searching[data-v-053d62af] {
        padding:0 16px
    }

    .category-container.-searching .item-container[data-v-053d62af] {
        border-bottom: none;
        border-top: 2px solid #EBEBEB
    }
}

.title-container[data-v-053d62af] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-bottom: 8px
}

.title-container>.title[data-v-053d62af] {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 16px
}

.title-container>.title.-promo[data-v-053d62af] {
    color: var(--text-color)
}

.title-container>.promo-badge[data-v-053d62af] {
    border-radius: 4px;
    background-color: var(--soft-color)
}

.title-container>.promo-badge span[data-v-053d62af] {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--text-color)
}

.subcategories[data-v-053d62af] {
    color: #333;
    font-size: 14px;
    font-weight: 500
}

.items.-desktop[data-v-053d62af] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.item-container[data-v-053d62af] {
    border-bottom: 2px solid #EBEBEB
}

.item-container[data-v-053d62af]:first-child {
    border-top: 2px solid #EBEBEB
}

.item-container.-desktop[data-v-053d62af] {
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 0 8px;
    transition: all .2s
}

.item-container.-desktop[data-v-053d62af]:hover {
    box-shadow: 0 1px 4px #0003
}

.item-container.-searching[data-v-053d62af] {
    border: none
}

.empty-state[data-v-e2941ad0] {
    height: 75vh;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.empty-state>.svg[data-v-e2941ad0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.empty-state>.text[data-v-e2941ad0] {
    text-align: center;
    padding-top: 8px
}

.empty-state>.text>.primary[data-v-e2941ad0] {
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

.empty-state>.text>.secondary[data-v-e2941ad0] {
    color: #595959;
    font-size: 12px;
    line-height: 16px
}

.highlight-items-category[data-v-d31663e9] {
    margin: 0 auto;
    max-width: 1200px;
    padding: 8px 0 16px
}

.title[data-v-d31663e9] {
    color: #333;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    padding: 8px 0 4px 16px
}

.items[data-v-d31663e9] {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto
}

@media screen and (max-width: 768px) {
    .items[data-v-d31663e9]::-webkit-scrollbar {
        display:none
    }
}

.items>.item[data-v-d31663e9] {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-left: 10px;
    max-width: min-content;
    cursor: pointer
}

.items>.item[data-v-d31663e9]:first-child {
    margin-left: 16px
}

.items>.item[data-v-d31663e9]:last-child {
    margin-right: 16px
}

.items>.item>.name[data-v-d31663e9] {
    white-space: pre-line;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.items>.item>picture>img[data-v-d31663e9],.items>.item>picture source[data-v-d31663e9] {
    width: 140px;
    height: 140px;
    border-radius: 4px;
    object-fit: cover
}

.items>.item .no-img[data-v-d31663e9] {
    width: 140px;
    height: 140px;
    border-radius: 4px;
    object-fit: cover
}

.items>.item>.prices[data-v-d31663e9] {
    display: flex;
    align-items: center;
    color: #5a5a5a
}

.items>.item>.prices>.old[data-v-d31663e9] {
    text-decoration: line-through;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding-right: 8px
}

.items>.item>.prices>.pizza[data-v-d31663e9] {
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    padding-right: 4px;
    color: var(--text-color)
}

.items>.item>.prices>.current[data-v-d31663e9] {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.items>.item>.prices>.current.-promotion[data-v-d31663e9] {
    color: var(--text-color)
}

.box[data-v-0e49c2e6] {
    max-height: 40vw;
    position: relative;
    height: 40vw;
    width: 100%;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: #0003 0 3px 1px -2px,#00000024 0 2px 2px,#0000001f 0 1px 5px;
    cursor: pointer
}

@media screen and (min-width: 400px) {
    .box[data-v-0e49c2e6] {
        height:200px
    }
}

.box.-img[data-v-0e49c2e6] {
    padding: 0
}

.box.-img>.image[data-v-0e49c2e6] {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.box.-img>.image img[data-v-0e49c2e6],.box.-img>.image source[data-v-0e49c2e6] {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.box>.title[data-v-0e49c2e6] {
    color: #f5f5f5;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 100%;
    font-size: 18px;
    text-align: center
}

.box>.title.-img[data-v-0e49c2e6] {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,.6);
    padding: 5px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: unset
}

.box>.ribbon[data-v-0e49c2e6] {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right
}

.box>.ribbon span[data-v-0e49c2e6] {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 21px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#F70505 0%,#8F0808 100%);
    box-shadow: 0 3px 10px -5px #000;
    position: absolute;
    top: 19px;
    right: -21px
}

.box>.ribbon span[data-v-0e49c2e6]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #8F0808;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808
}

.box>.ribbon span[data-v-0e49c2e6]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #8F0808;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808
}

.categories-grid[data-v-fb784f80] {
    margin: 0 auto;
    max-width: 500px;
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 6px;
    place-items: center;
    padding: 4px 16px 16px
}

.images[data-v-b3a70721] {
    min-width: 92px;
    height: 92px;
    overflow: hidden;
    border-radius: 4px
}

.images .grid[data-v-b3a70721] {
    display: flex;
    gap: 1px
}

.images .grid.-two>.image[data-v-b3a70721] {
    width: 46px
}

.images .grid.-two>.image>img[data-v-b3a70721] {
    width: 46px
}

.images .grid.-three>.image[data-v-b3a70721] {
    width: 46px
}

.images .grid.-three>.image>img[data-v-b3a70721] {
    width: 46px
}

.images .grid.separate[data-v-b3a70721] {
    flex-direction: column
}

.images .grid.separate>.image[data-v-b3a70721] {
    width: 46px;
    height: 46px
}

.images .grid.separate>.image>img[data-v-b3a70721] {
    width: 46px;
    height: 46px
}

.images img[data-v-b3a70721] {
    object-fit: cover;
    width: 92px;
    height: 92px
}

.content[data-v-47f60a1d] {
    display: flex;
    gap: 8px;
    max-width: min-content;
    cursor: pointer
}

.content>.info[data-v-47f60a1d] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 154px
}

.content>.info>.items>.amount-and-name[data-v-47f60a1d] {
    display: flex;
    align-items: center;
    gap: 4px
}

.content>.info>.items>.amount-and-name>.amount[data-v-47f60a1d] {
    display: flex;
    width: 15px;
    min-width: 15px;
    height: 15px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background-color: #ebebeb;
    font-size: 13px;
    font-weight: 500;
    color: #5a5a5a
}

.content>.info>.items>.amount-and-name>.name[data-v-47f60a1d] {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content>.info>.items>.hidden-items[data-v-47f60a1d] {
    color: #5a5a5a;
    font-weight: 500;
    font-size: 13px
}

.content>.info>.btn[data-v-47f60a1d] {
    font-size: 11px;
    font-weight: 700;
    line-height: normal;
    color: var(--text-color)
}

.title[data-v-d17ecd70] {
    color: #333;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    padding: 8px 0 4px 16px
}

.boxes[data-v-d17ecd70] {
    align-items: center;
    display: flex;
    gap: 8px;
    overflow-y: hidden;
    overflow-x: auto
}

@media screen and (max-width: 768px) {
    .boxes[data-v-d17ecd70]::-webkit-scrollbar {
        display:none
    }
}

.boxes>.box[data-v-d17ecd70]:first-child {
    margin-left: 16px
}

.boxes>.box[data-v-d17ecd70]:last-child {
    margin-right: 16px
}

.cashback-banner-wrapper[data-v-fdc4531b] {
    padding-top: 8px
}

.cashback-banner-wrapper.-grid[data-v-fdc4531b] {
    padding-top: 0
}

.cashback-banner[data-v-fdc4531b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background-color: #d3eeff;
    border-radius: 4px;
    cursor: pointer
}

.cashback-banner>.info[data-v-fdc4531b] {
    display: flex;
    align-items: center;
    gap: 16px
}

.cashback-banner>.info>.text[data-v-fdc4531b] {
    display: flex;
    flex-direction: column
}

.cashback-banner>.info>.text>span[data-v-fdc4531b] {
    color: #0067ac;
    font-size: 12px;
    font-weight: 500
}

.cashback-banner>.info>.text>span.value[data-v-fdc4531b] {
    font-size: 14px;
    font-weight: 700
}

.first-order-coupon-banner-wrapper[data-v-d0d5a596] {
    padding-top: 8px;
    display: flex;
    align-items: center;
    position: relative
}

.first-order-coupon-banner-wrapper.-grid[data-v-d0d5a596] {
    padding-top: 0
}

.circle[data-v-d0d5a596] {
    width: 24px;
    height: 24px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff
}

.circle.-left[data-v-d0d5a596] {
    left: -15px
}

.circle.-right[data-v-d0d5a596] {
    right: -15px
}

.first-order-coupon-banner[data-v-d0d5a596] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 4px 0;
    background-color: #d3eeff;
    border-radius: 4px;
    width: 100%;
    cursor: pointer
}

.first-order-coupon-banner>.title[data-v-d0d5a596] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 16px;
    color: #004878;
    font-size: 11px;
    font-weight: 700;
    line-height: normal;
    border-right: 2px dashed #99D7FF
}

.first-order-coupon-banner>.text-and-btn[data-v-d0d5a596] {
    padding: 0 8px
}

.first-order-coupon-banner>.text-and-btn>.text[data-v-d0d5a596] {
    color: #004878;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 4px
}

.first-order-coupon-banner>.text-and-btn>.fake-btn[data-v-d0d5a596] {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a95f3;
    font-size: 11px;
    font-weight: 700;
    width: 85px;
    height: 23px;
    border-radius: 4px
}

.free-delivery-banner-wrapper[data-v-e71230b8] {
    padding-top: 8px
}

.free-delivery-banner-wrapper.-grid[data-v-e71230b8] {
    padding-top: 0
}

.free-delivery-banner[data-v-e71230b8] {
    background-color: #d3eeff;
    border-radius: 4px;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    position: relative;
    cursor: pointer
}

.free-delivery-banner>.img[data-v-e71230b8] {
    width: 64px
}

.free-delivery-banner>.text[data-v-e71230b8] {
    color: #004878
}

.free-delivery-banner>.text>h3[data-v-e71230b8] {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.free-delivery-banner>.text>p[data-v-e71230b8] {
    font-size: 12px
}

.free-delivery-banner>.text>.btn[data-v-e71230b8] {
    height: 23px;
    background-color: #fff;
    color: #0098fc;
    display: flex;
    max-width: fit-content;
    padding: 0 20px;
    margin-top: 5px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 700
}

.checkable[data-v-22d2a370] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.checkable>.box[data-v-22d2a370] {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #9D9D9D
}

.checkable>.box.-checked[data-v-22d2a370] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-color);
    border: none
}

.checkable>.circle[data-v-22d2a370] {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #9D9D9D
}

.checkable>.circle.-checked[data-v-22d2a370] {
    border: 6px solid var(--bg-color)
}

.header[data-v-ab1f68a2] {
    text-align: center;
    padding: 16px
}

.header>h3[data-v-ab1f68a2] {
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 8px
}

.header>p[data-v-ab1f68a2] {
    color: #5a5a5a;
    font-size: 13px;
    font-weight: 500
}

.options>.option[data-v-ab1f68a2] {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #EBEBEB
}

.options>.option>.info[data-v-ab1f68a2] {
    display: flex;
    align-items: center;
    gap: 8px
}

.options>.option>.info>.icon[data-v-ab1f68a2] {
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0098fc;
    border-radius: 8px
}

.options>.option>.info>.text[data-v-ab1f68a2] {
    display: flex;
    flex-direction: column
}

.options>.option>.info>.text>.name[data-v-ab1f68a2] {
    font-size: 14px;
    font-weight: 700
}

.options>.option>.info>.text>.description[data-v-ab1f68a2] {
    font-size: 14px;
    font-weight: 500
}

.coupon-status-wrapper[data-v-f3d31738] {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 16px
}

.coupon-status[data-v-f3d31738] {
    border-radius: 8px;
    background-color: #ebebeb;
    overflow: hidden;
    margin: 0 auto;
    max-width: 400px
}

.coupon-status>.content[data-v-f3d31738] {
    padding: 4px 8px 0
}

.coupon-status>.content>.title[data-v-f3d31738] {
    font-weight: 600;
    font-size: 12px
}

.coupon-status>.content>.title>.label[data-v-f3d31738] {
    color: #606060
}

.coupon-status>.content>.title>.coupon-tag[data-v-f3d31738] {
    color: var(--text-color)
}

.coupon-status>.content>.description[data-v-f3d31738] {
    color: #333;
    font-size: 13px
}

.coupon-status>.progress-bar-container[data-v-f3d31738] {
    padding-top: 4px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.coupon-status>.progress-bar-container .progress-bar[data-v-f3d31738] {
    transition: all .3s ease-in-out;
    height: 4px
}

.coupon-status>.progress-bar-container .progress-bar.-content[data-v-f3d31738] {
    background-color: var(--border-color)
}

.coupon-status>.progress-bar-container .progress-bar.-content.-completed[data-v-f3d31738] {
    background-color: #2b9d53
}

.coupon-status>.progress-bar-container .progress-bar.-no-content[data-v-f3d31738] {
    background-color: #c1c1c1
}

.highest-discount-coupon-banner-wrapper[data-v-ff9eb253] {
    padding-top: 8px;
    display: flex;
    align-items: center;
    position: relative
}

.highest-discount-coupon-banner-wrapper.-grid[data-v-ff9eb253] {
    padding-top: 0
}

.circle[data-v-ff9eb253] {
    width: 24px;
    height: 24px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff
}

.circle.-left[data-v-ff9eb253] {
    left: -15px
}

.circle.-right[data-v-ff9eb253] {
    right: -15px
}

.highest-discount-coupon-banner[data-v-ff9eb253] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 4px 0;
    background-color: #d3eeff;
    border-radius: 4px;
    width: 100%;
    cursor: pointer
}

.highest-discount-coupon-banner>.text-container[data-v-ff9eb253] {
    color: #004878;
    font-size: 12px
}

.highest-discount-coupon-banner>.text-container .fake-btn[data-v-ff9eb253] {
    padding: 4px;
    border-radius: 5px;
    background-color: #fff;
    color: #0098fc;
    font-size: 11px;
    font-weight: 700;
    width: max-content;
    margin-top: 5px;
    text-align: center
}

.highest-discount-coupon-banner>.text-container.-coupon[data-v-ff9eb253] {
    text-align: center;
    border-right: 2px dashed #99D7FF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 8px 0 16px
}

.highest-discount-coupon-banner>.text-container.-tag[data-v-ff9eb253] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px 0 8px
}

.highest-discount-coupon-banner>.text-container.-tag>.fake-btn[data-v-ff9eb253] {
    width: 100%
}

.v-enter-active[data-v-ff9eb253],.v-leave-active[data-v-ff9eb253] {
    transition: opacity .5s ease
}

.v-enter-from[data-v-ff9eb253],.v-leave-to[data-v-ff9eb253] {
    opacity: 0
}

.tab-container[data-v-e4fc1fdd] {
    position: sticky;
    top: 56px;
    width: 100%;
    background-color: #f3f3f3;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    z-index: 1
}

.promotion-banners[data-v-e4fc1fdd] {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px
}

.promotion-banners.-grid[data-v-e4fc1fdd] {
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.categories-container[data-v-e4fc1fdd] {
    transition: all .2s ease;
    -webkit-transition: all .2s ease
}

.skeleton[data-v-539df2f1] {
    position: relative;
    background-color: #cbd5dc;
    overflow: hidden;
    box-shadow: 0 4px 12px #0000001c
}

.skeleton[data-v-539df2f1]:after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(-100%);
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
    animation: loading-539df2f1 1.5s infinite
}

@keyframes loading-539df2f1 {
    to {
        transform: translate(100%)
    }
}

.categories>.category[data-v-7a9e587b] {
    padding: 16px 16px 24px
}

.categories>.category>.title[data-v-7a9e587b] {
    padding-bottom: 8px
}

.categories>.category>.items>.item[data-v-7a9e587b] {
    padding: 2px 0
}

.category-grid[data-v-7a9e587b] {
    margin: 0 auto;
    max-width: 400px;
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 6px;
    place-items: center;
    padding: 4px 16px 16px
}

.category-grid>.category[data-v-7a9e587b] {
    max-height: 40vw;
    height: 40vw;
    width: 100%
}

.primary[data-v-bfebffc1] {
    border: none;
    outline: none;
    border-radius: 4px;
    font-weight: 700;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-color);
    color: var(--text-color)
}

.primary.-data[data-v-bfebffc1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.primary.-round[data-v-bfebffc1] {
    border-radius: 50%
}

.primary.-disabled[data-v-bfebffc1] {
    cursor: not-allowed
}

.primary[data-v-bfebffc1]:hover:not(.-disabled) {
    background-color: var(--bg-color-hover)
}

.primary[data-v-bfebffc1]:active:not(.-disabled) {
    background-color: var(--bg-color-active)
}

.outline[data-v-bfebffc1],.flat[data-v-bfebffc1] {
    border: none;
    outline: none;
    border-radius: 4px;
    font-weight: 700;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background-color: transparent;
    color: var(--text-color)
}

.outline.-data[data-v-bfebffc1],.flat.-data[data-v-bfebffc1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.outline.-round[data-v-bfebffc1],.flat.-round[data-v-bfebffc1] {
    border-radius: 50%
}

.outline.-disabled[data-v-bfebffc1],.flat.-disabled[data-v-bfebffc1] {
    cursor: not-allowed
}

.outline[data-v-bfebffc1]:hover:not(.-disabled),.flat[data-v-bfebffc1]:hover:not(.-disabled) {
    color: var(--text-color-hover)
}

.outline[data-v-bfebffc1]:active:not(.-disabled),.flat[data-v-bfebffc1]:active:not(.-disabled) {
    color: var(--text-color-active)
}

.outline[data-v-bfebffc1] {
    border: 2px solid var(--border-color)
}

.outline[data-v-bfebffc1]:hover:not(.-disabled) {
    border-color: var(--border-color-hover)
}

.outline[data-v-bfebffc1]:active:not(.-disabled) {
    border-color: var(--border-color-active)
}

.icon[data-v-bfebffc1]:not(.-only-icon) {
    display: flex;
    align-items: center;
    gap: 8px
}

.xs[data-v-bfebffc1] {
    min-width: 20px;
    padding: 0 5px;
    min-height: 20px;
    width: 100%;
    font-size: 11px
}

.sm[data-v-bfebffc1] {
    min-width: 30px;
    padding: 0 8px;
    min-height: 30px;
    width: 100%;
    font-size: 12px
}

.md[data-v-bfebffc1] {
    min-width: 40px;
    padding: 0 10px;
    min-height: 40px;
    width: 100%;
    font-size: 14px
}

.lg[data-v-bfebffc1] {
    min-width: 50px;
    padding: 0 10px;
    min-height: 50px;
    width: 100%;
    font-size: 16px
}

.xl[data-v-bfebffc1] {
    min-width: 70px;
    padding: 0 20px;
    width: 100%;
    min-height: 60px;
    font-size: 18px
}

.btndata[data-v-bfebffc1] {
    font-weight: 800;
    font-size: 14px;
    line-height: 15px;
    text-align: right;
    padding-left: 10px;
    color: var(--text-color)
}

.free-delivery-feedback-modal[data-v-91204dfc] {
    padding: 16px 8px
}

.close-btn[data-v-91204dfc] {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.img-container[data-v-91204dfc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.img-container>.image[data-v-91204dfc] {
    width: 120px
}

.text[data-v-91204dfc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    padding-bottom: 8px
}

.text>span[data-v-91204dfc] {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500
}

.text>span.-bold[data-v-91204dfc] {
    font-size: 14px;
    font-weight: 600
}

.addresses-container[data-v-91204dfc] {
    padding: 8px 32px 16px
}

.addresses-container>.free-delivery-badge[data-v-91204dfc] {
    padding: 2px 4px;
    border-radius: 4px;
    background-color: #ffa800;
    color: #fff;
    font-weight: 500;
    text-align: center;
    width: fit-content;
    font-size: 12px
}

.addresses-container>.addresses[data-v-91204dfc] {
    text-align: left;
    color: #595959;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.page-footer[data-v-04735ae8] {
    text-align: center;
    padding: 0 0 24px;
    font-size: 13px;
    color: #9f9f9f
}

.call-waiter-btn-wrapper[data-v-1441188a] {
    position: fixed;
    bottom: 70px;
    right: 8px;
    z-index: 1000
}

.call-waiter-btn[data-v-1441188a] {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 12px;
    background-color: var(--bg-color);
    transition: .1s all;
    box-shadow: 2px 2px 4px #00000040
}

.call-waiter-btn.-called[data-v-1441188a] {
    background-color: #5a5a5a
}

.call-waiter-btn[data-v-1441188a]:not(.-called):active {
    background-color: var(--bg-color-active)
}

.call-waiter-btn>.text[data-v-1441188a] {
    color: var(--contrast-color);
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 700
}

.call-waiter-btn>.text.-called[data-v-1441188a] {
    color: #fff
}

.modal-content[data-v-1441188a] {
    padding: 16px
}

.modal-content>h3[data-v-1441188a] {
    padding: 0 16px 16px
}

.modal-content>.buttons[data-v-1441188a] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

footer[data-v-d14c81fb] {
    max-width: 768px;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 8px;
    border-top: 2px solid #EBEBEB;
    background-color: #fff
}

@media screen and (max-width: 768px) {
    footer[data-v-d14c81fb] {
        box-shadow:0 -15px 45px #0a0a0a1a
    }
}

.input-container[data-v-294e1113] {
    width: 100%;
    position: relative
}

.label[data-v-294e1113] {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    -webkit-user-select: none;
    user-select: none;
    color: #333;
    padding-bottom: 4px;
    display: inline-block
}

.label>.requiredText[data-v-294e1113] {
    font-size: 12px;
    color: #9d9d9d;
    font-weight: 500
}

.input[data-v-294e1113] {
    background: #ffffff;
    border: 1px solid #A7A7A7;
    border-radius: 4px;
    padding: 16px;
    width: 100%;
    font-size: 16px
}

.input.-number[data-v-294e1113] {
    text-align: center
}

.input[data-v-294e1113]::placeholder {
    font-weight: 400;
    line-height: 18px;
    color: #9d9d9d
}

.input[data-v-294e1113]:focus {
    border: 1px solid var(--border-color-active);
    box-shadow: 0 0 0 1px var(--border-color-active)
}

.input[data-v-294e1113]:active {
    border: 1px solid var(--border-color-active);
    box-shadow: 0 0 0 1px var(--border-color-active)
}

.input[data-v-294e1113]:disabled {
    background-color: #ededed
}

.icon-input[data-v-294e1113] {
    position: absolute;
    right: 13px;
    top: 50%;
    cursor: pointer
}

.icon-input.-left[data-v-294e1113] {
    left: 13px;
    top: 33%;
    right: inherit
}

.helper[data-v-294e1113] {
    position: absolute;
    margin-top: 3px;
    font-size: 12px;
    color: #9d9d9d
}

.error>.label[data-v-294e1113] {
    color: #f15c3b
}

.error>.input[data-v-294e1113] {
    border: 1px solid #F15C3B;
    box-shadow: 0 0 0 1px #f15c3b
}

.error>.helper[data-v-294e1113] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #f15c3b
}

.counter-container[data-v-fba1907f] {
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 16px;
    width: fit-content
}

.counter-container>.down-and-counter[data-v-fba1907f] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: fit-content;
    transition: all .2s
}

.counter-container>.down-and-counter>.counter[data-v-fba1907f] {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #333
}

.counter-container>.down-and-counter.-hidden[data-v-fba1907f] {
    opacity: 0
}

.counter-container.-outline[data-v-fba1907f] {
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 8px
}

.counter-container .button[data-v-fba1907f] {
    cursor: pointer;
    border: none;
    padding: 0;
    background-color: transparent
}

.counter-container .button[data-v-fba1907f]:disabled {
    opacity: 50%
}

.quantity-modal-content[data-v-fba1907f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px
}

.quantity-modal-content>.input[data-v-fba1907f] {
    width: 50%
}

.title[data-v-4d87ab5a] {
    padding-top: 20px;
    text-align: center;
    margin-bottom: 12px;
    font-size: 16px;
    color: #333
}

.content[data-v-4d87ab5a] {
    position: relative;
    letter-spacing: .05em
}

.classifications>.item[data-v-4d87ab5a] {
    padding: 10px 20px;
    border-bottom: 1px solid #D9D9D9
}

.classifications>.item>.info[data-v-4d87ab5a] {
    display: flex;
    gap: 10px
}

.classifications>.item>.info>.text[data-v-4d87ab5a] {
    color: #595959
}

.classifications>.item>.info>.text>h4[data-v-4d87ab5a] {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px
}

.classifications>.item>.info>.text>p[data-v-4d87ab5a] {
    font-size: 13px;
    line-height: 16px
}

.classifications>.item>p[data-v-4d87ab5a] {
    margin-top: 10px;
    font-size: 11px;
    line-height: 16px;
    color: gray
}

.footer[data-v-4d87ab5a] {
    background-color: #ebebeb;
    padding: 15px;
    border-radius: 0 0 8px 8px
}

.footer>p[data-v-4d87ab5a] {
    color: #595959;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 20px
}

.item-chooser[data-v-5d303534] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px
}

.item-chooser.-checkable[data-v-5d303534] {
    cursor: pointer
}

.item-chooser.-disable[data-v-5d303534] {
    opacity: .6;
    cursor: not-allowed
}

.item-chooser>.identity[data-v-5d303534] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.item-chooser>.identity>.image-container[data-v-5d303534] {
    height: 45px;
    min-width: 45px;
    width: 45px;
    border-radius: 8px;
    overflow: hidden;
}

.item-chooser>.identity>.image-container.-out[data-v-5d303534] {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.item-chooser>.identity>.image-container>.image[data-v-5d303534] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.item-chooser>.identity>.info[data-v-5d303534] {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    font-size: 13px;
    gap: 4px;
}

.item-chooser>.identity>.info>.name[data-v-5d303534] {
    color: #333
}

.item-chooser>.identity>.info>.price-container[data-v-5d303534] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #5a5a5a
}

.item-chooser>.identity>.info>.price-container.-out[data-v-5d303534] {
    color: #9d9d9d
}

.item-chooser>.identity>.info>.price-container>.price-base[data-v-5d303534] {
    font-size: 11px;
    font-weight: 400;
    text-decoration: line-through
}

.item-chooser>.identity>.info>.price-container>.price.-promotion[data-v-5d303534] {
    color: var(--text-color)
}

.item-chooser>.identity>.info>.description[data-v-5d303534] {
    font-weight: 400;
    color: #5a5a5a;
    font-size: 12px;
    line-height: normal;
    word-break: break-word
}

.item-chooser>.identity>.info>.food-classifications[data-v-5d303534] {
    display: flex;
    align-items: center;
    gap: 5px
}

.item-chooser>.identity>.info>.food-classifications>.icon[data-v-5d303534] {
    border-radius: 50%;
    background-color: #f5f5f5
}

.item-chooser>.identity>.info>.max[data-v-5d303534] {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #a7a7a7
}

.item-chooser>.counter-container[data-v-5d303534] {
    display: flex;
    align-items: center
}

.collap.-border[data-v-94d10239] {
    margin: 0 8px;
    border-radius: 4px;
    border: 3px solid var(--collap-bg)
}

.collap>.header[data-v-94d10239] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 60px;
    padding: 8px 16px;
    background-color: var(--collap-bg);
    color: var(--collap-text)
}

.collap>.header.-expandable[data-v-94d10239] {
    cursor: pointer
}

.collap>.header>.info[data-v-94d10239] {
    width: 100%
}

.collap>.header>.info>.title[data-v-94d10239] {
    font-weight: 700;
    font-size: 15px;
    line-height: normal
}

.collap>.header>.info>.title>.breadcrumb[data-v-94d10239] {
    font-weight: 400;
    font-size: 13px
}

.collap>.header>.info>.description-and-badge[data-v-94d10239] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.collap>.header>.info>.description-and-badge>.description[data-v-94d10239] {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px
}

.collap>.content[data-v-94d10239] {
    width: 100%
}

.collap>.content>.open[data-v-94d10239] {
    width: 100%;
    overflow: hidden;
    transition: all .3s
}

.collap>.content>.open.-hidden[data-v-94d10239] {
    overflow: hidden
}

.additional-item[data-v-95050b43]:not(:last-child) {
    border-bottom: 1px solid #D9D9D9
}

.quantity-modal-content[data-v-95050b43] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px
}

.quantity-modal-content>.input[data-v-95050b43] {
    width: 50%
}

.label[data-v-552aaa01] {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    -webkit-user-select: none;
    user-select: none;
    color: #333;
    padding-bottom: 4px;
    display: inline-block
}

.textarea[data-v-552aaa01] {
    border-radius: 4px;
    border: 1px solid #ffffff;
    background-color: #fff;
    width: 100%;
    padding: 7px 5px;
    border-color: #e1e1e1
}

.textarea[data-v-552aaa01]::placeholder {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #9d9d9d
}

.textarea[data-v-552aaa01]:focus {
    border: 1px solid var(--border-color-active);
    box-shadow: 0 0 0 1px var(--border-color-active);
    outline: none
}

.textarea[data-v-552aaa01]:active {
    border: 1px solid var(--border-color-active);
    box-shadow: 0 0 0 1px var(--border-color-active);
    outline: none
}

.header[data-v-eaa0fee7] {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 50px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: 2px solid #EBEBEB;
    max-width: 768px
}

.header>.replace-content[data-v-eaa0fee7] {
    width: 100%
}

.header>.content[data-v-eaa0fee7] {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%
}

.header>.content>.icon[data-v-eaa0fee7] {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer
}

.header>.content>.text[data-v-eaa0fee7] {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.spacer[data-v-eaa0fee7] {
    padding-bottom: 50px
}

.floating-btn[data-v-ab0b249a] {
    padding: 0 2px 0 0;
    background-color: #fff;
    box-shadow: 1px 1px 10px #333;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    z-index: 1
}

.floating-btn.-back[data-v-ab0b249a] {
    position: fixed;
    top: 21px;
    left: 13px
}

.floating-btn.-share[data-v-ab0b249a] {
    position: absolute;
    top: 21px;
    right: 13px
}

.header-btns[data-v-ab0b249a] {
    display: flex;
    align-items: center;
    gap: 8px
}

.header-btns>.btn[data-v-ab0b249a] {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebebeb;
    cursor: pointer
}

.profile>.image-container>.image[data-v-ab0b249a] {
    width: 100%;
    border-radius: 0 0 48px 48px
}

.profile>.image-container>.image.-smaller[data-v-ab0b249a] {
    width: unset
}

.profile>.text[data-v-ab0b249a] {
    padding: 16px 16px 8px;
    overflow: hidden
}

.profile>.text.-no-img[data-v-ab0b249a] {
    padding-top: 80px
}

.profile>.text>.name[data-v-ab0b249a] {
    font-size: 22px;
    word-break: break-word
}

.profile>.text>.price[data-v-ab0b249a] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    color: #5a5a5a
}

.profile>.text>.price.-out[data-v-ab0b249a] {
    color: #9d9d9d
}

.profile>.text>.price>.price-base[data-v-ab0b249a] {
    font-size: 16px;
    text-decoration: line-through;
    font-weight: 500
}

.profile>.text>.price>.price-value[data-v-ab0b249a] {
    font-size: 18px;
    font-weight: 600
}

.profile>.text>.price>.price-value.-promotion[data-v-ab0b249a] {
    color: var(--text-color)
}

.profile>.text>.description[data-v-ab0b249a] {
    font-size: 16px;
    color: #606060;
    margin-top: 10px;
    white-space: pre-line;
    word-break: break-word;
    overflow: hidden
}

@media screen and (min-width: 500px) {
    .profile[data-v-ab0b249a] {
        display:flex;
        align-items: center;
        gap: 16px;
        padding: 16px
    }

    .profile>.image-container>.image[data-v-ab0b249a] {
        width: 200px;
        height: 200px;
        border-radius: 24px
    }

    .profile>.text[data-v-ab0b249a] {
        padding: 0
    }
}

.food-classifications[data-v-ab0b249a] {
    margin: 8px 16px 0;
    padding: 8px 0;
    border-top: 2px solid #EBEBEB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px
}

.food-classifications>.container[data-v-ab0b249a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.food-classifications>.container>.item[data-v-ab0b249a] {
    display: flex;
    align-items: center;
    gap: 5px
}

.food-classifications>.container>.item>p[data-v-ab0b249a] {
    font-size: 12px;
    line-height: 16px;
    color: gray
}

.food-classifications>.info-icon[data-v-ab0b249a] {
    cursor: pointer
}

.cashback-badge-wrapper[data-v-ab0b249a] {
    padding: 8px 16px 16px
}

.cashback-badge-wrapper>.badge[data-v-ab0b249a] {
    padding: 8px 16px;
    border-radius: 4px;
    background-color: #d9ffe6;
    display: flex;
    align-items: center;
    gap: 16px
}

.cashback-badge-wrapper>.badge>.icon>img[data-v-ab0b249a] {
    width: 24px;
    height: 24px
}

.cashback-badge-wrapper>.badge>.text>p[data-v-ab0b249a] {
    color: #2b2b2b;
    font-size: 12px;
    font-weight: 500
}

.cashback-badge-wrapper>.badge>.text>p.-bold[data-v-ab0b249a] {
    font-weight: 600
}

.search-container[data-v-ab0b249a] {
    padding: 0 16px 8px
}

.observation-container>.label[data-v-ab0b249a] {
    background-color: #ebebeb;
    padding: 16px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    height: 60px;
    display: flex;
    align-items: center
}

.observation-container>.input[data-v-ab0b249a] {
    padding: 8px 16px
}

.footer-btns[data-v-ab0b249a] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 16px
}

.product-added-to-cart-modal[data-v-ab0b249a] {
    font-weight: 700
}

.product-added-to-cart-modal>.image-container[data-v-ab0b249a] {
    width: 100%;
    margin-top: 8px;
    display: flex;
    justify-content: center
}

.product-added-to-cart-modal>.title[data-v-ab0b249a] {
    text-align: center;
    line-height: normal;
    padding: 8px 16px;
    word-break: break-word
}

.product-added-to-cart-modal>.counter[data-v-ab0b249a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-top: 2px solid #EBEBEB;
    border-bottom: 2px solid #EBEBEB
}

.product-added-to-cart-modal>.counter>span[data-v-ab0b249a] {
    font-size: 13px
}

.product-added-to-cart-modal>.observation[data-v-ab0b249a] {
    padding: 8px 16px
}

.product-added-to-cart-modal>.buttons[data-v-ab0b249a] {
    padding: 0 8px 8px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.quantity-modal-content[data-v-ab0b249a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px
}

.quantity-modal-content>.input[data-v-ab0b249a] {
    width: 50%
}

.search-btn[data-v-84f00063] {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebebeb;
    cursor: pointer
}

@media screen and (max-width: 1080px) {
    .categories[data-v-84f00063] {
        margin-top:-18px
    }
}