.mfc{--ivory:#f5f1ea;--forest:#27374d;--sand:#ebe5d8;--ink:#14202c;--gold:#b8935a;--body:Manrope,"Helvetica Neue",Arial,sans-serif;--display:inherit}.mfc,.mfc *{box-sizing:border-box;margin:0;padding:0}.mfc button{font-family:inherit;border:0;cursor:pointer;width:100%}.coco{position:fixed;right:16px;top:max(90px,22vh);z-index:9998;font-family:var(--body)}.mfc .coco-fab{width:78px;height:90px;padding:0;background:none;box-shadow:none;border:0;display:block;filter:drop-shadow(0 12px 14px rgba(20,32,44,.3));transition:transform .2s}.coco-fab:hover{transform:translateY(-3px) scale(1.06)}.coco svg{width:100%;height:100%;overflow:visible;display:block}.coco .wave{transform-origin:44px 53px;animation:cocowave 2.4s ease-in-out infinite}@keyframes cocowave{0%,55%,to{transform:rotate(0)}8%{transform:rotate(-26deg)}18%{transform:rotate(8deg)}28%{transform:rotate(-26deg)}38%{transform:rotate(8deg)}48%{transform:rotate(-18deg)}}.coco .eye{transform-box:fill-box;transform-origin:center;animation:cocoblink 5s infinite}@keyframes cocoblink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.coco .ant{transform-box:fill-box;transform-origin:center;animation:cocoant 2s ease-in-out infinite}@keyframes cocoant{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.4)}}.coco-tip{position:absolute;right:86px;top:10px;background:var(--ivory);color:var(--forest);font-size:13px;font-weight:500;padding:9px 14px;border-radius:16px 16px 4px;box-shadow:0 8px 22px #14202c40;white-space:nowrap}.coco-tip[hidden]{display:none}.coco-panel{position:absolute;right:0;top:0;width:352px;height:min(500px,calc(100vh - 130px));background:var(--ivory);border-radius:28px;box-shadow:0 28px 70px #14202c66;display:flex;flex-direction:column;overflow:hidden}.coco-panel[hidden]{display:none}.coco.open .coco-fab{visibility:hidden}.coco-h{background:var(--forest);color:var(--ivory);padding:14px 16px;display:flex;align-items:center;gap:12px;flex:none}.coco-av{width:40px;height:46px;flex:none}.coco-h b{font-family:var(--display);font-size:26px;font-weight:600;line-height:1;display:block}.coco-h small{font-size:12px;color:#d9bf8c;display:block;margin-top:3px}.mfc .coco-x{margin-left:auto;width:34px;height:34px;border-radius:50%;background:#f5f1ea24;color:var(--ivory);font-size:22px;line-height:1;padding:0;display:grid;place-items:center}.mfc .coco-x:hover{background:#f5f1ea42}.coco-msgs{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.coco-m{max-width:86%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.5}.coco-m.bot{background:var(--sand);color:var(--ink);border-bottom-left-radius:6px;align-self:flex-start}.coco-m.user{background:var(--forest);color:var(--ivory);border-bottom-right-radius:6px;align-self:flex-end}.coco-typing{display:flex;gap:5px;padding:14px 16px}.coco-typing i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:cocodot 1s infinite}.coco-typing i:nth-child(2){animation-delay:.15s}.coco-typing i:nth-child(3){animation-delay:.3s}@keyframes cocodot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.coco-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px;flex:none}.mfc .coco-chips button{width:auto;padding:8px 13px;border-radius:16px;border:1px solid rgba(184,147,90,.65);background:transparent;color:var(--forest);font-size:12.5px;font-weight:500;transition:background .2s,color .2s}.mfc .coco-chips button:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}.coco-form{display:flex;gap:8px;padding:12px 14px 14px;border-top:1px solid rgba(20,32,44,.12);flex:none}.coco-input{flex:1;min-width:0;border:0;background:var(--sand);border-radius:18px;padding:12px 16px;font:400 14px var(--body);color:var(--ink);outline:none}.coco-input:focus{box-shadow:0 0 0 2px #b8935a80}.mfc .coco-send{width:44px;height:44px;border-radius:50%;background:var(--gold);display:grid;place-items:center;padding:0;flex:none}.coco-send svg{width:20px;height:20px;stroke:var(--ink);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.coco{right:0;top:max(100px,24vh)}.mfc .coco-fab{position:relative;width:160px;height:172px;transform:translate(62px) rotate(-5deg);transform-origin:90% 60%;transition:transform .55s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(-8px 14px 16px rgba(20,32,44,.38));animation:cocopeek 4.2s ease-in-out infinite}.mfc .coco-fab:hover,.mfc .coco-fab:focus-visible{transform:translate(30px) rotate(-3deg) scale(1.02);animation:none}.coco.open .coco-fab{visibility:visible;transform:translate(-10px) rotate(0);animation:none}@keyframes cocopeek{0%,to{transform:translate(62px) rotate(-5deg)}50%{transform:translate(54px) rotate(-4deg)}}.coco .wave{transform-origin:38px 94px;animation:cocowave 2.1s ease-in-out infinite}@keyframes cocowave{0%,to{transform:rotate(0)}12%{transform:rotate(-24deg)}24%{transform:rotate(10deg)}36%{transform:rotate(-24deg)}48%{transform:rotate(10deg)}60%{transform:rotate(-14deg)}72%{transform:rotate(0)}}.coco-tip{right:128px;top:34px}.coco-panel{right:156px;top:-20px}.coco-av{width:48px;height:38px}.coco{right:18px;top:max(96px,22vh)}.mfc .coco-fab{width:96px;height:125px;transform:none;transform-origin:50% 100%;animation:cocobob 3.2s ease-in-out infinite;filter:drop-shadow(0 14px 14px rgba(20,32,44,.32));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.mfc .coco-fab:hover,.mfc .coco-fab:focus-visible{transform:scale(1.1) rotate(-3deg);animation:none}.coco.open .coco-fab{transform:none;animation:none}.coco-fab img{width:100%;height:100%;object-fit:contain;display:block;transform-origin:20% 60%;animation:cocowave2 2.6s ease-in-out infinite}@keyframes cocobob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes cocowave2{0%,60%,to{transform:rotate(0)}10%{transform:rotate(-5deg)}20%{transform:rotate(4deg)}30%{transform:rotate(-5deg)}40%{transform:rotate(4deg)}50%{transform:rotate(-3deg)}}.coco-tip{right:108px;top:26px}.coco-panel{right:112px;top:-14px}.coco-av{width:40px;height:48px;border-radius:50%;background:var(--ivory);overflow:hidden;flex:none;display:block}.coco-head{width:100%;height:auto;display:block;transform:scale(1.9) translate(-1%,14%);transform-origin:50% 0}@media(max-width:960px){.coco{top:100px;right:10px}.mfc .coco-fab{width:76px;height:99px}.coco.open .coco-fab{visibility:hidden}.coco-tip{right:84px;top:18px}.coco-panel{position:fixed;left:10px;right:10px;top:auto;bottom:10px;width:auto;height:min(74vh,560px)}}.coco{right:0}.mfc .coco-fab{width:112px;height:141px;animation:none;transform:translate(10%) rotate(-5deg);transform-origin:100% 55%;transition:transform .45s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(-6px 10px 12px rgba(20,32,44,.3))}.mfc .coco-fab:hover,.mfc .coco-fab:focus-visible{transform:translate(-4%) rotate(-3deg);animation:none}.coco-fab img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;animation:none;transform:none}.coco-fab img.pk{display:block}.coco-fab img.fl{display:none}.coco.open .coco-fab{width:96px;height:125px;transform:none}.coco.open .coco-fab img.pk{display:none}.coco.open .coco-fab img.fl{display:block;animation:cocopop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes cocopop{0%{transform:translate(60%) scale(.8) rotate(8deg);opacity:0}to{transform:none;opacity:1}}.coco-panel{right:118px}.coco-tip{right:126px;top:34px}.coco-av .coco-head{transform:scale(1.9) translate(-1%,14%)}@media(max-width:960px){.coco{top:176px}.mfc .coco-fab{width:92px;height:116px}.coco-tip{right:100px;top:24px}.coco.open .coco-fab{visibility:visible;position:fixed;right:22px;bottom:calc(-2px + min(74vh,560px));width:84px;height:110px;z-index:3}}.coco-dismiss{position:absolute;left:-4px;top:-8px;width:22px;height:22px;border-radius:50%;border:0;background:#14202cc7;color:#f5f1ea;font:400 15px/1 var(--body);padding:0;cursor:pointer;z-index:4;display:grid;place-items:center}.coco.open .coco-dismiss,.coco.gone{display:none}@media(max-width:960px){.mfc .coco-fab{width:70px!important;height:88px!important}.coco{top:190px}.coco-tip{right:76px!important;top:22px!important;font-size:12px}.coco.open .coco-fab{width:70px!important;height:92px!important}}.coco-dismiss{left:auto!important;right:6px!important;top:-12px!important}.mfc .coco-x,.mfc .coco-x:hover{background:none!important;border-radius:0;width:28px;height:28px}.mfc .coco-dismiss,.coco-dismiss{right:0!important;left:auto!important;top:-6px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#f5f1eaeb!important;color:var(--forest)!important;font:500 13px/1 var(--body)!important;box-shadow:0 1px 4px #14202c40;padding:0!important}
/*# sourceMappingURL=/cdn/shop/files/mf-coco.css.map */
