#ffc-bar,#ffc-bar *,#ffc-bar *::before,#ffc-bar *::after{box-sizing:border-box}
#ffc-bar{--ffc-cream:#fbf6ef;--ffc-paper:#fffdf9;position:fixed;z-index:99990;font-family:inherit;line-height:1.25;color:var(--ffc-brand);opacity:1;visibility:visible;transition:opacity .3s ease,transform .45s cubic-bezier(.22,.8,.3,1),visibility .3s}
#ffc-bar.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
#ffc-bar a,#ffc-bar a:hover,#ffc-bar a:focus{text-decoration:none;box-shadow:none;border:0;outline:0}
#ffc-bar .ffc-panel{display:flex;flex-direction:column;gap:6px;padding:7px;margin:0;background:var(--ffc-paper);border:1px solid rgba(84,60,52,.12);border-radius:22px;box-shadow:0 14px 34px -10px rgba(58,36,28,.28),0 2px 6px rgba(58,36,28,.06)}
#ffc-bar .ffc-item{position:relative;display:flex;align-items:center;margin:0;color:var(--ffc-brand);-webkit-tap-highlight-color:transparent}
#ffc-bar .ffc-tile{--ffc-ico:var(--ffc-brand);--ffc-cut:var(--ffc-icon-bg);position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--ffc-icon-bg);color:var(--ffc-ico);transition:background-color .2s,color .2s,transform .2s}
#ffc-bar.icon-original .t-zalo .ffc-tile{--ffc-ico:#0068ff}
#ffc-bar.icon-original .t-messenger .ffc-tile{--ffc-ico:#0084ff}
#ffc-bar.icon-original .t-phone .ffc-tile{--ffc-ico:#22a559}
#ffc-bar .ffc-tile svg{width:24px;height:24px;display:block;overflow:visible}
#ffc-bar .ffc-tile .ffc-img{width:26px;height:26px;max-width:none;object-fit:contain;display:block;margin:0}
#ffc-bar .ffc-item:hover .ffc-tile,#ffc-bar .ffc-item:focus-visible .ffc-tile{background:var(--ffc-brand);color:var(--ffc-cream);--ffc-cut:var(--ffc-brand);transform:translateY(-1px)}
#ffc-bar .ffc-item:focus-visible .ffc-tile{outline:2px solid var(--ffc-accent);outline-offset:2px}
#ffc-bar .ffc-item.is-hl .ffc-tile{background:var(--ffc-brand);color:var(--ffc-cream);--ffc-cut:var(--ffc-brand)}
#ffc-bar .ffc-item.is-hl:hover .ffc-tile{background:var(--ffc-accent);--ffc-cut:var(--ffc-accent)}
#ffc-bar .ffc-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#2fb26a;border:2px solid var(--ffc-paper)}
#ffc-bar .is-closed .ffc-dot{background:#a8a29e}
#ffc-bar .ffc-label{display:flex;flex-direction:column;gap:2px;text-align:left}
#ffc-bar .ffc-title{font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
#ffc-bar .ffc-desc{font-size:12px;opacity:.7;white-space:nowrap}
#ffc-bar .ffc-fab{display:none}
.ffc-backdrop{display:none}
@keyframes ffc-vibrate{0%,62%,100%{transform:rotate(0) scale(1)}68%{transform:rotate(-14deg) scale(1.08)}74%{transform:rotate(14deg) scale(1.08)}80%{transform:rotate(-10deg) scale(1.08)}86%{transform:rotate(10deg) scale(1.08)}92%{transform:rotate(0) scale(1)}}
@keyframes ffc-ring{0%{transform:scale(1);opacity:.35}80%,100%{transform:scale(1.6);opacity:0}}
#ffc-bar .ffc-shake,#ffc-bar .ffc-fab-shake{animation:ffc-vibrate 3.2s infinite ease-in-out}

