.floating-menu-card{position:relative;display:block;justify-self:start;z-index:5}.floating-menu-card__details{position:relative}.floating-menu-card__toggle{width:4.6rem;height:4.6rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 .8rem 2.4rem rgba(var(--color-foreground),.12);transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease;list-style:none}.floating-menu-card__toggle::-webkit-details-marker{display:none}.floating-menu-card__toggle:hover{transform:translateY(-.1rem);box-shadow:0 1rem 2.8rem rgba(var(--color-foreground),.18)}.floating-menu-card__icon,.floating-menu-card__icon svg{width:2rem;height:2rem}.floating-menu-card__icon--close,.floating-menu-card__details[open] .floating-menu-card__icon--open{display:none}.floating-menu-card__details[open] .floating-menu-card__icon--close{display:inline-flex}.floating-menu-card__panel{position:absolute;top:calc(100% + 1.2rem);left:0;width:min(34rem,calc(100vw - 3.2rem));max-height:min(70vh,64rem);overflow-y:auto;padding:1.2rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:2rem;box-shadow:0 2rem 6rem rgba(var(--color-foreground),.2);animation:floating-menu-card-in .18s ease both}.floating-menu-card__heading{display:flex;align-items:center;justify-content:space-between;padding:.7rem .8rem 1.2rem;font-family:var(--font-heading-family);font-size:2rem;font-weight:600}.floating-menu-card__close{width:3.6rem;height:3.6rem;border:0;border-radius:50%;display:grid;place-items:center;color:inherit;background:rgba(var(--color-foreground),.06);cursor:pointer}.floating-menu-card__close svg{width:1.6rem;height:1.6rem}.floating-menu-card__list{margin:0}.floating-menu-card__item+.floating-menu-card__item{border-top:.1rem solid rgba(var(--color-foreground),.08)}.floating-menu-card__link{min-height:4.9rem;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:rgb(var(--color-foreground));text-decoration:none;border-radius:1.2rem;font-size:1.55rem;font-weight:600;cursor:pointer;list-style:none}.floating-menu-card__link::-webkit-details-marker{display:none}.floating-menu-card__link:hover,.floating-menu-card__link.is-active,.floating-menu-card__sublink:hover,.floating-menu-card__sublink.is-active,.floating-menu-card__grandlink:hover,.floating-menu-card__grandlink.is-active{background:rgba(var(--color-foreground),.06)}.floating-menu-card__caret{display:inline-flex;transition:transform var(--duration-short) ease}.floating-menu-card__caret svg{width:1.2rem}.floating-menu-card__submenu-details[open] .floating-menu-card__caret{transform:rotate(180deg)}.floating-menu-card__submenu{padding:0 .6rem .9rem 1.2rem}.floating-menu-card__sublink,.floating-menu-card__grandlink{display:block;padding:.8rem 1rem;border-radius:.9rem;color:rgba(var(--color-foreground),.82);text-decoration:none;font-size:1.4rem}.floating-menu-card__grandchildren{padding-left:1.4rem;border-left:.1rem solid rgba(var(--color-foreground),.12)}@keyframes floating-menu-card-in{0%{opacity:0;transform:translateY(-.8rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:749px){.floating-menu-card__toggle{width:4.2rem;height:4.2rem}.floating-menu-card__panel{position:fixed;top:calc(var(--header-bottom-position, 8rem) + 1rem);left:1.6rem;width:calc(100vw - 3.2rem)}}@media(prefers-reduced-motion:reduce){.floating-menu-card__panel,.floating-menu-card__toggle,.floating-menu-card__caret{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/floating-menu-card.css.map */