support-dock{--support-dock-navy: #080047;--support-dock-navy-hover: #1d0f51;--support-dock-red: #c50c13;--support-dock-tint: #ebebf1;--support-dock-online: #3fbf4a;--support-dock-shadow: 0 5px 10px rgba(0, 0, 0, .15);--support-dock-speed: .2s;display:none;position:fixed;z-index:25;bottom:calc(var(--support-dock-bottom, 20px) + var(--support-dock-offset, 0px) + var(--support-dock-lift, 0px) + var(--support-dock-toolbar, 0px));pointer-events:none;font-family:inherit;color:var(--support-dock-navy);transition:bottom .3s ease}support-dock.is-ready.has-sam,support-dock.is-ready.has-live{display:block}.support-dock__inner{display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:transform .3s ease,opacity .3s ease,visibility 0s linear 0s}.support-dock__inner>*,.support-dock__menu>*{pointer-events:auto}support-dock.is-away .support-dock__inner,support-dock.is-blocked .support-dock__inner{transform:translateY(calc(100% + 40px));opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s linear .3s}support-dock.is-away .support-dock__inner *,support-dock.is-blocked .support-dock__inner *{pointer-events:none}.support-dock__menu{display:flex;align-items:center}.support-dock__btn,.support-dock__toggle,.support-dock__tuck,.support-dock__tab{display:flex;align-items:center;justify-content:center;margin:0;font-family:inherit;font-weight:700;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--support-dock-speed) ease,color var(--support-dock-speed) ease,border-color var(--support-dock-speed) ease}.support-dock__btn{gap:6px;height:36px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--support-dock-navy);font-size:12px;line-height:1;letter-spacing:.04em}.support-dock__btn svg,.support-dock__toggle svg{flex-shrink:0;width:var(--support-dock-icon, 16px);height:var(--support-dock-icon, 16px)}.support-dock__sparkle{color:var(--support-dock-red);transition:color var(--support-dock-speed) ease}.support-dock__chat-icon{position:relative;display:flex;width:var(--support-dock-icon, 16px);height:var(--support-dock-icon, 16px)}.support-dock__dot{position:absolute;top:-2px;right:-3px;width:7px;height:7px;box-sizing:content-box;border:1.5px solid #fff;border-radius:999px;background:var(--support-dock-online);transition:border-color var(--support-dock-speed) ease}.support-dock__btn--sam,.support-dock__btn--live,.support-dock__divider,.support-dock__dot,.support-dock__toggle,.support-dock__tuck,.support-dock__tab{display:none}support-dock.has-sam .support-dock__btn--sam,support-dock.has-live .support-dock__btn--live,support-dock.has-live .support-dock__dot{display:flex}support-dock.has-live .support-dock__dot{display:block}.support-dock__btn:focus-visible,.support-dock__btn:active{outline:none;background:var(--support-dock-navy);color:#fff}.support-dock__btn:focus-visible .support-dock__sparkle,.support-dock__btn:active .support-dock__sparkle{color:#fff}.support-dock__btn:focus-visible .support-dock__dot,.support-dock__btn:active .support-dock__dot{border-color:var(--support-dock-navy)}@media(hover:hover){.support-dock__btn:hover{background:var(--support-dock-navy);color:#fff}.support-dock__btn:hover .support-dock__sparkle{color:#fff}.support-dock__btn:hover .support-dock__dot{border-color:var(--support-dock-navy)}}@media(min-width:769px){support-dock{--support-dock-bottom: 24px;--support-dock-icon: 20px;left:0;right:0;width:max-content;margin-inline:auto}support-dock .support-dock__inner{align-items:center}.support-dock__menu{gap:4px;padding:4.5px;border:1.5px solid var(--support-dock-navy);border-radius:999px;background:#fff;box-shadow:var(--support-dock-shadow)}.support-dock__btn{gap:8px;width:152px;height:44px;font-size:13px}support-dock.has-sam.has-live .support-dock__divider{display:block;width:1px;height:22px;background:#0805474d}support-dock.support-dock--compact{left:auto;right:24px;margin-inline:0}support-dock.support-dock--compact .support-dock__inner{align-items:flex-end}support-dock.support-dock--compact .support-dock__menu{display:none;flex-direction:column;align-items:stretch;width:196px;box-sizing:border-box;border-radius:28px}support-dock.support-dock--compact.is-open .support-dock__menu{display:flex}support-dock.support-dock--compact .support-dock__btn{width:auto}support-dock.support-dock--compact.has-sam.has-live .support-dock__divider{width:auto;height:1px;margin:0 14px}support-dock.support-dock--compact .support-dock__toggle{display:flex;gap:8px;height:44px;padding:0 18px;border:1.5px solid var(--support-dock-navy);border-radius:999px;background:#fff;color:var(--support-dock-navy);font-size:13px;line-height:1;letter-spacing:.04em;box-shadow:var(--support-dock-shadow)}.support-dock__toggle>span{display:flex;align-items:center;gap:8px}.support-dock__toggle .support-dock__toggle-open,support-dock.is-open .support-dock__toggle .support-dock__toggle-closed{display:none}support-dock.is-open .support-dock__toggle .support-dock__toggle-open{display:flex}.support-dock__toggle:focus-visible,.support-dock__toggle:active{outline:none;background:var(--support-dock-navy);color:#fff}.support-dock__toggle:focus-visible .support-dock__sparkle,.support-dock__toggle:active .support-dock__sparkle{color:#fff}}@media(min-width:769px)and (hover:hover){.support-dock__toggle:hover{background:var(--support-dock-navy);color:#fff}.support-dock__toggle:hover .support-dock__sparkle{color:#fff}}@media(max-width:768.98px){support-dock{--support-dock-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) ;--support-dock-icon: 20px;right:0}.support-dock__menu{gap:6px;padding-right:16px}.support-dock__btn{width:max(100px,min(116px,calc((100vw - 162px)/2)));height:40px;box-sizing:border-box;border:1.5px solid var(--support-dock-navy);background:#fff;font-size:12px;letter-spacing:.02em;box-shadow:var(--support-dock-shadow)}.support-dock__tuck{position:relative;display:flex;width:40px;height:40px;padding:0;box-sizing:border-box;border:1.5px solid var(--support-dock-navy);border-radius:999px;background:#fff;color:var(--support-dock-navy);box-shadow:var(--support-dock-shadow)}.support-dock__btn:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.support-dock__tuck:after{content:"";position:absolute;top:-6px;bottom:-6px;left:-3px;right:-16px}.support-dock__tuck:focus-visible,.support-dock__tuck:active{outline:none;background:var(--support-dock-tint)}support-dock.is-tucked .support-dock__menu{display:none}support-dock.is-tucked .support-dock__tab{position:relative;display:flex;flex-direction:column;gap:2px;width:50px;height:50px;padding:0;box-sizing:border-box;border:0;border-radius:25px 0 0 25px;background:var(--support-dock-navy);color:#fff;font-size:10px;line-height:1;letter-spacing:.06em;box-shadow:0 5px 10px #0003}.support-dock__tab .support-dock__dot{top:8px;right:auto;left:10px;border-color:var(--support-dock-navy)}.support-dock__tab:focus-visible,.support-dock__tab:active{outline:none;background:var(--support-dock-navy-hover)}.support-dock__tab:focus-visible .support-dock__dot,.support-dock__tab:active .support-dock__dot{border-color:var(--support-dock-navy-hover)}}@media(max-width:768.98px)and (hover:hover){.support-dock__tuck:hover{background:var(--support-dock-tint)}.support-dock__tab:hover{background:var(--support-dock-navy-hover)}.support-dock__tab:hover .support-dock__dot{border-color:var(--support-dock-navy-hover)}}.support-dock__btn:focus-visible,.support-dock__toggle:focus-visible,.support-dock__tuck:focus-visible,.support-dock__tab:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--support-dock-navy)}@media(prefers-reduced-motion:reduce){support-dock,.support-dock__inner,support-dock.is-away .support-dock__inner,support-dock.is-blocked .support-dock__inner{transition:opacity .2s ease,visibility 0s linear .2s;transform:none}.support-dock__btn,.support-dock__toggle,.support-dock__tuck,.support-dock__tab,.support-dock__sparkle,.support-dock__dot{transition:none}}@property --support-dock-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes support-dock-orbit{to{--support-dock-angle: 360deg}}.support-dock__toggle,.support-dock__tab{position:relative}.support-dock__menu:before,.support-dock__toggle:before,.support-dock__tab:before,.support-dock__btn:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--support-dock-angle),transparent 0deg 250deg,var(--support-dock-red) 290deg,#ffffff 318deg,var(--support-dock-red) 336deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:support-dock-orbit 4s linear infinite}.support-dock__btn:before{display:none}.support-dock__menu{position:relative}@media(max-width:768.98px){.support-dock__menu:before{display:none}.support-dock__btn{position:relative}.support-dock__btn:before{display:block}.support-dock__btn--live:before{animation-delay:-2s}}.support-dock__tab:before{top:0;right:0;bottom:0;left:0}support-dock.is-away *:before,support-dock.is-blocked *:before{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.support-dock__menu:before,.support-dock__toggle:before,.support-dock__tab:before,.support-dock__btn:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/401/assets/support-dock.css.map */