@media(min-width:992px){
#ffc-bar .ffc-dev-mobile{display:none!important}
#ffc-bar.pos-right{right:18px;top:50%;transform:translateY(-50%)}
#ffc-bar.pos-left{left:18px;top:50%;transform:translateY(-50%)}
#ffc-bar.pos-right.is-hidden{transform:translate(24px,-50%)}
#ffc-bar.pos-left.is-hidden{transform:translate(-24px,-50%)}
#ffc-bar.pos-left .ffc-label,#ffc-bar.pos-right .ffc-label{position:absolute;top:50%;padding:9px 14px;border-radius:12px;background:var(--ffc-brand);color:var(--ffc-cream);box-shadow:0 10px 24px -8px rgba(58,36,28,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:2}
#ffc-bar.pos-left .ffc-label::after,#ffc-bar.pos-right .ffc-label::after{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;background:var(--ffc-brand);border-radius:2px;transform:rotate(45deg)}
#ffc-bar.pos-right .ffc-label{right:calc(100% + 14px);transform:translate(6px,-50%)}
#ffc-bar.pos-right .ffc-label::after{right:-4px}
#ffc-bar.pos-left .ffc-label{left:calc(100% + 14px);transform:translate(-6px,-50%)}
#ffc-bar.pos-left .ffc-label::after{left:-4px}
#ffc-bar.pos-left .ffc-item:hover .ffc-label,#ffc-bar.pos-right .ffc-item:hover .ffc-label,
#ffc-bar.pos-left .ffc-item:focus-visible .ffc-label,#ffc-bar.pos-right .ffc-item:focus-visible .ffc-label{opacity:1;visibility:visible;transform:translate(0,-50%)}

#ffc-bar.pos-bottom{left:50%;bottom:22px;transform:translateX(-50%)}
#ffc-bar.pos-bottom.is-hidden{transform:translate(-50%,24px)}
#ffc-bar.pos-bottom .ffc-panel{flex-direction:row;align-items:center;gap:4px;padding:6px;border-radius:999px}
#ffc-bar.pos-bottom .ffc-item{gap:10px;padding-right:18px;border-radius:999px;transition:background-color .2s,filter .2s}
#ffc-bar.pos-bottom .ffc-tile{border-radius:50%}
#ffc-bar.pos-bottom .ffc-item:hover{background:var(--ffc-icon-bg)}
#ffc-bar.pos-bottom .ffc-item.is-hl{background:var(--ffc-brand);color:var(--ffc-cream)}
#ffc-bar.pos-bottom .ffc-item.is-hl .ffc-tile{background:var(--ffc-accent);--ffc-cut:var(--ffc-accent)}
#ffc-bar.pos-bottom .ffc-item.is-hl:hover{background:var(--ffc-brand);filter:brightness(1.15)}
#ffc-bar.pos-bottom .ffc-item.is-hl .ffc-desc{opacity:.8}
}

