.floating-menu__button{position:fixed;bottom:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s;background-color:var(--button-bg-color, var(--color-foreground, #000000));color:var(--button-text-color, var(--color-background, #ffffff));border:none}.floating-menu__button:hover{opacity:.8}.floating-menu__button .floating-menu__icon{width:1.5rem;height:1.5rem;color:inherit}.floating-menu__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:40;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.floating-menu__overlay.is-visible{opacity:1;visibility:visible}.floating-menu__panel{--panel-bg-color: #ffffff;--panel-text-color: #000000;--panel-border-color: #e5e7eb;--panel-header-bg: #f9fafb;position:fixed;width:18rem;background-color:var(--panel-bg-color);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;z-index:50;transform:translateY(100%);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;bottom:1rem;right:1rem}.floating-menu__panel.is-open{transform:translateY(0);opacity:1}.floating-menu__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--panel-border-color);border-top-left-radius:1rem;border-top-right-radius:1rem}.floating-menu__title{font-size:1.125rem;font-weight:600;color:var(--panel-text-color, #000000)}.floating-menu__close-button{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:background-color .2s;cursor:pointer;background-color:transparent;border:none}.floating-menu__close-button:hover{background-color:#fee2e2}.floating-menu__close-button .floating-menu__icon{width:1.5rem;height:1.5rem;color:var(--panel-text-color, #000000)}.floating-menu__nav{padding:1rem;max-height:20rem;overflow-y:auto}.floating-menu__list,.floating-menu__sub-list{list-style:none;padding:0;margin:0}.floating-menu__list>.floating-menu__item+.floating-menu__item{margin-top:.25rem}.floating-menu__item-content{display:flex;align-items:center;justify-content:space-between}.floating-menu__link{flex:1;padding:.75rem;font-size:1rem;font-weight:500;color:var(--panel-text-color, #000000);border-radius:.5rem;transition:background-color .2s,color .2s;text-decoration:none;display:block}.floating-menu__link:hover{background-color:#f3f4f6}.floating-menu__submenu-toggle{padding:.5rem;border-radius:.5rem;transition:background-color .2s;cursor:pointer;background:transparent;border:none}.floating-menu__submenu-toggle:hover{background-color:#f3f4f6}.floating-menu__submenu-toggle .floating-menu__icon{transition:transform .2s}.floating-menu__submenu-toggle[aria-expanded=true] .floating-menu__icon{transform:rotate(90deg)}.floating-menu__submenu{margin-left:1rem;margin-top:.25rem;overflow:hidden;max-height:0;transition:max-height .3s ease-out;list-style:none;padding:0}.floating-menu__submenu.is-open{max-height:500px;transition:max-height .5s ease-in}.floating-menu__sub-list>.floating-menu__sub-item+.floating-menu__sub-item{margin-top:.25rem}.floating-menu__sub-link{display:block;padding:.5rem .75rem;font-size:.875rem;color:#4b5563;border-radius:.5rem;transition:background-color .2s,color .2s;text-decoration:none}.floating-menu__sub-link:hover{background-color:#f3f4f6;color:#111827}.floating-menu__footer{padding:1rem;border-top:1px solid var(--panel-border-color);background-color:var(--panel-header-bg);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.floating-menu__account-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;color:#374151;border-radius:.5rem;transition:background-color .2s,color .2s;text-decoration:none}.floating-menu__account-link:hover{background-color:#f3f4f6;color:#111827}.floating-menu__account-link .floating-menu__icon{width:1.25rem;height:1.25rem}.floating-menu__account-link-text{font-weight:500}@media (max-width: 768px){.floating-menu__panel{width:calc(100vw - 2rem);max-width:320px}}@media (min-width: 769px){.floating-menu__button,.floating-menu__panel,.floating-menu__overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/floating-menu-button.css.map */