.floating-icons{position:fixed;z-index:400;display:flex;flex-direction:column;gap:var(--floating-gap, 14px)}.floating-icons--bottom-right{right:var(--floating-offset-x, 20px);bottom:var(--floating-offset-y, 20px);align-items:flex-end}.floating-icons--bottom-left{left:var(--floating-offset-x, 20px);bottom:var(--floating-offset-y, 20px);align-items:flex-start}.floating-icons--top-right{right:var(--floating-offset-x, 20px);top:var(--floating-offset-y, 20px);align-items:flex-end}.floating-icons--top-left{left:var(--floating-offset-x, 20px);top:var(--floating-offset-y, 20px);align-items:flex-start}.floating-icons__button{display:flex;align-items:center;gap:10px;width:var(--floating-size, 56px);height:var(--floating-size, 56px);padding:0;border:none;border-radius:var(--floating-radius, 100%);background:var(--floating-bg, #111111);color:var(--floating-icon-color, #ffffff);box-shadow:0 4px 14px #00000038;cursor:pointer;text-decoration:none;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,width .2s ease,border-radius .2s ease}.floating-icons__button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000047}.floating-icons__button:has(.floating-icons__label){width:auto;padding:0 18px 0 0;border-radius:calc(var(--floating-size, 56px) / 2)}.floating-icons__icon{position:relative;flex-shrink:0;width:var(--floating-size, 56px);height:var(--floating-size, 56px);display:flex;align-items:center;justify-content:center}.floating-icons__icon svg{width:46%;height:46%;color:var(--floating-icon-color, #ffffff)}.floating-icons__label{font-size:14px;font-weight:600;white-space:nowrap;color:var(--floating-icon-color, #ffffff)}.floating-icons__badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e02020;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.is-pulsing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;opacity:.55;animation:floating-pulse 2.2s ease-out infinite;z-index:-1}@keyframes floating-pulse{0%{transform:scale(1);opacity:.55}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.is-pulsing:before{animation:none}.floating-icons__button{transition:none}}@media screen and (max-width:480px){.floating-icons__label{display:none}.floating-icons__button:has(.floating-icons__label){width:var(--floating-size, 56px);padding:0;border-radius:var(--floating-radius, 100%)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/floating-icons.css.map */