@media(max-width:991px){
#ffc-bar .ffc-dev-desktop{display:none!important}
#ffc-bar.pos-bottom{left:0;right:0;bottom:0}
#ffc-bar.pos-bottom.is-hidden{transform:translateY(100%)}
#ffc-bar.pos-bottom .ffc-panel{flex-direction:row;justify-content:space-around;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-width:1px 0 0;border-radius:18px 18px 0 0;overflow-x:auto;scrollbar-width:none}
#ffc-bar.pos-bottom .ffc-panel::-webkit-scrollbar{display:none}
#ffc-bar.pos-bottom .ffc-item{flex:1 0 64px;flex-direction:column;justify-content:center;gap:3px;padding:2px 4px;text-align:center}
#ffc-bar.pos-bottom .ffc-tile{width:38px;height:38px;border-radius:13px}
#ffc-bar.pos-bottom .ffc-tile svg{width:22px;height:22px}
#ffc-bar.pos-bottom .ffc-label{align-items:center}
#ffc-bar.pos-bottom .ffc-title{font-size:10.5px;font-weight:500;letter-spacing:0}
#ffc-bar.pos-bottom .ffc-desc{display:none}

#ffc-bar.pos-left,#ffc-bar.pos-right{bottom:calc(22px + env(safe-area-inset-bottom,0px))}
#ffc-bar.mob-bottom-right{right:16px;left:auto}
#ffc-bar.mob-bottom-left{left:16px;right:auto}
#ffc-bar.pos-left.is-hidden,#ffc-bar.pos-right.is-hidden{transform:scale(.6)}
#ffc-bar.mob-bottom-right.is-hidden{transform-origin:bottom right}
#ffc-bar.mob-bottom-left.is-hidden{transform-origin:bottom left}

#ffc-bar.pos-left .ffc-fab,#ffc-bar.pos-right .ffc-fab{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:var(--ffc-mob-size);height:var(--ffc-mob-size);min-height:0;margin:0;padding:0;line-height:1;letter-spacing:0;border:0;border-radius:50%;background:var(--ffc-brand);color:var(--ffc-cream);box-shadow:0 10px 26px -6px rgba(58,36,28,.55);cursor:pointer;-webkit-tap-highlight-color:transparent}
#ffc-bar .ffc-fab:focus-visible{outline:2px solid var(--ffc-accent);outline-offset:3px}
#ffc-bar.has-custom-fab .ffc-fab{background:transparent;box-shadow:none}
#ffc-bar .ffc-pulse{position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--ffc-brand);opacity:.35;animation:ffc-ring 2.4s ease-out infinite;pointer-events:none}
#ffc-bar .ffc-fab-open,#ffc-bar .ffc-fab-close{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s}
#ffc-bar .ffc-fab-open svg{width:46%;height:46%;display:block}
#ffc-bar .ffc-fab-close svg{width:40%;height:40%;display:block}
#ffc-bar .ffc-fab-img{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:50%;display:block;margin:0}
#ffc-bar .ffc-fab-close{background:var(--ffc-accent);opacity:0;transform:rotate(-90deg) scale(.5)}
#ffc-bar.is-open .ffc-fab-open{opacity:0;transform:rotate(90deg) scale(.5)}
#ffc-bar.is-open .ffc-fab-close{opacity:1;transform:none}
#ffc-bar.is-open .ffc-fab,#ffc-bar.is-open .ffc-pulse{animation:none}

#ffc-bar.pos-left .ffc-panel,#ffc-bar.pos-right .ffc-panel{position:absolute;bottom:calc(var(--ffc-mob-size) + 14px);width:max-content;gap:10px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;pointer-events:none;z-index:2}
#ffc-bar.mob-bottom-right .ffc-panel{right:0;align-items:flex-end}
#ffc-bar.mob-bottom-left .ffc-panel{left:0;align-items:flex-start}
#ffc-bar.pos-left .ffc-item,#ffc-bar.pos-right .ffc-item{gap:10px;padding:5px 18px 5px 5px;background:var(--ffc-paper);border-radius:999px;box-shadow:0 8px 22px -6px rgba(58,36,28,.4);opacity:0;transform:translateY(14px) scale(.92);transition:opacity .25s ease,transform .32s cubic-bezier(.34,1.4,.5,1);transition-delay:calc(var(--n,0) * 45ms)}
#ffc-bar.mob-bottom-right .ffc-item{flex-direction:row-reverse;padding:5px 5px 5px 18px}
#ffc-bar.pos-left .ffc-tile,#ffc-bar.pos-right .ffc-tile{width:42px;height:42px;border-radius:50%}
#ffc-bar.pos-left .ffc-item.is-hl,#ffc-bar.pos-right .ffc-item.is-hl{background:var(--ffc-brand);color:var(--ffc-cream)}
#ffc-bar.pos-left .ffc-item.is-hl .ffc-tile,#ffc-bar.pos-right .ffc-item.is-hl .ffc-tile{background:var(--ffc-accent);--ffc-cut:var(--ffc-accent)}
#ffc-bar.pos-left .ffc-panel,#ffc-bar.pos-right .ffc-panel{visibility:hidden;transition:visibility 0s linear .35s}
#ffc-bar.is-open .ffc-panel{pointer-events:auto;visibility:visible;transition-delay:0s}
#ffc-bar.is-open .ffc-item{opacity:1;transform:none}

.ffc-backdrop{display:block;position:fixed;inset:0;z-index:99980;background:rgba(43,29,24,.42);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.ffc-backdrop.is-on{opacity:1;visibility:visible}
}

@media(prefers-reduced-motion:reduce){
#ffc-bar,#ffc-bar *{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
}