.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:transparent;z-index:40;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;pointer-events:none}.floating-menu__overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.floating-menu__overlay:after{content:"";position:absolute;top:0;right:0;width:33.33vw;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:translate(100%);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.floating-menu__overlay.is-visible:after{transform:translate(0);opacity:1}.floating-menu__panel{--panel-bg-color: #ffffff;--panel-text-color: #000000;--panel-border-color: #e5e7eb;--panel-header-bg: #f9fafb;position:fixed;width:66.67vw;max-width:66.67vw;height:100vh;max-height:100vh;top:0;left:0;bottom:0;right:auto;background-color:var(--panel-bg-color);border-radius:0;box-shadow:2px 0 8px #0000001a;z-index:50;transform:translate(-100%);opacity:1;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.floating-menu__panel.is-open{transform:translate(0);box-shadow:4px 0 16px #00000026}.floating-menu__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--panel-border-color);flex-shrink:0}.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;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.floating-menu__nav::-webkit-scrollbar{width:6px}.floating-menu__nav::-webkit-scrollbar-track{background:transparent}.floating-menu__nav::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px;transition:background-color .2s ease}.floating-menu__nav::-webkit-scrollbar-thumb:hover{background-color:#00000059}.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;cursor:pointer}.floating-menu__link--has-submenu{background:transparent;border:none;text-align:left;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;width:100%}.floating-menu__link:hover,.floating-menu__link--has-submenu: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:1.25rem 1rem;border-top:1px solid var(--panel-border-color, #e5e7eb);background-color:var(--panel-header-bg, #f9fafb);flex-shrink:0}.floating-menu__footer-icons{display:flex;align-items:center;gap:1rem;justify-content:center}.floating-menu__icon-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;color:var(--panel-text-color, #374151);border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;background:var(--panel-bg-color, #ffffff);border:1px solid rgba(0,0,0,.08);cursor:pointer;position:relative;overflow:hidden}.floating-menu__icon-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#0000000d;transform:translate(-50%,-50%);transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.floating-menu__icon-button:hover{background-color:var(--panel-bg-color, #ffffff);border-color:#0000001f;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.floating-menu__icon-button:hover:before{width:100%;height:100%}.floating-menu__icon-button:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.floating-menu__icon-button:focus-visible{outline:2px solid var(--panel-text-color, #374151);outline-offset:2px}.floating-menu__icon-button .floating-menu__icon{width:1.375rem;height:1.375rem;position:relative;z-index:2;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.floating-menu__icon-button:hover .floating-menu__icon{transform:scale(1.1)}.floating-menu__icon-button-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.floating-menu__icon-button-wrapper .floating-menu__icon-button{position:relative;z-index:1}.floating-menu__select-icon{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}@media (prefers-reduced-motion: reduce){.floating-menu__icon-button,.floating-menu__icon-button:before,.floating-menu__icon-button .floating-menu__icon{transition:none!important}.floating-menu__icon-button:hover{transform:none}}@media (max-width: 768px){.floating-menu__panel{width:66.67vw;max-width:66.67vw;height:100vh;max-height:100vh}.floating-menu__overlay:after{width:33.33vw}}@media (min-width: 769px){.floating-menu__button,.floating-menu__panel,.floating-menu__overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/floating-menu-button.css.map */