#sidebar-webchat-container{position:fixed;top:0;right:0;height:100vh;width:400px;min-width:400px;max-width:800px;z-index:9999;transform:translate(100%);transition:transform .3s ease-in-out}#sidebar-webchat-container.open{transform:translate(0)}#sidebar-resize-handle{position:absolute;top:0;left:0;width:8px;height:100%;cursor:ew-resize;z-index:10002;display:flex;align-items:center;justify-content:center;transition:background .2s ease}#sidebar-resize-handle:hover{background:#37446e1a}#sidebar-resize-handle:active{background:#37446e33}.resize-handle-line{width:2px;height:60px;background:#37446e;border-radius:2px;opacity:.5;transition:opacity .2s ease}#sidebar-resize-handle:hover .resize-handle-line{opacity:1}#sidebar-webchat-iframe{width:100%;height:100%;border:none;border-left:1px solid #e0e0e0;box-shadow:-2px 0 8px #0000001a}#sidebar-mobile-header{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;position:relative;z-index:10001}#sidebar-close-btn{display:flex;width:44px;height:44px;border-radius:50%;border:3px solid #37446e;background:#fff;justify-content:center;align-items:center;padding:0;cursor:pointer;box-shadow:0 4px 12px #0003;transition:transform .2s ease,background .2s ease}#sidebar-close-btn:active{transform:scale(.92)}#sidebar-close-btn:hover{background:#f5f5f5}#sidebar-close-btn svg{width:22px;height:22px;stroke:#37446e;stroke-width:2.5;fill:none;stroke-linecap:round}.sidebar-close-btn-desktop{position:fixed;top:16px;right:-50px;width:50px;height:70px;background:#fff;border:2px solid #e0e0e0;border-right:none;border-radius:35px 0 0 35px;cursor:pointer;display:none;align-items:center;justify-content:flex-start;padding-left:16px;z-index:10001;transition:background .2s ease,border-color .2s ease;box-shadow:-3px 2px 12px #00000026;opacity:0;pointer-events:none}body.sidebar-open .sidebar-close-btn-desktop{opacity:1;pointer-events:auto}.sidebar-close-btn-desktop svg{width:22px;height:22px;stroke:#37446e;stroke-width:2.5;fill:none;stroke-linecap:round}.sidebar-close-btn-desktop:hover{background:#f5f5f5;border-color:#37446e}.sidebar-close-btn-desktop:hover svg{stroke:#2c3757}.sidebar-close-btn-desktop:active{background:#e8e8e8}.header-item--logo{flex-grow:1;max-width:none}.logo-beer-wrapper{padding-right:25px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}#sidebar-webchat-toggle{background:#fff;color:#37446e;border:2.5px solid #37446e;border-radius:3px 3px 10px 10px;padding:9px 9px 11px;cursor:pointer;transition:color .4s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:visible;z-index:9998;font-weight:700;min-height:44px;box-shadow:inset 0 0 0 1.5px #37446e}.beer-foam{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);width:calc(100% - 3px);height:11px;background:linear-gradient(to bottom,#fff8dc,#f5e6b8,#e8d59c);border-radius:50% 50% 0 0/100% 100% 0 0;z-index:1;pointer-events:none;transition:bottom .6s ease-out;box-shadow:0 -2px 4px #fff8dccc inset,0 2px 6px #0003}#sidebar-webchat-toggle:hover .beer-foam{bottom:10%}.foam-bubble{position:absolute;background:radial-gradient(circle,#FFF8DC 0%,#F5E6B8 50%,transparent 100%);border-radius:50%;pointer-events:none;box-shadow:0 1px 2px #00000026}.foam-bubble:nth-child(1){width:6px;height:6px;top:-3px;left:18%}.foam-bubble:nth-child(2){width:6px;height:6px;top:-2px;left:45%}.foam-bubble:nth-child(3){width:7px;height:7px;top:-4px;left:72%}#sidebar-webchat-toggle:after{content:"";position:absolute;right:-22px;top:50%;transform:translateY(-50%);width:19px;height:30px;border:3px solid #37446e;border-left:none;border-radius:0 11px 11px 0;background:transparent;transition:background .4s ease-out;z-index:2;box-shadow:inset -1.5px 0 #37446e}#sidebar-webchat-toggle:hover:after{background:#d354000d}#sidebar-webchat-toggle:before{content:"";position:absolute;bottom:1.5px;left:1.5px;width:calc(100% - 3px);height:100%;background:linear-gradient(to bottom,#f39c12,#e67e22,#d35400);border-radius:0 0 5px 5px;transition:height .6s ease-out;z-index:-1;box-shadow:inset 0 2px 8px #0000001a}#sidebar-webchat-toggle:hover:before{height:calc(10% - 1.5px)}#sidebar-webchat-toggle:hover{color:#1a1a1a;transform:scale(1.05)}#sidebar-webchat-toggle:active{transform:scale(.98)}#sidebar-webchat-toggle:active:before{background:linear-gradient(to bottom,#e67e22,#d35400,#c0392b)}.beer-bubble{position:absolute;bottom:0;width:4px;height:4px;background:#fff9;border-radius:50%;animation:rise 2s ease-in infinite;z-index:0;opacity:0}.beer-bubble:nth-child(1){left:20%;animation-delay:0s;animation-duration:2.5s}.beer-bubble:nth-child(2){left:40%;animation-delay:.5s;animation-duration:2.8s;width:3px;height:3px}.beer-bubble:nth-child(3){left:60%;animation-delay:1s;animation-duration:2.3s}.beer-bubble:nth-child(4){left:75%;animation-delay:1.5s;animation-duration:2.6s;width:3px;height:3px}.beer-bubble:nth-child(5){left:85%;animation-delay:.8s;animation-duration:2.4s;width:5px;height:5px}@keyframes rise{0%{bottom:0;opacity:0}10%{opacity:1}85%{opacity:1}to{bottom:95%;opacity:0;transform:translate(8px)}}#sidebar-webchat-toggle .beer-bubble{clip-path:inset(0 0 0 0)}#sidebar-webchat-toggle:hover .beer-bubble{display:none}@media (max-width: 768px){#sidebar-webchat-container{width:100%;min-width:100%;max-width:100%}#sidebar-resize-handle{display:none}#sidebar-mobile-header{display:flex}#sidebar-webchat-iframe{height:calc(100% - 68px)}#sidebar-webchat-toggle{position:relative;padding:7px 7px 9px;min-height:38px;border-width:2px;box-shadow:inset 0 0 0 1px #37446e}#sidebar-webchat-toggle:after{width:15px;height:24px;right:-17px;border-width:2.5px;border-radius:0 9px 9px 0;box-shadow:inset -1px 0 #37446e}#sidebar-webchat-toggle span{font-size:8px!important;font-weight:700!important}.beer-bubble{width:3px;height:3px}.logo-beer-wrapper{gap:15px;padding-right:10px}.beer-foam{height:8px;bottom:calc(100% + 2px)}#sidebar-webchat-toggle:hover .beer-foam{bottom:10%}.foam-bubble:nth-child(1){width:4px;height:4px;top:-2px}.foam-bubble:nth-child(2){width:4px;height:4px;top:-2px}.foam-bubble:nth-child(3){width:5px;height:5px;top:-3px}#sidebar-webchat-toggle:before{bottom:1px;left:1px;width:calc(100% - 2px);height:100%;border-radius:0 0 8px 8px}#sidebar-webchat-toggle:hover:before{height:calc(10% - 1px)}.beer-foam{width:calc(100% - 2px)}}@media (min-width: 769px) and (max-width: 1024px){#sidebar-webchat-container{width:350px;min-width:350px;max-width:600px}#sidebar-mobile-header{display:none}.sidebar-close-btn-desktop{display:flex}#sidebar-webchat-iframe{height:100%}#sidebar-webchat-toggle{padding:8px 8px 10px;min-height:42px;border-width:2.5px;box-shadow:inset 0 0 0 1.5px #37446e}#sidebar-webchat-toggle:after{width:17px;height:28px;right:-20px;border-width:3px;border-radius:0 10px 10px 0;box-shadow:inset -1.5px 0 #37446e}#sidebar-webchat-toggle span{font-size:9px!important;font-weight:700!important}.logo-beer-wrapper{gap:30px;padding-right:20px}.beer-foam{height:10px;bottom:calc(100% + 2px)}#sidebar-webchat-toggle:hover .beer-foam{bottom:10%}#sidebar-webchat-toggle:before{bottom:1.5px;left:1.5px;width:calc(100% - 3px);height:100%;border-radius:0 0 8px 8px}#sidebar-webchat-toggle:hover:before{height:calc(10% - 1.5px)}.beer-foam{width:calc(100% - 3px)}}@media (min-width: 1025px){#sidebar-mobile-header{display:none}.sidebar-close-btn-desktop{display:flex}#sidebar-webchat-iframe{height:100%}.logo-beer-wrapper{gap:50px}}@media (min-width: 1200px){.logo-beer-wrapper{gap:80px}}@media (min-width: 1400px){.logo-beer-wrapper{gap:120px}}body.sidebar-open #gorgias-web-messenger-container,body.sidebar-open [id^=gorgias-],body.sidebar-open iframe[src*=gorgias]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/101/assets/sidebar-webchat.css.map */