/* Виджет обратной связи «Мы на связи». Перенесён со Взаперти, палитра Нелогики. */
:root {
    --widget-main: #a15bde;
    --widget-dark: #340c56;
    --widget-light: #a15bde;
    --widget-soft: rgba(161, 91, 222, 0.28);
    --widget-shadow: rgba(0, 0, 0, 0.18);
}

.vz-custom-fback-widget{position:fixed;right:35px;bottom:35px;z-index:99999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-family:sans-serif}

.vz-custom-fback-widget__hidden{display:none!important}

.vz-custom-fback-widget__sub-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-bottom:14px;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(16px);-ms-transform:translateY(16px);transform:translateY(16px);-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;-o-transition:opacity .3s ease,transform .3s ease,visibility .3s ease;transition:opacity .3s ease,transform .3s ease,visibility .3s ease;transition:opacity .3s ease,transform .3s ease,visibility .3s ease,-webkit-transform .3s ease}

.vz-custom-fback-widget--active .vz-custom-fback-widget__sub-buttons,.vz-custom-fback-widget:hover .vz-custom-fback-widget__sub-buttons{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.vz-custom-fback-widget__main-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;outline:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;cursor:pointer;background:var(--widget-main);padding:0;width:58px;height:58px;border-radius:999px!important;overflow:hidden!important;-webkit-box-shadow:0 8px 24px var(--widget-shadow);box-shadow:0 8px 24px var(--widget-shadow);-webkit-transition:width .35s ease,background .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:width .35s ease,background .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;-o-transition:width .35s ease,background .3s ease,transform .3s ease,box-shadow .3s ease;transition:width .35s ease,background .3s ease,transform .3s ease,box-shadow .3s ease;transition:width .35s ease,background .3s ease,transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;-webkit-animation:vzWidgetPulse 2.8s infinite;animation:vzWidgetPulse 2.8s infinite;-webkit-tap-highlight-color:transparent}

.vz-custom-fback-widget__main-btn:hover{background:var(--widget-dark);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}

.vz-custom-fback-widget--active .vz-custom-fback-widget__main-btn{background:var(--widget-dark)}

.vz-custom-fback-widget--label-visible .vz-custom-fback-widget__main-btn,.vz-custom-fback-widget:hover .vz-custom-fback-widget__main-btn{width:178px;padding-left:18px}

.vz-custom-fback-widget__label{color:#fff;font-weight:600;font-size:14px;line-height:1;white-space:nowrap;letter-spacing:.2px;opacity:0;max-width:0;overflow:hidden;-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px);-webkit-transition:opacity .25s ease,max-width .35s ease,-webkit-transform .25s ease;transition:opacity .25s ease,max-width .35s ease,-webkit-transform .25s ease;-o-transition:opacity .25s ease,transform .25s ease,max-width .35s ease;transition:opacity .25s ease,transform .25s ease,max-width .35s ease;transition:opacity .25s ease,transform .25s ease,max-width .35s ease,-webkit-transform .25s ease}

.vz-custom-fback-widget--label-visible .vz-custom-fback-widget__label,.vz-custom-fback-widget:hover .vz-custom-fback-widget__label{opacity:1;max-width:120px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}

.vz-custom-fback-widget__icon{width:58px;height:58px;min-width:58px;margin-left:0;border-radius:50%!important;overflow:hidden!important;background:var(--widget-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}

.vz-custom-fback-widget__icon svg{width:25px;height:25px;color:#fff;display:block}

.vz-custom-fback-widget__sub-button{width:52px;height:52px;border-radius:50%!important;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;color:#fff;-webkit-box-shadow:0 6px 18px rgba(0,0,0,.16);box-shadow:0 6px 18px rgba(0,0,0,.16);-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;-o-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}

.vz-custom-fback-widget__sub-button:hover{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08);-webkit-box-shadow:0 8px 22px rgba(0,0,0,.2);box-shadow:0 8px 22px rgba(0,0,0,.2)}

.vz-custom-fback-widget__sub-button img,.vz-custom-fback-widget__sub-button svg{width:24px;height:24px;display:block;-o-object-fit:contain;object-fit:contain}

.vz-custom-fback-widget__sub-button img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}

.vz-custom-fback-widget__sub-button--max{background:var(--widget-dark)}

.vz-custom-fback-widget__sub-button--tg,.vz-custom-fback-widget__sub-button--vk,.vz-custom-fback-widget__sub-button--wa{background:var(--widget-light)}

.vz-custom-fback-widget__sub-button--phone{background:var(--widget-main)}

.vz-custom-fback-widget__phone-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}

.vz-custom-fback-widget__tooltip{position:absolute;right:64px;top:50%;-webkit-transform:translateY(-50%) translateX(10px);-ms-transform:translateY(-50%) translateX(10px);transform:translateY(-50%) translateX(10px);background:var(--widget-dark);color:#fff;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;padding:12px 16px;border-radius:999px;-webkit-box-shadow:0 6px 18px rgba(0,0,0,.16);box-shadow:0 6px 18px rgba(0,0,0,.16);opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity .25s ease,visibility .25s ease,-webkit-transform .25s ease;transition:opacity .25s ease,visibility .25s ease,-webkit-transform .25s ease;-o-transition:opacity .25s ease,transform .25s ease,visibility .25s ease;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;transition:opacity .25s ease,transform .25s ease,visibility .25s ease,-webkit-transform .25s ease}

.vz-custom-fback-widget__phone-wrapper:hover .vz-custom-fback-widget__tooltip{opacity:1;visibility:visible;-webkit-transform:translateY(-50%) translateX(0);-ms-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}

.vz-custom-fback-widget__main-btn{position:relative}

.vz-custom-fback-widget__main-btn::after{content:"";position:absolute;inset:0;border-radius:999px;border:3px solid #fff;pointer-events:none;inset:-1px;z-index:1}

@media (max-width:768px){.vz-custom-fback-widget{right:15px;bottom:30px}.vz-custom-fback-widget--label-visible .vz-custom-fback-widget__main-btn,.vz-custom-fback-widget:hover .vz-custom-fback-widget__main-btn,.vz-custom-fback-widget__main-btn{width:58px;height:58px;padding:0;border-radius:50%!important}.vz-custom-fback-widget--label-visible .vz-custom-fback-widget__label,.vz-custom-fback-widget:hover .vz-custom-fback-widget__label,.vz-custom-fback-widget__label{display:none}.vz-custom-fback-widget__icon{width:58px;height:58px;min-width:58px;margin-left:0}.vz-custom-fback-widget__icon svg{width:24px;height:24px}.vz-custom-fback-widget__sub-button{width:50px;height:50px}.vz-custom-fback-widget__sub-button img,.vz-custom-fback-widget__sub-button svg{width:22px;height:22px}.vz-custom-fback-widget__tooltip{display:none}}

@-webkit-keyframes vzWidgetPulse{0%{-webkit-box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 0 var(--widget-soft);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 0 var(--widget-soft)}70%{-webkit-box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 14px rgba(161,91,222,0);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 14px rgba(161,91,222,0)}100%{-webkit-box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 0 rgba(161,91,222,0);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 0 rgba(161,91,222,0)}}

@keyframes vzWidgetPulse{0%{-webkit-box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 0 var(--widget-soft);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 0 var(--widget-soft)}70%{-webkit-box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 14px rgba(161,91,222,0);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 14px rgba(161,91,222,0)}100%{-webkit-box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 0 rgba(161,91,222,0);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 0 rgba(161,91,222,0)}}