.b-brand-nestle{background:linear-gradient(rgba(241,228,204,.4),rgba(241,228,204,.4)),url(/new/static/brands/nestle-shagayka/back/back.jpg?v=2) repeat center top #f9f0e9;overflow:hidden;max-width:100%}.b-brand-nestle__back{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}.b-brand-nestle__back span{background:none no-repeat left top;position:absolute}.b-brand-nestle__back[data-area=top] span:nth-child(1){background-image:url(/new/static/brands/nestle-shagayka/back/top0.png);left:calc(50% - 784px);top:-92px;width:298px;height:236px}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=top] span:nth-child(1){left:-64px}}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=top] span:nth-child(1){left:-140px}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=top] span:nth-child(1){display:none}}.b-brand-nestle__back[data-area=top] span:nth-child(2){background-image:url(/new/static/brands/nestle-shagayka/back/top0.png);-webkit-transform:scaleX(-1);transform:scaleX(-1);right:calc(50% - 784px);top:-92px;width:298px;height:236px}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=top] span:nth-child(2){right:-64px}}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=top] span:nth-child(2){right:-140px}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=top] span:nth-child(2){display:none}}.b-brand-nestle__back[data-area=top] span:nth-child(3){background-image:url(/new/static/brands/nestle-shagayka/back/top1.png);left:-36px;top:288px;width:160px;height:160px;z-index:2}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=top] span:nth-child(3){display:none}}.b-brand-nestle__back[data-area=top] span:nth-child(4){background-image:url(/new/static/brands/nestle-shagayka/back/top1.png);-webkit-transform:scaleX(-1);transform:scaleX(-1);right:-70px;top:324px;width:160px;height:160px;z-index:2}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=top] span:nth-child(4){display:none}}.b-brand-nestle__back[data-area=top] span:nth-child(5){background-image:url(/new/static/brands/nestle-shagayka/back/top2.png);left:-74px;top:526px;width:198px;height:272px;z-index:2}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=top] span:nth-child(5){display:none}}.b-brand-nestle__back[data-area=top] span:nth-child(6){background-image:url(/new/static/brands/nestle-shagayka/back/top2.png);-webkit-transform:scaleX(-1);transform:scaleX(-1);right:-60px;top:526px;width:198px;height:272px;z-index:2}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=top] span:nth-child(6){display:none}}.b-brand-nestle__back[data-area=top] span:nth-child(11){background-image:url(/new/static/brands/nestle-shagayka/back/top5.png);right:calc(50% - 1006px);bottom:-142px;width:1040px;height:256px;z-index:2}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=top] span:nth-child(11){right:-286px}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=top] span:nth-child(11){display:none}}.b-brand-nestle__back[data-area=promo] span:nth-child(1){background-image:url(/new/static/brands/nestle-shagayka/back/top2.png);left:-74px;top:-16px;width:198px;height:272px}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=promo] span:nth-child(1){display:none}}.b-brand-nestle__back[data-area=promo] span:nth-child(2){background-image:url(/new/static/brands/nestle-shagayka/back/top2.png);-webkit-transform:scaleX(-1);transform:scaleX(-1);right:-60px;top:10px;width:198px;height:272px}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=promo] span:nth-child(2){display:none}}.b-brand-nestle__back[data-area=promo] span:nth-child(3){background-image:url(/new/static/brands/nestle-shagayka/back/top1.png);left:-42px;bottom:-12px;width:160px;height:160px}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=promo] span:nth-child(3){display:none}}.b-brand-nestle__back[data-area=promo] span:nth-child(4){background-image:url(/new/static/brands/nestle-shagayka/back/top1.png);-webkit-transform:scaleX(-1);transform:scaleX(-1);right:-70px;bottom:12px;width:160px;height:160px}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=promo] span:nth-child(4){display:none}}.b-brand-nestle__back[data-area=promo] span:nth-child(5){background-image:url(/new/static/brands/nestle-shagayka/back/fruit3.png);left:calc(50% - 708px);top:282px;width:86px;height:63px;z-index:2}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=promo] span:nth-child(5){left:10px}}@media screen and (max-width:1239px){.b-brand-nestle__back[data-area=promo] span:nth-child(5){display:none}}.b-brand-nestle__back[data-area=promo] span:nth-child(6){background-image:url(/new/static/brands/nestle-shagayka/back/fruit1.png);background-size:contain;left:calc(50% - 690px);top:342px;width:106px;height:102px;z-index:2}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=promo] span:nth-child(6){left:30px}}@media screen and (max-width:1239px){.b-brand-nestle__back[data-area=promo] span:nth-child(6){display:none}}.b-brand-nestle__back[data-area=promo] span:nth-child(7){background-image:url(/new/static/brands/nestle-shagayka/back/fruit4.png);background-size:contain;right:calc(50% - 794px);top:296px;width:218px;height:112px;z-index:2}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=promo] span:nth-child(7){right:-74px}}@media screen and (max-width:1239px){.b-brand-nestle__back[data-area=promo] span:nth-child(7){display:none}}.b-brand-nestle__back[data-area=products] span:nth-child(1){background-image:url(/new/static/brands/nestle-shagayka/back/fruit5.png);left:calc(50% - 670px);top:96px;width:179px;height:138px;z-index:2}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=products] span:nth-child(1){left:48px}}@media screen and (max-width:1239px){.b-brand-nestle__back[data-area=products] span:nth-child(1){display:none}}.b-brand-nestle__back[data-area=products] span:nth-child(2){background-image:url(/new/static/brands/nestle-shagayka/back/fruit6.png);left:calc(50% - 790px);top:240px;width:182px;height:166px;z-index:2}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=products] span:nth-child(2){left:-72px}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=products] span:nth-child(2){display:none}}.b-brand-nestle__back[data-area=products] span:nth-child(3){background-image:url(/new/static/brands/nestle-shagayka/back/fruit7.png);right:-64px;top:58px;width:320px;height:208px;z-index:2}@media screen and (max-width:1239px){.b-brand-nestle__back[data-area=products] span:nth-child(3){display:none}}.b-brand-nestle__back[data-area=products] span:nth-child(4){background-image:url(/new/static/brands/nestle-shagayka/back/top1.png);left:-42px;bottom:114px;width:160px;height:160px}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=products] span:nth-child(4){display:none}}.b-brand-nestle__back[data-area=products] span:nth-child(5){background-image:url(/new/static/brands/nestle-shagayka/back/top1.png);-webkit-transform:scaleX(-1);transform:scaleX(-1);right:-44px;bottom:114px;width:160px;height:160px}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=products] span:nth-child(5){display:none}}.b-brand-nestle__back[data-area=kasha] span:nth-child(1){background-image:url(/new/static/brands/nestle-shagayka/back/kasha-top1.png);left:calc(50% - 1156px);bottom:-30px;width:1138px;height:262px}@media screen and (max-width:1023px){.b-brand-nestle__back[data-area=kasha] span:nth-child(1){left:calc(50% - 850px);bottom:0}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=kasha] span:nth-child(1){left:calc(50% - 464px);bottom:42px;background-size:contain;width:614px;height:142px}}.b-brand-nestle__back[data-area=kasha] span:nth-child(2){background-image:url(/new/static/brands/nestle-shagayka/back/kasha-top3.png);left:calc(50% + 124px);top:204px;width:1024px;height:248px}@media screen and (max-width:1023px){.b-brand-nestle__back[data-area=kasha] span:nth-child(2){left:calc(50% - 240px);bottom:0;top:auto}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=kasha] span:nth-child(2){left:calc(50% - 106px);bottom:28px;background-size:contain;width:552px;height:134px}}.b-brand-nestle__back[data-area=kasha] span:nth-child(3){background-image:url(/new/static/brands/nestle-shagayka/back/kasha-top2.png);left:calc(50% + 94px);top:312px;width:1230px;height:232px}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=kasha] span:nth-child(3){display:none}}.b-brand-nestle__back[data-area=kasha] span:nth-child(4){background-image:url(/new/static/brands/nestle-shagayka/back/top-left0.svg);left:calc(50% - 670px);top:54px;width:95px;height:51px}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=kasha] span:nth-child(4){left:50px}}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=kasha] span:nth-child(4){top:432px}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=kasha] span:nth-child(4){top:332px;left:12px}}.b-brand-nestle__back[data-area=kasha] span:nth-child(5){background-image:url(/new/static/brands/nestle-shagayka/back/top-right0.svg);right:calc(50% - 680px);top:64px;width:133px;height:80px}@media screen and (max-width:1439px){.b-brand-nestle__back[data-area=kasha] span:nth-child(5){right:40px}}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=kasha] span:nth-child(5){right:8px;top:410px}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=kasha] span:nth-child(5){background-size:contain;right:-12px;top:324px;width:110px}}.b-brand-nestle__back[data-area=milk] span:nth-child(1){background-image:url(/new/static/brands/nestle-shagayka/back/kasha-top1.png);-webkit-transform:scaleX(-1);transform:scaleX(-1);left:calc(50% - 10px);bottom:-96px;width:1138px;height:262px}@media screen and (max-width:1023px){.b-brand-nestle__back[data-area=milk] span:nth-child(1){-webkit-transform:scaleX(1);transform:scaleX(1);left:calc(50% - 850px);bottom:0}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=milk] span:nth-child(1){left:calc(50% - 464px);bottom:26px;background-size:contain;width:614px;height:142px}}.b-brand-nestle__back[data-area=milk] span:nth-child(2){background-image:url(/new/static/brands/nestle-shagayka/back/kasha-top3.png);-webkit-transform:scaleX(-1);transform:scaleX(-1);left:calc(50% - 1178px);top:188px;width:1024px;height:248px}@media screen and (max-width:1023px){.b-brand-nestle__back[data-area=milk] span:nth-child(2){-webkit-transform:scaleX(1);transform:scaleX(1);left:calc(50% - 240px);bottom:0;top:auto}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=milk] span:nth-child(2){left:calc(50% - 106px);bottom:10px;background-size:contain;width:552px;height:134px}}.b-brand-nestle__back[data-area=milk] span:nth-child(3){background-image:url(/new/static/brands/nestle-shagayka/back/kasha-top2.png);-webkit-transform:scaleX(-1);transform:scaleX(-1);left:calc(50% - 1354px);top:298px;width:1230px;height:232px}@media screen and (max-width:1023px){.b-brand-nestle__back[data-area=milk] span:nth-child(3){-webkit-transform:scaleX(1);transform:scaleX(1);left:calc(50% - 240px);bottom:-130px;top:auto}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=milk] span:nth-child(3){left:calc(50% - 148px);bottom:-50px;background-size:contain;width:615px;height:116px}}.b-brand-nestle__back[data-area=milk] span:nth-child(4){background-image:url(/new/static/brands/nestle-shagayka/back/top-left0.svg);left:calc(50% - 352px);top:32px;width:95px;height:51px}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=milk] span:nth-child(4){left:calc(50% - 244px);top:320px}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=milk] span:nth-child(4){background-size:contain;width:72px;left:calc(50% - 174px);top:260px}}.b-brand-nestle__back[data-area=milk] span:nth-child(5){background-image:url(/new/static/brands/nestle-shagayka/back/top-right1.svg);right:calc(50% - 548px);top:36px;width:184px;height:96px}@media screen and (max-width:1023px){.b-brand-nestle__back[data-area=milk] span:nth-child(5){right:calc(50% - 446px);top:28px}}@media screen and (max-width:767px){.b-brand-nestle__back[data-area=milk] span:nth-child(5){right:calc(50% - 346px);top:306px}}@media screen and (max-width:559px){.b-brand-nestle__back[data-area=milk] span:nth-child(5){background-size:contain;width:120px;right:calc(50% - 202px);top:248px}}.b-brand-nestle__wrapper{max-width:1080px;padding:0 40px}@media screen and (max-width:1023px){.b-brand-nestle__wrapper{padding:0 24px}}@media screen and (max-width:559px){.b-brand-nestle__wrapper{padding:0 16px}}.b-brand-nestle__block{position:relative;padding:40px 0}@media screen and (max-width:559px){.b-brand-nestle__block{padding:16px 0}}.b-brand-nestle__block--promo{padding:14px 0 32px}@media screen and (max-width:559px){.b-brand-nestle__block--promo{padding:9px 0 12px}}.b-brand-nestle__block--list{padding:14px 0 60px}@media screen and (max-width:559px){.b-brand-nestle__block--list{padding:10px 0 35px}}.b-brand-nestle__block--second{padding:14px 0 0}@media screen and (max-width:1023px){.b-brand-nestle__block--second{padding:32px 0 0}}@media screen and (max-width:559px){.b-brand-nestle__block--second{padding:10px 0 0}}.b-brand-nestle__block--reviews{background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.3)),url(/new/f/img/brands/nestle/bg-reviews.jpg) no-repeat center top;background-size:auto auto,cover;padding:218px 0 50px}@media screen and (max-width:767px){.b-brand-nestle__block--reviews{background-position:33% top}}@media screen and (max-width:459px){.b-brand-nestle__block--reviews{padding:150px 0 32px}}.b-brand-nestle__block--kasha{padding:40px 0 0}@media screen and (max-width:559px){.b-brand-nestle__block--kasha{padding:17px 0 0}}.b-brand-nestle__block--video{padding:18px 0 12px}@media screen and (max-width:559px){.b-brand-nestle__block--video{padding:12px 0 0}}.b-brand-nestle__block--products{padding:40px 0}.b-brand-nestle__block--carousel{padding:30px 0 0}@media screen and (max-width:559px){.b-brand-nestle__block--carousel{padding:16px 0 32px}}.b-brand-nestle__block--products .b-brand-nestle__subtitle{line-height:48px}@media screen and (max-width:559px){.b-brand-nestle__block--products .b-brand-nestle__subtitle{line-height:29px}}.b-brand-nestle__block--products .b-brand-nestle__slider{margin-top:0}@media screen and (max-width:559px){.b-brand-nestle__block--products .b-brand-nestle__slider{margin-top:16px}}.b-brand-nestle__block--reviews .b-brand-nestle__subtitle{font-size:32px;text-transform:none;color:#fff}@media screen and (max-width:559px){.b-brand-nestle__block--reviews .b-brand-nestle__subtitle{font-size:26px}}.b-brand-nestle__block--video .b-brand-nestle__desc p{margin-bottom:16px}.b-brand-nestle__block--video .b-brand-nestle__desc p:last-child{margin-bottom:0}.b-brand-nestle__block--carousel .b-brand-nestle__subtitle{font-size:25px;line-height:1;margin-bottom:8px}@media screen and (max-width:559px){.b-brand-nestle__block--carousel .b-brand-nestle__subtitle{line-height:29px;margin-bottom:4px}}.b-brand-nestle__block--carousel .b-brand-nestle__desc{padding-bottom:14px}@media screen and (max-width:559px){.b-brand-nestle__block--carousel .b-brand-nestle__desc{line-height:22px}}.b-brand-nestle__title{background:url(/new/static/brands/nestle-shagayka/shagayka.svg) no-repeat center top;min-height:64px;font-size:0;line-height:1;text-align:center;text-transform:uppercase;color:#7e4015;margin-bottom:10px}@media screen and (max-width:559px){.b-brand-nestle__title{background-size:contain;min-height:38px}}.b-brand-nestle__subtitle{font-family:RotonBol,Arial,Helvetica,sans-serif;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;text-transform:uppercase;color:#7e4015;margin-bottom:12px;position:relative;z-index:2}@media screen and (max-width:559px){.b-brand-nestle__subtitle{font-size:25px;margin-bottom:4px}}.b-brand-nestle__subtitle sup{font-size:66%}.b-brand-nestle__subtitle img{position:relative;width:192px;margin:0 12px}@media screen and (max-width:559px){.b-brand-nestle__subtitle img{width:134px;margin:0 8px}}.b-brand-nestle__desc{font-size:18px;line-height:25px;text-align:center;color:#7b3f1d}@media screen and (max-width:559px){.b-brand-nestle__desc{font-size:17px}}.b-brand-nestle__category{position:relative;display:flex;justify-content:center;gap:270px;padding:46px 0 0;left:-20px;z-index:2}@media screen and (max-width:1023px){.b-brand-nestle__category{padding:32px 0 0;left:-8px}}@media screen and (max-width:559px){.b-brand-nestle__category{padding:4px 0 0;margin:0 -8px;gap:140px;left:0}}.b-brand-nestle__category-column{display:flex;flex-direction:column;align-items:center;width:calc(50% - 140px / 2);gap:24px}@media screen and (max-width:1023px){.b-brand-nestle__category-column{gap:16px}}@media screen and (max-width:559px){.b-brand-nestle__category-column{gap:0}}.b-brand-nestle__category-column:nth-child(1){flex-direction:row-reverse;text-align:right}@media screen and (max-width:1023px){.b-brand-nestle__category-column:nth-child(1){flex-direction:column;text-align:center}}.b-brand-nestle__category-column:nth-child(2){flex-direction:row;text-align:left}@media screen and (max-width:1023px){.b-brand-nestle__category-column:nth-child(2){flex-direction:column;text-align:center}}.b-brand-nestle__category-image{position:relative;background:#f17854;border-radius:50%;width:94px;height:94px;flex:none}@media screen and (max-width:559px){.b-brand-nestle__category-image{margin-bottom:6px;width:64px;height:64px}}.b-brand-nestle__category-image:after{content:'';position:absolute;left:0;right:0;width:100%;height:100%;background:none no-repeat center center}.b-brand-nestle__category-image[data-type="1"]:after{background-image:url(/new/static/brands/nestle-shagayka/category1.svg)}@media screen and (max-width:559px){.b-brand-nestle__category-image[data-type="1"]:after{background-size:auto 44px}}.b-brand-nestle__category-image[data-type="2"]:after{background-image:url(/new/static/brands/nestle-shagayka/category2.svg)}@media screen and (max-width:559px){.b-brand-nestle__category-image[data-type="2"]:after{background-size:auto 50px}}.b-brand-nestle__category-name{font-family:RotonBol,Arial,Helvetica,sans-serif;font-size:25px;line-height:1;color:#7e4015}@media screen and (max-width:767px){.b-brand-nestle__category-name{font-size:22px}}@media screen and (max-width:559px){.b-brand-nestle__category-name{font-size:14px;line-height:1}}.b-brand-nestle__products{position:relative;display:flex;justify-content:center;padding:8px;margin:56px -24px 0}@media screen and (max-width:1239px){.b-brand-nestle__products{flex-wrap:wrap;max-width:560px;margin:32px auto 0;gap:24px}}@media screen and (max-width:559px){.b-brand-nestle__products{padding:14px 0;margin:0 auto;gap:8px}}.b-brand-nestle__products:after{content:'';position:absolute;background:url(/new/static/brands/nestle-shagayka/back/product-left.png) no-repeat left top;left:-144px;top:-46px;width:602px;height:334px;z-index:1;pointer-events:none}@media screen and (max-width:767px){.b-brand-nestle__products:after{left:calc(50% - 300px)}}@media screen and (max-width:559px){.b-brand-nestle__products:after{background-size:contain;left:calc(50% - 184px);top:-10px;width:386px;height:214px}}.b-brand-nestle__products:before{content:'';position:absolute;background:url(/new/static/brands/nestle-shagayka/back/product-right.png) no-repeat left top;right:-78px;top:-38px;width:690px;height:312px;z-index:1;pointer-events:none}@media screen and (max-width:1239px){.b-brand-nestle__products:before{top:auto;bottom:-18px;right:-160px}}@media screen and (max-width:767px){.b-brand-nestle__products:before{right:auto;left:calc(50% - 230px)}}@media screen and (max-width:559px){.b-brand-nestle__products:before{background-size:contain;left:calc(50% - 150px);top:auto;bottom:30px;width:345px;height:156px}}.b-brand-nestle__products-item{display:block;position:relative;min-height:280px;width:25%;z-index:2}@media screen and (max-width:1239px){.b-brand-nestle__products-item{width:calc(50% - 12px)}}@media screen and (max-width:559px){.b-brand-nestle__products-item{min-height:186px}}.b-brand-nestle__products-item:after{content:'';position:absolute;background:none no-repeat left top;background-size:contain;width:302px;height:285px;left:calc(50% - 151px);top:-2px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}@media screen and (max-width:559px){.b-brand-nestle__products-item:after{left:calc(50% - 100px);width:198px;height:188px}}.b-brand-nestle__products-item:hover{z-index:3}.b-brand-nestle__products-item:hover:after{-webkit-transform:scale(1.06);transform:scale(1.06)}@media screen and (max-width:559px){.b-brand-nestle__products-item[data-type="1"]{display:none}}@media screen and (max-width:559px){.b-brand-nestle__products-item[data-type="2"]{width:52%}}.b-brand-nestle__products-item[data-type="1"]:after{background-image:url(/new/static/brands/nestle-shagayka/product1.png)}.b-brand-nestle__products-item[data-type="2"]:after{background-image:url(/new/static/brands/nestle-shagayka/product2.png)}.b-brand-nestle__products-item[data-type="3"]:after{background-image:url(/new/static/brands/nestle-shagayka/product3.png)}.b-brand-nestle__products-item[data-type="4"]:after{background-image:url(/new/static/brands/nestle-shagayka/product4.png)}.b-brand-nestle__controls{position:relative;display:flex;justify-content:center;padding-top:60px;z-index:4}@media screen and (max-width:1023px){.b-brand-nestle__controls{padding-top:24px}}@media screen and (max-width:559px){.b-brand-nestle__controls{padding-top:10px}}.b-brand-nestle__btn{position:relative;border-radius:40px;line-height:80px;height:80px;font-size:33px;max-width:396px}@media screen and (max-width:559px){.b-brand-nestle__btn{max-width:200px;border-radius:26px;line-height:52px;height:52px;font-size:20px}}.b-brand-nestle__btn:after{content:'';position:absolute;left:calc(50% - 130px);top:-172px;width:220px;height:178px;background:url(/new/static/brands/nestle-shagayka/btn-top.png) no-repeat left top;background-size:contain;pointer-events:none}@media screen and (max-width:559px){.b-brand-nestle__btn:after{left:calc(50% - 68px);top:-96px;width:124px;height:100px}}.b-brand-nestle__promo{display:flex;flex-direction:row-reverse;padding:10px 0}@media screen and (max-width:1023px){.b-brand-nestle__promo{flex-direction:column-reverse;align-items:center}}@media screen and (max-width:559px){.b-brand-nestle__promo{padding:0}}.b-brand-nestle__promo-col{width:50%}.b-brand-nestle__promo-image{position:relative;min-height:480px}@media screen and (max-width:1239px){.b-brand-nestle__promo-image{min-height:400px}}@media screen and (max-width:1023px){.b-brand-nestle__promo-image{min-height:280px}}.b-brand-nestle__promo-image:after{content:'';position:absolute;left:-22px;top:-30px;width:556px;height:610px;background:url(/new/static/brands/nestle-shagayka/bowl.png) no-repeat left top}@media screen and (max-width:1239px){.b-brand-nestle__promo-image:after{background-size:contain;width:416px;height:458px;left:auto;right:-10px;top:calc(50% - 200px)}}@media screen and (max-width:1023px){.b-brand-nestle__promo-image:after{width:290px;height:318px;right:auto;left:calc(50% - 145px);top:10px}}.b-brand-nestle__promo-image2{position:relative;min-height:480px;pointer-events:none}@media screen and (max-width:1239px){.b-brand-nestle__promo-image2{min-height:400px}}@media screen and (max-width:1023px){.b-brand-nestle__promo-image2{min-height:264px}}.b-brand-nestle__promo-image2:after{content:'';position:absolute;left:6px;top:-168px;width:500px;height:724px;background:url(/new/static/brands/nestle-shagayka/bowl2.png) no-repeat left top}@media screen and (max-width:1239px){.b-brand-nestle__promo-image2:after{background-size:contain;width:375px;height:543px;left:auto;right:-10px;top:calc(50% - 300px)}}@media screen and (max-width:1023px){.b-brand-nestle__promo-image2:after{width:268px;height:390px;right:auto;left:calc(50% - 134px);top:-78px}}.b-brand-nestle__promo-image3{position:relative;min-height:480px;pointer-events:none}@media screen and (max-width:1239px){.b-brand-nestle__promo-image3{min-height:400px}}@media screen and (max-width:1023px){.b-brand-nestle__promo-image3{min-height:264px}}@media screen and (max-width:559px){.b-brand-nestle__promo-image3{min-height:236px}}.b-brand-nestle__promo-image3:after{content:'';position:absolute;left:36px;top:-2px;width:480px;height:574px;background:url(/new/static/brands/nestle-shagayka/bowl3.png) no-repeat left top}@media screen and (max-width:1239px){.b-brand-nestle__promo-image3:after{background-size:contain;width:360px;height:432px;left:auto;right:-10px;top:0}}@media screen and (max-width:1023px){.b-brand-nestle__promo-image3:after{width:260px;height:310px;right:auto;left:calc(50% - 118px);top:-12px}}@media screen and (max-width:559px){.b-brand-nestle__promo-image3:after{top:-24px}}.b-brand-nestle__wheel{position:relative;min-height:480px}@media screen and (max-width:1239px){.b-brand-nestle__wheel{min-height:400px}}@media screen and (max-width:1023px){.b-brand-nestle__wheel{min-height:280px;z-index:2}}.b-brand-nestle__wheel:after{content:'';position:absolute;left:-27px;top:0;width:480px;height:480px;background:url(/new/static/brands/nestle-shagayka/wheel.png) no-repeat left top}@media screen and (max-width:1239px){.b-brand-nestle__wheel:after{background-size:contain;width:360px;height:360px;left:-10px;top:calc(50% - 170px)}}@media screen and (max-width:1023px){.b-brand-nestle__wheel:after{left:calc(50% - 180px);top:-76px}}.b-brand-nestle__slider{margin-top:63px;position:relative;z-index:2}@media screen and (max-width:1239px){.b-brand-nestle__slider{margin-top:40px}}@media screen and (max-width:767px){.b-brand-nestle__slider{margin:40px 0 0}}@media screen and (max-width:559px){.b-brand-nestle__slider{margin:8px 0 0}}.b-brand-nestle__reviews{margin-top:20px}@media screen and (max-width:767px){.b-brand-nestle__reviews{margin:20px -8px 0}}@media screen and (max-width:559px){.b-brand-nestle__reviews{margin:15px 0 0}}.b-brand-nestle__reviews .b-reviews{padding:0}.b-brand-nestle__list{display:flex;font-size:18px;line-height:25px;text-align:center;color:#7b3f1d;margin-top:15px;margin-bottom:18px;gap:16px}@media screen and (max-width:1023px){.b-brand-nestle__list{margin-bottom:24px;flex-wrap:wrap;gap:24px 16px}}@media screen and (max-width:559px){.b-brand-nestle__list{font-size:17px;line-height:22px;margin-top:10px;margin-bottom:19px;flex-direction:column;gap:20px}}.b-brand-nestle__list-col{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:25%}@media screen and (max-width:1023px){.b-brand-nestle__list-col{width:calc(50% - 8px)}}@media screen and (max-width:559px){.b-brand-nestle__list-col{width:100%}}.b-brand-nestle__list-image{background:#fff6e5;border-radius:50%;width:90px;height:90px;margin-bottom:10px;font-size:0;line-height:1}@media screen and (max-width:559px){.b-brand-nestle__list-image{margin-bottom:11px}}.b-brand-nestle__list-image img{width:100%}.b-brand-nestle__row{display:flex;align-items:flex-end;max-width:830px;margin:0 auto;padding-top:29px;padding-bottom:7px;gap:20px}@media screen and (max-width:1023px){.b-brand-nestle__row{flex-direction:column;align-items:center}}@media screen and (max-width:767px){.b-brand-nestle__row{gap:0}}@media screen and (max-width:559px){.b-brand-nestle__row{padding-top:16px}}@media screen and (max-width:1023px){.b-brand-nestle__row+.b-brand-nestle__row{display:none}}.b-brand-nestle__col:nth-child(1){position:relative;width:calc(100% - 268px)}@media screen and (max-width:1023px){.b-brand-nestle__col:nth-child(1){width:562px;order:1}}@media screen and (max-width:767px){.b-brand-nestle__col:nth-child(1){width:420px}}@media screen and (max-width:559px){.b-brand-nestle__col:nth-child(1){width:354px}}.b-brand-nestle__col:nth-child(1):before{content:'';position:absolute;background:url(/new/static/brands/nestle-shagayka/back/atm-back1.png) no-repeat left top;left:-210px;top:-126px;width:402px;height:282px;pointer-events:none}@media screen and (max-width:1023px){.b-brand-nestle__col:nth-child(1):before{top:0}}@media screen and (max-width:767px){.b-brand-nestle__col:nth-child(1):before{top:-34px;left:-104px}}@media screen and (max-width:559px){.b-brand-nestle__col:nth-child(1):before{top:-92px;left:-246px}}.b-brand-nestle__col:nth-child(1):after{content:'';position:absolute;background:url(/new/static/brands/nestle-shagayka/back/atm-back2.png) no-repeat left top;right:-80px;top:-52px;width:496px;height:252px;pointer-events:none}@media screen and (max-width:1023px){.b-brand-nestle__col:nth-child(1):after{top:16px}}@media screen and (max-width:767px){.b-brand-nestle__col:nth-child(1):after{top:-54px;right:-236px}}@media screen and (max-width:559px){.b-brand-nestle__col:nth-child(1):after{top:-58px;right:-288px}}.b-brand-nestle__col:nth-child(2){width:248px;padding-bottom:46px}@media screen and (max-width:1023px){.b-brand-nestle__col:nth-child(2){width:100%;padding-top:180px;order:3}}@media screen and (max-width:559px){.b-brand-nestle__col:nth-child(2){padding-top:175px}}@media screen and (max-width:1023px){.b-brand-nestle__col:nth-child(3){order:2}}.b-brand-nestle__col-title{font-family:RotonBol,Arial,Helvetica,sans-serif;font-size:25px;line-height:1.2;color:#7b3f1d;text-align:center}@media screen and (max-width:559px){.b-brand-nestle__col-title{font-size:17px;line-height:1}}.b-brand-nestle__box{position:relative;display:flex;z-index:2}.b-brand-nestle__item{position:relative;width:33.3333%;height:290px}@media screen and (max-width:767px){.b-brand-nestle__item{height:208px}}@media screen and (max-width:559px){.b-brand-nestle__item{height:190px}}.b-brand-nestle__item:after{content:'';position:absolute;background:none no-repeat left top;background-size:contain;width:276px;height:293px;left:calc(50% - 146px);top:0;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}@media screen and (max-width:767px){.b-brand-nestle__item:after{left:calc(50% - 83px);width:166px;height:176px}}@media screen and (max-width:559px){.b-brand-nestle__item:after{left:calc(50% - 77px)}}.b-brand-nestle__item:hover:after{-webkit-transform:scale(1.06);transform:scale(1.06);z-index:3}.b-brand-nestle__item[data-kasha="1"]:after{background-image:url(/new/static/brands/nestle-shagayka/kasha1.png)}.b-brand-nestle__item[data-kasha="2"]:after{background-image:url(/new/static/brands/nestle-shagayka/kasha2.png);top:19px;z-index:2}@media screen and (max-width:559px){.b-brand-nestle__item[data-kasha="2"]:after{top:10px}}.b-brand-nestle__item[data-kasha="3"]:after{background-image:url(/new/static/brands/nestle-shagayka/kasha3.png)}.b-brand-nestle__item[data-kasha="4"]:after,.b-brand-nestle__item[data-kasha="5"]:after,.b-brand-nestle__item[data-kasha="6"]:after{left:calc(50% - 161px);width:296px;height:271px}@media screen and (max-width:1023px){.b-brand-nestle__item[data-kasha="4"]:after,.b-brand-nestle__item[data-kasha="5"]:after,.b-brand-nestle__item[data-kasha="6"]:after{left:calc(50% - 110px);width:220px;height:202px}}@media screen and (max-width:767px){.b-brand-nestle__item[data-kasha="4"]:after,.b-brand-nestle__item[data-kasha="5"]:after,.b-brand-nestle__item[data-kasha="6"]:after{left:calc(50% - 86px);width:170px;height:162px}}.b-brand-nestle__item[data-kasha="4"]:after{background-image:url(/new/static/brands/nestle-shagayka/milk1.png)}.b-brand-nestle__item[data-kasha="5"]:after{background-image:url(/new/static/brands/nestle-shagayka/milk2.png);top:28px;z-index:2}@media screen and (max-width:559px){.b-brand-nestle__item[data-kasha="5"]:after{top:17px}}.b-brand-nestle__item[data-kasha="6"]:after{background-image:url(/new/static/brands/nestle-shagayka/milk3.png)}.b-brand-nestle__video{background:rgba(255,255,255,.2);position:relative;width:100%;aspect-ratio:16/9;margin:34px 0 0;font-size:0;line-height:1}@media screen and (max-width:559px){.b-brand-nestle__video{margin:20px 0 0}}.b-brand-nestle__carousel{padding:0;margin:0 -16px}@media screen and (max-width:767px){.b-brand-nestle__carousel{margin:0}}.b-brand-nestle__carousel-item{display:flex;align-items:center;gap:54px;min-height:362px;padding:32px 16px}@media screen and (max-width:767px){.b-brand-nestle__carousel-item{flex-direction:column}}@media screen and (max-width:559px){.b-brand-nestle__carousel-item{padding:11px 16px;gap:12px;height:100%}}.b-brand-nestle__carousel-image{position:relative;font-size:0;line-height:1;display:flex;align-items:center;justify-content:center;width:360px}.b-brand-nestle__carousel-image:before{content:'';position:absolute;left:calc(50% - 196px);top:calc(50% - 176px);width:420px;height:294px;background:url(/new/static/brands/nestle-shagayka/products/back.png) no-repeat left top}@media screen and (max-width:559px){.b-brand-nestle__carousel-image:before{background-size:contain;width:328px;height:230px;left:calc(50% - 166px);top:calc(50% - 120px)}}.b-brand-nestle__carousel-image img{position:relative;width:300px}@media screen and (max-width:559px){.b-brand-nestle__carousel-image img{width:224px}}.b-brand-nestle__carousel-info{width:calc(100% - 360px - 54px);padding-bottom:8px}@media screen and (max-width:767px){.b-brand-nestle__carousel-info{display:flex;flex-direction:column;align-items:center;width:100%}}@media screen and (max-width:559px){.b-brand-nestle__carousel-info{padding-bottom:4px;flex-grow:1}}.b-brand-nestle__carousel-title{font-family:RotonBol,Arial,Helvetica,sans-serif;font-size:25px;line-height:1.2;text-transform:uppercase;color:#7b3f1d;padding-bottom:18px}@media screen and (max-width:767px){.b-brand-nestle__carousel-title{text-align:center}}@media screen and (max-width:559px){.b-brand-nestle__carousel-title{font-size:21px;padding-bottom:4px}}.b-brand-nestle__carousel-desc{font-size:19px;line-height:24px;color:#7b3f1d;padding-bottom:20px}@media screen and (max-width:767px){.b-brand-nestle__carousel-desc{text-align:center}}@media screen and (max-width:559px){.b-brand-nestle__carousel-desc{font-size:16px;line-height:22px}}.b-brand-nestle__carousel-controls{position:relative;display:flex;align-items:center;justify-content:flex-end;font-size:0;line-height:1;right:16px;margin-top:-32px;top:-32px}@media screen and (max-width:1023px){.b-brand-nestle__carousel-controls{justify-content:center;margin-top:-16px;top:auto;right:auto}}@media screen and (max-width:559px){.b-brand-nestle__carousel-controls{margin-top:0}}.b-brand-nestle__carousel-btn{display:block;font-family:RotonBol,Arial,Helvetica,sans-serif;font-size:17px;color:#fff;background:#7b3f1d;border-radius:22px;text-align:center;line-height:44px;width:146px;height:44px;cursor:pointer;transition:background-color 134ms}.b-brand-nestle__carousel-btn:hover{background-color:#7bb03b;color:#fff}.b-brand-nestle__carousel-next,.b-brand-nestle__carousel-prev{position:relative;border-radius:16px;width:64px;height:32px;background:#7bb03b;cursor:pointer;transition:background-color 134ms}.b-brand-nestle__carousel-next:hover,.b-brand-nestle__carousel-prev:hover{background-color:#27388a}.b-brand-nestle__carousel-next:before,.b-brand-nestle__carousel-prev:before{content:'';position:absolute;left:30px;top:calc(50% - 4px);width:8px;height:8px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.b-brand-nestle__carousel-next:before{left:auto;right:30px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.b-brand-nestle__carousel-dots{padding:0 12px}.b-brand-nestle__carousel--right .b-brand-nestle__carousel-item{flex-direction:row-reverse}@media screen and (max-width:767px){.b-brand-nestle__carousel--right .b-brand-nestle__carousel-item{flex-direction:column}}.b-brand-nestle__carousel--right .b-brand-nestle__carousel-image:before{left:calc(50% - 224px)}@media screen and (max-width:767px){.b-brand-nestle__carousel--right .b-brand-nestle__carousel-image:before{left:calc(50% - 196px)}}@media screen and (max-width:559px){.b-brand-nestle__carousel--right .b-brand-nestle__carousel-image:before{left:calc(50% - 166px)}}.b-brand-nestle__carousel--right .b-brand-nestle__carousel-controls{padding-right:calc(360px + 54px)}@media screen and (max-width:1023px){.b-brand-nestle__carousel--right .b-brand-nestle__carousel-controls{padding-right:0}}@media screen and (max-width:1023px){.b-brand-nestle--kasha .b-brand-nestle__block--promo{margin-top:-65px}}@media screen and (max-width:1023px){.b-brand-nestle--kasha .b-brand-nestle__btn{margin:0 auto}}.b-brand-nestle--kasha .b-brand-nestle__btn:after{left:calc(50% - 84px);top:-142px;width:162px;height:154px;background-image:url(/new/static/brands/nestle-shagayka/btn-top-kasha.png)}@media screen and (max-width:559px){.b-brand-nestle--kasha .b-brand-nestle__btn:after{left:calc(50% - 75px)}}.b-brand-nestle--kasha .b-brand-nestle__promo{padding:5px 0}.b-brand-nestle--kasha .b-brand-nestle__col--full{display:flex;gap:40px;margin-left:-30px;width:100%}@media screen and (max-width:1023px){.b-brand-nestle--kasha .b-brand-nestle__col--full{justify-content:center;margin-left:0;display:none}}@media screen and (max-width:559px){.b-brand-nestle--kasha .b-brand-nestle__col--full{gap:12px}}.b-brand-nestle--kasha .b-brand-nestle__col--full:after,.b-brand-nestle--kasha .b-brand-nestle__col--full:before{display:none}.b-brand-nestle--kasha .b-brand-nestle__col--mobile{display:none}@media screen and (max-width:1023px){.b-brand-nestle--kasha .b-brand-nestle__col--mobile{display:flex;padding-top:10px}}.b-brand-nestle--kasha-milk .b-brand-nestle__row{max-width:880px;padding-top:20px;gap:30px}@media screen and (max-width:559px){.b-brand-nestle--kasha-milk .b-brand-nestle__row{padding-top:14px;gap:0}}.b-brand-nestle--kasha-milk .b-brand-nestle__item{height:255px}@media screen and (max-width:1023px){.b-brand-nestle--kasha-milk .b-brand-nestle__item{height:210px}}@media screen and (max-width:559px){.b-brand-nestle--kasha-milk .b-brand-nestle__item{height:160px}}@media screen and (max-width:559px){.b-brand-nestle--kasha-milk .b-brand-nestle__btn{margin:0 auto}}.b-brand-nestle--kasha-milk .b-brand-nestle__btn:after{left:calc(50% - 77px);top:-144px;width:149px;height:145px;background-image:url(/new/static/brands/nestle-shagayka/btn-top-milk.png)}.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1){position:relative;width:calc(100% - 282px)}@media screen and (max-width:1023px){.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1){width:520px}}@media screen and (max-width:767px){.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1){width:420px}}@media screen and (max-width:559px){.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1){width:340px}}.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1):before{left:auto;right:-94px;top:-4px}@media screen and (max-width:767px){.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1):before{top:-40px}}@media screen and (max-width:559px){.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1):before{background-size:contain;width:278px;height:195px;top:-12px;right:-90px}}.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1):after{-webkit-transform:scaleX(-1);transform:scaleX(-1);right:auto;left:-272px;top:-68px}@media screen and (max-width:1023px){.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1):after{left:-196px;top:-18px}}@media screen and (max-width:767px){.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1):after{left:-230px;top:-50px}}@media screen and (max-width:559px){.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(1):after{background-size:contain;width:342px;height:174px;left:-196px;top:-42px}}.b-brand-nestle--kasha-milk .b-brand-nestle__col:nth-child(2){padding-bottom:4px;width:252px}.b-brand-nestle .slick-dots li{margin:0 5px 2px}.b-brand-nestle .slick-dots li button{background-color:#7b3f1d}.b-brand-nestle .slick-dots li button:hover,.b-brand-nestle .slick-dots li.slick-active button,.b-brand-nestle .slick-dots li.slick-active button:hover{-webkit-transform:scale(2);transform:scale(2);background-color:#7bb03b}.b-brand-nestle__block--reviews .slick-dots li button{background-color:#fff}.b-brand-nestle__block--reviews .slick-dots li button:hover,.b-brand-nestle__block--reviews .slick-dots li.slick-active button,.b-brand-nestle__block--reviews .slick-dots li.slick-active button:hover{background-color:#7bb03b}.b-brand-nestle__block--reviews .b-gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 0}.b-brand-nestle__block--reviews .b-gallery__wrapper{width:100%}.b-brand-nestle__block--products .b-gallery[data-type=products] .b-gallery__next,.b-brand-nestle__block--reviews .b-gallery__dots{position:relative;bottom:auto;padding:0 12px}.b-brand-nestle__block--products .b-gallery[data-type=products] .b-gallery__next,.b-brand-nestle__block--products .b-gallery[data-type=products] .b-gallery__prev,.b-brand-nestle__block--reviews .b-gallery__next,.b-brand-nestle__block--reviews .b-gallery__prev{position:relative;left:auto;right:auto;top:auto;width:64px;height:32px;color:#fff;background:#7bb03b;border-radius:16px}.b-brand-nestle__block--products .b-gallery[data-type=products] .b-gallery__next:before,.b-brand-nestle__block--products .b-gallery[data-type=products] .b-gallery__prev:before,.b-brand-nestle__block--reviews .b-gallery__next:before,.b-brand-nestle__block--reviews .b-gallery__prev:before{left:30px;top:calc(50% - 4px);width:8px;height:8px}.b-brand-nestle__block--products .b-gallery[data-type=products] .b-gallery__next:hover,.b-brand-nestle__block--products .b-gallery[data-type=products] .b-gallery__prev:hover,.b-brand-nestle__block--reviews .b-gallery__next:hover,.b-brand-nestle__block--reviews .b-gallery__prev:hover{background:#ff8300}.b-brand-nestle__block--products .b-gallery[data-type=products] .b-gallery__next:before,.b-brand-nestle__block--reviews .b-gallery__next:before{left:auto;right:30px}.b-brand-nestle__block--products .b-gallery__dots{padding:0 12px}.b-brand-nestle__block--products .b-gallery[data-type=products] .slick-dots li{margin:0 5px 2px}.b-brand-nestle__block--products .b-gallery[data-type=products] .slick-dots li button{width:4px;height:4px;border-radius:50%;background:#7b3f1d;font-size:0;line-height:1}.b-brand-nestle__block--products .b-gallery[data-type=products] .slick-dots li.slick-active button,.b-brand-nestle__block--products .b-gallery[data-type=products] .slick-dots li.slick-active button:hover{-webkit-transform:scale(2);transform:scale(2);background:#7bb03b}@media screen and (max-width:389px){.b-brand-nestle .b-catalog__list{justify-content:center}}.b-brand-nestle .b-catalog__list .b-product-card{max-width:calc((100% - 8px * 3)/ 4)}@media screen and (max-width:1023px){.b-brand-nestle .b-catalog__list .b-product-card{max-width:calc((100% - 8px * 2)/ 3)}}@media screen and (max-width:767px){.b-brand-nestle .b-catalog__list .b-product-card{max-width:calc((100% - 8px)/ 2)}}@media screen and (max-width:389px){.b-brand-nestle .b-catalog__list .b-product-card{max-width:260px}} .NBLiveChat { position: fixed; right: 20px; bottom: 90px; font-family: Arial, Helvetica, sans-serif; z-index: 51; --dark-blue: #24346C; --green: #348E44; --gray-super-dark: #1E2E34; --gray-dark: #404040; --gray: #919399; --gray-middle: #818181; --gray-middle2: #989898; --gray-light: #BEBEBE; --gray-super-light: #E3E3E3; --gray-super-light2: #F1F1F1; --gray-super-light3: #E7E7E7; --gray-super-light4: #F2F2F2; --orange: #EF7A23; --orange-light: #F9AB5E; --orange-medium: #F08013; --blue-medium: #3E5ABC; --blue-dark: #24346C; --blue-dark2: #27388A; --green-light: #348E44; --green-hover: rgba(52, 142, 68, 0.8); --red: #F02432; --br: 20px; } @media (max-width: 767px) { .NBLiveChat { --br: 16px; /*right: 8px; bottom: 76px; &.visible { position: static; }*/ } } @media (max-width: 459px) { .NBLiveChat { right: 16px; } } .NBLiveChat * { box-sizing: border-box; } @media (max-width: 767px) { .NBLiveChat_isOpen { overflow: hidden; } } @media (max-width: 767px) { .NBLiveChat_isOpen body { overflow: hidden; } } .NBLiveChat.disabled form, .NBLiveChat.disabled .NBLiveChat__actions { opacity: 0.5; pointer-events: none; } .NBLiveChat__close { position: absolute; cursor: pointer; color: #fff; background: #ff8300; border-radius: 50%; right: -11px; top: -13px; width: 44px; height: 44px; transition: background 134ms; z-index: 5; /*@media ($phone) { left: auto; right: 14px; top: 16px; width: 16px; height: 16px; background: none; border: none; border-radius: 0; filter: none; }*/ } .NBLiveChat__close::before, .NBLiveChat__close::after { content: ''; position: absolute; left: 12px; top: 21px; width: 20px; height: 2px; background: currentColor; transform: rotate(45deg); color: #fff; /*@media ($phone) { background: var(--white); left: 1px; top: 7px; width: 14px; }*/ } .NBLiveChat__close::after { transform: rotate(-45deg); } .NBLiveChat__icon { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; cursor: pointer; } @media (max-width: 459px) { .NBLiveChat__icon { display: none; } } .NBLiveChat__icon img { transform: scale(1.08); } .NBLiveChat__wrapper { position: absolute; bottom: -60px; right: 16px; height: calc(100vh - 32px); max-height: calc(75px + 463px + 109px); } @media (max-width: 767px) { .NBLiveChat__wrapper { bottom: -50px; height: calc(100vh - 16px - 90px); height: calc(100dvh - 16px - 90px); max-height: calc(61px + 463px + 48px); } } @media (max-width: 459px) { .NBLiveChat__wrapper { bottom: -10px; right: 0; } } .NBLiveChat__root { width: 375px; filter: drop-shadow(0px 4px 60px rgba(0, 0, 0, 0.2)); background: var(--white); border-radius: var(--br); overflow: hidden; height: 100%; display: flex; flex-direction: column; } @media (max-width: 459px) { .NBLiveChat__root { width: calc(100vw - 32px); } } .NBLiveChat__header { border-radius: var(--br) var(--br) 0px 0px; background: var(--dark-blue); padding: 16px 12px; display: grid; grid-template-areas: "avatar top" "avatar status"; grid-template-columns: 1fr 100%; gap: 4px 8px; flex: none; } .NBLiveChat__avatar { grid-area: avatar; width: 40px; height: 40px; border-radius: 20px; background-color: gray; background-size: contain; } @media (max-width: 767px) { .NBLiveChat__avatar { width: 28px; height: 28px; } } .NBLiveChat__avatar.hidden { width: 0; } .NBLiveChat__top { font-weight: 700; font-size: 16px; line-height: 24px; color: var(--white); grid-area: top; } @media (max-width: 767px) { .NBLiveChat__top { font-size: 12px; line-height: 15px; } } .NBLiveChat__status { grid-area: status; color: var(--gray-light); font-weight: 400; font-size: 12px; line-height: 15px; display: flex; align-items: baseline; gap: 4px; } @media (max-width: 767px) { .NBLiveChat__status { font-size: 10px; line-height: 10px; } } .NBLiveChat__status.online { color: var(--white); } .NBLiveChat__status.online:before { content: ''; display: block; width: 8px; height: 8px; border-radius: 4px; background: var(--green); } @media (max-width: 767px) { .NBLiveChat__status.online:before { font-size: 6px; line-height: 6px; } } .NBLiveChat__status-typeing { display: flex; align-items: center; gap: 2px; } .NBLiveChat__status-typeing div { width: 2px; height: 2px; background: var(--white); border-radius: 50%; transform: scale(0); animation-name: preloader; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; } .NBLiveChat__status-typeing div:nth-child(1) { animation-delay: 0s; } .NBLiveChat__status-typeing div:nth-child(2) { animation-delay: 0.3s; } .NBLiveChat__status-typeing div:nth-child(3) { animation-delay: 0.6s; } .NBLiveChat__body { max-height: 463px; padding: 16px 12px; display: grid; grid-template-areas: "content" "actions"; grid-template-rows: 1fr auto; grid-template-columns: 100%; overflow-y: auto; gap: 24px; background: var(--white); flex-grow: 1; } .NBLiveChat__body::-webkit-scrollbar { width: 6px; height: 40px; } .NBLiveChat__body::-webkit-scrollbar-thumb { background: var(--green-hover); border-radius: 3px; } .NBLiveChat__body::-webkit-scrollbar-track { background: var(--gray-super-light2); } @media (max-width: 767px) { .NBLiveChat__body { padding: 12px 10px; gap: 12px; } } .NBLiveChat__content { grid-area: content; display: flex; flex-direction: column; gap: 8px; } @media (max-width: 767px) { .NBLiveChat__content { gap: 4px; } } .NBLiveChat__message { display: grid; grid-template-areas: "empty1 top" "avatar text" "error text" "empty content"; gap: 8px; grid-template-columns: 40px calc(100% - 48px); padding-right: 36px; max-width: 100%; animation: messageShow 0.2s ease-in-out 0s 1; } @media (max-width: 767px) { .NBLiveChat__message { gap: 4px; grid-template-columns: 40px calc(100% - 44px); padding-right: 0px; } } .NBLiveChat__message.processing .NBLiveChat__message-error { display: none; } .NBLiveChat__message.processing::after { content: ''; grid-area: error; display: block; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--gray-middle2); border-color: var(--gray-middle2) transparent var(--gray-middle2) transparent; animation: lds-dual-ring 1.2s linear infinite; } .NBLiveChat__message.unread .NBLiveChat__message-status svg path:nth-child(1) { opacity: 0; } .NBLiveChat__message--user { padding-right: 0px; padding-left: 36px; margin-left: auto; justify-items: end; } .NBLiveChat__message--user .NBLiveChat__message-data { background: var(--green); border-color: var(--green); color: var(--white); } .NBLiveChat__message--user .NBLiveChat__message-status { color: var(--white); opacity: 0.8; } .NBLiveChat__message-top { grid-area: top; font-weight: 400; font-size: 12px; line-height: 15px; text-align: left; color: var(--gray-light); } @media (max-width: 767px) { .NBLiveChat__message-top { font-size: 10px; line-height: 10px; } } .NBLiveChat__message-avatar { grid-area: avatar; width: 40px; height: 40px; border-radius: 20px; background-color: var(--orange); background-image: url(/new/static/NBLiveChat/images/ico-agent.svg); background-position: 40% 30%; background-repeat: no-repeat; background-size: 46px; } .NBLiveChat__message-data { grid-area: text; padding: 8px 12px 4px; font-weight: 400; font-size: 16px; line-height: 24px; text-align: left; border: 1px solid var(--gray-light); border-radius: 8px; width: -moz-fit-content; width: fit-content; display: flex; flex-direction: column; gap: 8px; max-width: 100%; min-width: 90px; } @media (max-width: 767px) { .NBLiveChat__message-data { font-size: 14px; line-height: 18px; } } .NBLiveChat__message-data p { margin: unset; font-size: inherit; line-height: inherit; } .NBLiveChat__message-data p + p { margin-top: 8px; } .NBLiveChat__message-text { width: 100%; overflow: hidden; } .NBLiveChat__message-status { margin-top: 2px; font-weight: 400; font-size: 11px; line-height: 14px; text-align: right; color: var(--gray); display: flex; align-items: center; justify-content: flex-end; gap: 3px; } .NBLiveChat__message-content { grid-area: content; padding: 6px 10px; border: 1px solid var(--gray-super-light); border-radius: 8px; display: flex; flex-direction: column; } .NBLiveChat__message-attachment { border-radius: 5px; background-color: var(--orange-light); display: flex; align-items: center; justify-content: center; width: 100%; height: 99px; padding: 10px; pointer-events: none; } .NBLiveChat__message-attachment div { overflow: hidden; font-size: 12px; font-weight: 900; text-transform: uppercase; color: var(--white); text-overflow: ellipsis; white-space: nowrap; } .NBLiveChat__message-attachment.photo { height: auto; background: var(--white); } .NBLiveChat__message-attachment.photo img { max-width: 100%; width: 100%; height: auto; } .NBLiveChat__message a + a .NBLiveChat__message-result { border-top: 1px solid var(--gray-super-light); } .NBLiveChat__message-result { display: flex; gap: 8px; padding: 4px 0px; } .NBLiveChat__message-result_preview { width: 70px; height: 70px; flex-shrink: 0; } @media (max-width: 767px) { .NBLiveChat__message-result_preview { width: 48px; height: 48px; } } .NBLiveChat__message-result_preview img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .NBLiveChat__message-result_text { font-family: 'Arial'; font-size: 16px; line-height: 1; color: var(--gray-dark); } @media (max-width: 767px) { .NBLiveChat__message-result_text { font-size: 12px; line-height: 16px; } } .NBLiveChat__message-error { grid-area: error; position: relative; display: flex; justify-content: flex-end; } .NBLiveChat__message-error_ico { width: 18px; height: 18px; border-radius: 9px; background: var(--red); cursor: pointer; font-size: 16px; color: var(--white); display: flex; align-items: flex-end; justify-content: center; } .NBLiveChat__message-error_ico:hover + .NBLiveChat__message-error_tooltipe { display: flex; } .NBLiveChat__message-error_ico::after { content: ''; display: block; width: 100%; height: 10px; position: absolute; left: 0px; bottom: 100%; } .NBLiveChat__message-error_tooltipe { position: absolute; left: -12px; bottom: calc(100% + 8px); padding: 8px; border-radius: 5px; border: 1px solid var(--gray-super-light3); display: flex; flex-direction: column; gap: 2px; background: var(--white); width: -moz-max-content; width: max-content; display: none; animation: messageShow 0.2s ease-in-out 0s 1; } .NBLiveChat__message-error_tooltipe::after { content: ''; display: block; width: 10px; height: 10px; border-radius: 4px; border-right: 1px solid var(--gray-super-light3); border-bottom: 1px solid var(--gray-super-light3); position: absolute; left: 15px; bottom: -6px; background: var(--white); transform: rotate(45deg); } .NBLiveChat__message-error_tooltipe:hover { display: flex; } .NBLiveChat__message-error_button { width: 100%; color: var(--gray-middle2); font-family: 'Arial'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; cursor: pointer; } .NBLiveChat__message-error_button + .NBLiveChat__message-error_button { border-top: 1px solid var(--gray-super-light3); } .NBLiveChat__order-item { display: flex; flex-direction: column; gap: 2px; position: relative; cursor: pointer; } .NBLiveChat__order-item + .NBLiveChat__order-item { margin-top: 6px; padding-top: 7px; } .NBLiveChat__order-item + .NBLiveChat__order-item::before { content: ''; display: block; width: 100%; height: 1px; background: var(--gray-super-light); position: absolute; left: 0; top: 0; } .NBLiveChat__order-number { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--gray-dark); } .NBLiveChat__order-date { font-weight: 400; font-size: 14px; line-height: 18px; color: var(--gray-light); } .NBLiveChat__order-all { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--blue-medium); } .NBLiveChat__footer { border-top: 1px solid var(--gray-super-light); padding: 16px 12px; background: var(--white); border-radius: 0px 0px var(--br) var(--br); flex: none; margin-bottom: 0 !important; } .NBLiveChat__footer.disabled { pointer-events: none; display: none; } @media (max-width: 767px) { .NBLiveChat__footer { padding: 10px 8px; position: relative; } } .NBLiveChat__footer form { display: flex; flex-direction: column; gap: 8px; } .NBLiveChat__textarea { display: flex; align-items: center; gap: 4px; } @media (max-width: 767px) { .NBLiveChat__textarea { padding-left: 35px; height: 27px; } } .NBLiveChat__input { position: relative; width: calc(100% - 76px); } @media (max-width: 767px) { .NBLiveChat__input { width: calc(100% - 45px); height: 27px; } } .NBLiveChat__input .emoji-wysiwyg-editor { display: block !important; } .NBLiveChat__input .emoji-wysiwyg-editor, .NBLiveChat__input input { display: flex; align-items: center; flex-wrap: wrap; height: 44px; width: 100%; border: none; box-shadow: none; background: none; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--gray-dark); padding: 0px 0px 0px 0px; } .NBLiveChat__input .emoji-wysiwyg-editor:empty, .NBLiveChat__input input:empty { line-height: 44px; } .NBLiveChat__input .emoji-wysiwyg-editor:empty::before, .NBLiveChat__input input:empty::before { pointer-events: none; } @media (max-width: 767px) { .NBLiveChat__input .emoji-wysiwyg-editor, .NBLiveChat__input input { height: 27px !important; min-height: 27px; font-size: 16px; line-height: 24px; } .NBLiveChat__input .emoji-wysiwyg-editor:empty, .NBLiveChat__input input:empty { line-height: 27px; } .NBLiveChat__input .emoji-wysiwyg-editor:focus, .NBLiveChat__input input:focus { height: 27px !important; } .NBLiveChat__input .emoji-wysiwyg-editor:not(:empty), .NBLiveChat__input input:not(:empty) { line-height: 27px; } } .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar, .NBLiveChat__input input::-webkit-scrollbar { width: 5px; } .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar-thumb, .NBLiveChat__input input::-webkit-scrollbar-thumb { background: #DBDBDB; border-radius: 3px; } .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar-track, .NBLiveChat__input input::-webkit-scrollbar-track { background: var(--gray-super-light2); } .NBLiveChat__input .emoji-wysiwyg-editor::-moz-placeholder, .NBLiveChat__input input::-moz-placeholder { font-weight: 400 !important; color: var(--gray); font-family: Arial, Helvetica, sans-serif !important; } .NBLiveChat__input .emoji-wysiwyg-editor::placeholder, .NBLiveChat__input input::placeholder { font-weight: 400 !important; color: var(--gray); font-family: Arial, Helvetica, sans-serif !important; } .NBLiveChat__input-clear { width: 24px; height: 24px; cursor: pointer; position: relative; } .NBLiveChat__input-clear::after, .NBLiveChat__input-clear::before { content: ''; width: 16px; height: 2px; top: 10px; left: 4px; border-radius: 2px; position: absolute; transform: rotate(45deg); background: var(--gray); } .NBLiveChat__input-clear::before { transform: rotate(-45deg); } @media (max-width: 767px) { .NBLiveChat__input-clear { display: none !important; } } .NBLiveChat__input .emoji-menu { bottom: 100%; left: 0px; width: 283px; border: 1px solid var(--gray-super-light); border-radius: 8px; } .NBLiveChat__input .emoji-menu .emoji-items-wrap { overflow: auto; } .NBLiveChat__send { width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; border: none; background: none; padding: 0; margin: 0; outline: none; } @media (max-width: 767px) { .NBLiveChat__send { height: 27px; } } .NBLiveChat__tools { display: flex; align-items: center; gap: 12px; } @media (max-width: 767px) { .NBLiveChat__tools { position: absolute; left: 10px; bottom: 13px; } .NBLiveChat__tools .js-emodji { display: none; } } .NBLiveChat__tools-item { width: 24px; height: 24px; flex-shrink: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; color: var(--gray-light); } .NBLiveChat__tools-item.active { color: var(--blue-dark); } .NBLiveChat__tools-item input[type="file"] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; background: transparent; cursor: pointer; border: none; font-size: 0; line-height: 0; height: auto; opacity: 0; } .NBLiveChat__actions { grid-area: actions; display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; } @media (max-width: 767px) { .NBLiveChat__actions { gap: 8px 5px; } } .NBLiveChat__actions-item { cursor: pointer; padding: 6px 15px; border-radius: 26px; font-weight: 400; font-size: 16px; line-height: 24px; width: auto; color: var(--green-light); border: 1px solid var(--green-light); animation: messageShow 0.2s ease-in-out 0s 1; } @media (max-width: 767px) { .NBLiveChat__actions-item { font-size: 14px; line-height: 16px; padding: 5px 10px; } } .NBLiveChat__actions-item:hover { background: var(--green-hover); color: var(--white); border-color: var(--green-hover); } .NBLiveChat__actions-item:active { background: var(--green-light); color: var(--white); } .NBLiveChat__actions-footer { width: 100%; display: flex; gap: 6px; justify-content: flex-end; align-items: center; } .NBLiveChat__actions-footer svg { cursor: pointer; } @media (max-width: 767px) { .NBLiveChat__actions-footer svg { height: 26px; width: auto; } } .NBLiveChat__actions-nav { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; cursor: pointer; border: 1px solid var(--orange-medium); border-radius: 11px; position: relative; } .NBLiveChat__actions-descr { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); color: #F08013; } .NBLiveChat__files { display: flex; gap: 8px; width: 100%; } @media (max-width: 767px) { .NBLiveChat__files { gap: 5px; } } .NBLiveChat__files-item { border-radius: 5px; display: flex; align-items: center; justify-content: center; position: relative; width: 51px; height: 44px; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: var(--orange-light); position: relative; } .NBLiveChat__files-item.error { outline: 1px solid var(--red); } @media (max-width: 767px) { .NBLiveChat__files-item { width: 37px; height: 35px; } } .NBLiveChat__files-del { position: absolute; top: -2px; right: -4px; width: 12px; height: 12px; border-radius: 50%; cursor: pointer; background: var(--gray-dark); } @media (max-width: 767px) { .NBLiveChat__files-del { width: 8px; height: 8px; } } .NBLiveChat__files-del::before, .NBLiveChat__files-del::after { content: ''; display: block; width: 6px; height: 1px; border-radius: 2px; background: var(--white); position: absolute; left: 3px; top: 5px; transform: rotate(45deg); } @media (max-width: 767px) { .NBLiveChat__files-del::before, .NBLiveChat__files-del::after { width: 4px; } } .NBLiveChat__files-del::after { transform: rotate(-45deg); } .NBLiveChat__files-text { font-size: 12px; font-weight: 900; text-transform: uppercase; color: var(--white); } .NBLiveChat__files-error { position: absolute; left: 0; bottom: calc(100% + 5px); font-family: Arial; color: var(--red); font-size: 10px; line-height: 10px; text-align: left; background: var(--white); } @media (max-width: 767px) { .NBLiveChat__files-error { font-size: 6px; line-height: 9px; } } .NBLiveChat__dialog { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background: rgba(61, 61, 61, 0.4); display: flex; align-items: center; justify-content: center; border-radius: var(--br); } .NBLiveChat__dialog-block { border: 2px solid var(--gray-super-light3); background: var(--white); border-radius: 10px; display: flex; flex-direction: column; text-align: center; width: 280px; flex-shrink: 0; } @media (max-width: 767px) { .NBLiveChat__dialog-block { width: 210px; } } .NBLiveChat__dialog-message { font-family: 'Arial'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 15px; color: var(--gray-middle2); padding: 15px 30px; } @media (max-width: 767px) { .NBLiveChat__dialog-message { font-size: 13px; } } .NBLiveChat__dialog-buttons { display: flex; align-items: center; border-top: 1px solid var(--gray-super-light); } .NBLiveChat__dialog-buttons :nth-child(1) { color: var(--blue-dark2); } .NBLiveChat__dialog-button { width: 100%; font-family: 'Arial'; font-style: normal; font-weight: 400; font-size: 16px; color: var(--gray-dark); cursor: pointer; padding: 5px 20px; height: 40px; text-align: center; display: flex; align-items: center; justify-content: center; } @media (max-width: 767px) { .NBLiveChat__dialog-button { font-size: 13px; height: 30px; } } .NBLiveChat__dialog-button + .NBLiveChat__dialog-button { border-left: 1px solid var(--gray-super-light); } .NBLiveChat__review { grid-area: text; text-align: center; } .NBLiveChat__review.disabled { pointer-events: none; } .NBLiveChat__review-message { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; background: var(--gray-super-light4); padding: 10px 20px; border-radius: 9px; cursor: pointer; } @media (max-width: 767px) { .NBLiveChat__review-message { padding: 6px 20px; } } .NBLiveChat__review-message_title { font-family: 'Arial'; font-weight: 400; font-size: 12px; line-height: 16px; } @media (max-width: 767px) { .NBLiveChat__review-message_title { font-size: 8px; line-height: 9px; } } .NBLiveChat__review-stars { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; gap: 0px; } .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item { color: var(--gray-super-light) !important; } .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item:hover { color: var(--blue) !important; } .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item:hover ~ .NBLiveChat__review-stars_item { color: var(--blue) !important; } .NBLiveChat__review-stars_item { display: flex; align-items: center; justify-content: center; width: 28px; height: 24px; color: var(--gray-super-light); cursor: pointer; } .NBLiveChat__review-stars_item svg { width: 100%; height: 100%; } @media (max-width: 767px) { .NBLiveChat__review-stars_item { width: 18px; height: 18px; } } .NBLiveChat__review-stars_item.active { color: var(--blue); } .NBLiveChat__review-stars_item.active ~ .NBLiveChat__review-stars_item { color: var(--blue); } .NBLiveChat__review-block { position: absolute; top: 75px; left: 0; right: 0; bottom: 0; background: var(--white); z-index: 2; flex-direction: column; gap: 25px; padding: 27px; opacity: 0; animation: messageShow 0.4s ease-in-out 1s 1; animation-fill-mode: forwards; border-radius: 0px 0px var(--br) var(--br); display: none; } @media (max-width: 767px) { .NBLiveChat__review-block { top: 49px; } } .NBLiveChat__review-block.active { display: flex; } .NBLiveChat__review-block_content form { display: flex; flex-direction: column; align-items: center; gap: 12px; } @media (max-width: 767px) { .NBLiveChat__review-block_content form { gap: 7px; } } .NBLiveChat__review-block_title { font-family: 'Arial'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 130%; color: var(--gray-dark); } @media (max-width: 767px) { .NBLiveChat__review-block_title { font-size: 12px; line-height: 16px; } } .NBLiveChat__review-block_status { font-family: 'Arial'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1; color: var(--gray-light); } @media (max-width: 767px) { .NBLiveChat__review-block_status { font-size: 10px; line-height: 12px; } } .NBLiveChat__review-block_input textarea, .NBLiveChat__review-block_input input { border-radius: 20px; border: 1px solid var(--blue); padding: 0px 15px; font-family: 'Arial'; font-style: normal; font-weight: 400; color: var(--gray-middle); font-size: 14px; line-height: 130%; width: 260px; height: 40px; } @media (max-width: 767px) { .NBLiveChat__review-block_input textarea, .NBLiveChat__review-block_input input { font-size: 10px; line-height: 15px; width: 232px; height: 25px; padding: 0px 6px; } } .NBLiveChat__review-block_input textarea { resize: none; height: 160px; padding: 15px; } @media (max-width: 767px) { .NBLiveChat__review-block_input textarea { height: 100px; } } .NBLiveChat__review-block_buttons { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 7px; } .NBLiveChat__review-success { display: flex; display: flex; align-items: flex-start; gap: 7px; } .NBLiveChat__review-success svg { flex-shrink: 0; width: 24px; height: auto; } @media (max-width: 767px) { .NBLiveChat__review-success svg { width: 16px; } } .NBLiveChat__btn { display: flex; align-items: center; justify-content: center; border-radius: 9px; background: var(--blue); color: var(--white); cursor: pointer; font-family: 'Arial'; font-weight: 700; width: 240px; height: 48px; font-size: 12px; line-height: 16px; font-size: 16px; line-height: 24px; } @media (max-width: 767px) { .NBLiveChat__btn { width: 186px; height: 34px; font-size: 12px; line-height: 16px; } } .emoji-menu-tabs tr { display: flex; gap: 10px; } @keyframes messageShow { 0% { opacity: 0; transform: scale(0) translateY(10%); } 100% { opacity: 1; transform: scale(1) translateY(0%); } } @keyframes preloader { 0% { transform: scale(0); } 20% { transform: scale(1); } 40% { transform: scale(0); } 100% { transform: scale(0); } } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }