.floating-action-button{--fab-size: 3.5rem;--fab-icon-size: 1.5rem;--fab-background: #b500b5;--fab-color: #fcfcfc;--fab-interval: 10s;position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-width:var(--fab-size);min-height:var(--fab-size);padding:.875rem;border-radius:9999px;background:var(--fab-background);color:var(--fab-color);box-shadow:0 .5rem 1.25rem #0000002e,0 .125rem .375rem #0000001f;text-decoration:none;line-height:1;transition:transform .16s ease,box-shadow .16s ease;transform-origin:center bottom}.floating-action-button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 .75rem 1.5rem #00000038,0 .25rem .5rem #00000024}.floating-action-button:focus-visible{outline:2px solid var(--fab-color);outline-offset:3px}.floating-action-button--with-text{padding:.75rem 1.125rem .75rem .875rem}.floating-action-button__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--fab-icon-size);height:var(--fab-icon-size);color:inherit}.floating-action-button__icon .icon{width:100%;height:100%}.floating-action-button__image{display:block;width:100%;height:100%;object-fit:contain}.floating-action-button__text{font-size:.9375rem;font-weight:600;white-space:nowrap;color:inherit}.floating-action-button--bounce{animation:floating-action-bounce var(--fab-interval) ease-in-out infinite}.floating-action-button--shake{animation:floating-action-shake var(--fab-interval) ease-in-out infinite}.floating-action-button--bounce:hover,.floating-action-button--shake:hover{animation-play-state:paused}@keyframes floating-action-bounce{0%,8%,to{transform:translateY(0)}2%{transform:translateY(-10px)}4%{transform:translateY(0)}6%{transform:translateY(-5px)}}@keyframes floating-action-shake{0%,8%,to{transform:translate(0) rotate(0)}1%{transform:translate(-4px) rotate(-2deg)}2%{transform:translate(4px) rotate(2deg)}3%{transform:translate(-3px) rotate(-1deg)}4%{transform:translate(3px) rotate(1deg)}5%{transform:translate(-2px)}6%{transform:translate(2px)}7%{transform:translate(0)}}@media screen and (max-width:749px){.floating-action-button{--fab-size: 3.25rem;--fab-icon-size: 1.375rem;right:max(.75rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom))}.floating-action-button--with-text{padding:.7rem 1rem .7rem .8rem}.floating-action-button__text{font-size:.875rem}}@media(prefers-reduced-motion:reduce){.floating-action-button,.floating-action-button--bounce,.floating-action-button--shake{animation:none;transition:none}.floating-action-button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-floating-action-button.css.map */