:root{--app-height:100%;--topAdditionGap:0px;--white:#fff;--mainBg:#fff;--black:#000;--blackText:#141414;--blackText2:#262523;--blackText3:#262626;--grayBg:#f5f4f2;--grayBg2:#f9f9f9;--grayText:#969696;--grayText2:#d9d9d9;--grayLine:#262626;--orange:#f60;--orangeSecondary:#ff9a56;--orangeLight:#ffefe5;--yellow:#fede59;--yellowLight:#fff6ce;--yellowLightSecondary:#fff9df;--yellowDark:#ffce00;--textForMainButtons:#000;--blue:#50adca;--blueDark:#489ab4;--blueLight:#47c2e896;--red:#ec2525;--green:#49ba40;--greenLight:#e4f3d9;--greenDark:#089b43}body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;color:var(--blackText);font-family:Gilroy;font-size:16px;overflow-x:hidden;scroll-behavior:smooth}body.overflow-hidden{overflow:hidden}button{touch-action:manipulation}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=numbr]{-moz-appearance:textfield}.exact-active-link{cursor:default;pointer-events:none}[v-cloak],img[src=""]{display:none}.container{margin:0 auto;max-width:1680px;padding:0 20px;width:100%}.d-none{display:none!important}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:opacity .3s}.page-enter,.page-leave-to{opacity:0}.slide-top-enter-active,.slide-top-leave-active{transition:opacity .3s linear,transform .3s ease}.slide-top-enter-from,.slide-top-leave-to{opacity:0;transform:translateY(30px)}.slide-right-enter-active,.slide-right-leave-active{transition:opacity .3s linear,transform .3s ease}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(30px)}.cart-enter-active,.cart-leave-active{transition:opacity .3s linear,transform .3s ease}.cart-enter-from,.cart-leave-to{opacity:0;transform:translate(512px)}.mobile-menu-active{transition:opacity .3s linear,transform .3s ease}.mobile-menu-from,.mobile-menu-to{opacity:0;transform:translate(320px)}.subCategories{background:var(--grayBg2);border:2px solid var(--grayBg2);border-radius:14px;box-shadow:0 10px 10px 1px #0000000f;display:none;flex-direction:column;position:fixed;z-index:1000}.subCategories>span{border-radius:14px;cursor:pointer;font-size:15px;font-weight:400;padding:5px 22px;white-space:nowrap}.subCategories>span:hover{background-color:var(--white);border-color:transparent}.more-button{align-items:center;background:var(--grayBg2);border-radius:12px;color:var(--black);display:flex;font-family:Gilroy;font-size:20px;font-weight:500;height:100%;justify-content:center;position:absolute;right:0;z-index:5}@media (max-width:768px){.more-button{right:-20px}}.more-button:before{background:inherit;bottom:0;content:"";filter:blur(10px);height:45px;position:absolute;top:50%;transform:translate(-100%,-50%);width:20px;z-index:-1}.more-button>button{background:var(--grayBg2);border-radius:50%;height:30px;margin-left:5px;margin-right:5px;width:30px}.more-button.dark,.more-button.dark>button{background:var(--blackText)}.more-button.dark>button{color:var(--white)}.gift-button{border-radius:12px;cursor:pointer;height:46px}.back-button{transform:rotate(180deg)}.back-button.dark svg path{fill:var(--white)}.categories-page{align-items:baseline}.categories-header{align-items:center;width:100%}.tabs-wrap-page{min-height:48px}@media (max-width:768px){.tabs-wrap-header{height:48px}}.tabs-wrap-header .index-menu-categories__tabs{flex-wrap:nowrap;overflow-y:hidden}@media (min-width:768px){.tabs-wrap-header.padding-right{padding-right:25px}}.tabs-page{flex-wrap:nowrap}.index-menu-categories::-webkit-scrollbar,.index-menu-categories__tabs::-webkit-scrollbar{display:none}.index-menu-categories{display:flex;flex-direction:row;justify-content:space-between;position:relative;grid-gap:16px;align-items:center;z-index:10}@media (min-width:768px){.index-menu-categories{background:var(--grayBg2);border-radius:20px;flex-direction:row;margin-left:0;margin-right:0;padding:8px}}.index-menu-categories__tabs-wrap{margin-left:-20px;margin-right:-20px;overflow:hidden}@media (min-width:768px){.index-menu-categories__tabs-wrap{margin:0}}.index-menu-categories__tabs{align-items:center;display:flex;position:relative;width:100%;grid-gap:7px;overflow-x:auto;overflow-y:hidden;padding-bottom:20px;padding-right:25px}@media (min-width:768px){.index-menu-categories__tabs{flex-wrap:wrap;margin:0;overflow-y:visible;padding:0}}@media (max-width:768px){.index-menu-categories__tabs:first-child{padding-left:20px}}.index-menu-categories-tab{align-items:center;background:var(--grayBg2);border:2px solid var(--grayBg2);border-radius:14px;color:var(--black);display:flex;font-size:16px;font-weight:400;font-weight:500;height:48px;justify-content:center;line-height:18.4px;padding:12px 15px;transition:background-color .3s;white-space:nowrap}.index-menu-categories-tab-span{position:relative}@media (min-width:768px){.index-menu-categories-tab-span:hover>div.subCategories{display:flex}.index-menu-categories-tab{background:none;border-color:var(--grayBg2)}}.index-menu-categories-tab:hover{background-color:var(--white);border-color:transparent}.index-menu-categories-tab.active{background-color:var(--white);border-color:var(--yellow)}.index-menu-categories-dropdown{background:var(--white);border-radius:20px;box-shadow:0 0 50px #00000014;display:grid;left:0;padding:12px 20px;position:absolute;top:100%;width:260px;z-index:100}.index-menu-categories-dropdown__item{color:var(--black);cursor:pointer;font-size:14px;font-weight:400;font-weight:600;line-height:16.1px;overflow:hidden;padding:8px 0;text-overflow:ellipsis;white-space:nowrap}.index-menu-categories.dark{background:var(--blackText)!important}@media (max-width:768px){.index-menu-categories.dark{background:var(--mainBg)!important}}.index-menu-categories.dark .index-menu-categories-tab{background:var(--black);border:1px solid transparent;color:var(--white)}.index-menu-categories.dark .index-menu-categories-tab.active{background:var(--blackText);border:1px solid var(--yellow)}.index-menu-categories.dark .subCategories{background:var(--black);border:1px solid var(--grayLine);color:var(--white)}.index-menu-categories.dark .subCategories>span:hover{background:var(--blackText)}
