@layer components{.dynamic-menu{--menu-transition-duration: .25s;--menu-transition-easing: cubic-bezier(.4, 0, .2, 1);--menu-transition-spring: cubic-bezier(.34, 1.56, .64, 1);margin-top:2rem}@media screen and (min-width:640px){.dynamic-menu{margin-top:0}}.dynamic-menu .menu__links-column{display:flex;flex-direction:column;gap:1rem}.dynamic-menu--use-global-title-font .menu__links-title,.dynamic-menu--use-global-title-font .navbar__nav-link,.dynamic-menu--use-global-title-font .navbar__nav-link--dropdown{color:var(--color-foreground);font-family:var( --menu-title-font-family, var(--h3-font-family, var(--font-heading-family)) );font-size:var(--h3-size-mobile);line-height:var(--h3-line-height);letter-spacing:var(--h3-letter-spacing);text-transform:var(--h3-text-transform);font-weight:var(--h3-font-weight)}.dynamic-menu:not(.dynamic-menu--use-global-title-font) .menu__links-title,.dynamic-menu:not(.dynamic-menu--use-global-title-font) .navbar__nav-link,.dynamic-menu:not(.dynamic-menu--use-global-title-font) .navbar__nav-link--dropdown{color:var(--color-foreground);font-family:var( --menu-title-font-family, var(--h3-font-family, var(--font-heading-family)) );line-height:var(--h3-line-height);letter-spacing:var(--h3-letter-spacing);text-transform:var(--h3-text-transform);font-size:var(--menu-title-font-size-mobile);font-weight:var(--menu-title-font-weight)}@media(min-width:640px)and (max-width:879px){.dynamic-menu--use-global-title-font .menu__links-title,.dynamic-menu--use-global-title-font .navbar__nav-link,.dynamic-menu--use-global-title-font .navbar__nav-link--dropdown{font-size:var(--h3-size-tablet)}.dynamic-menu:not(.dynamic-menu--use-global-title-font) .menu__links-title,.dynamic-menu:not(.dynamic-menu--use-global-title-font) .navbar__nav-link,.dynamic-menu:not(.dynamic-menu--use-global-title-font) .navbar__nav-link--dropdown{font-size:var(--menu-title-font-size-tablet)}}@media(min-width:880px){.dynamic-menu--use-global-title-font .menu__links-title,.dynamic-menu--use-global-title-font .navbar__nav-link,.dynamic-menu--use-global-title-font .navbar__nav-link--dropdown{font-size:var(--h3-size-desktop)}.dynamic-menu:not(.dynamic-menu--use-global-title-font) .menu__links-title,.dynamic-menu:not(.dynamic-menu--use-global-title-font) .navbar__nav-link,.dynamic-menu:not(.dynamic-menu--use-global-title-font) .navbar__nav-link--dropdown{font-size:var(--menu-title-font-size-desktop)}}.dynamic-menu .menu__links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:var(--menu-direction);gap:var(--menu-gap);width:100%;overflow:visible}.dynamic-menu--direction-row .menu__links-list{flex-wrap:wrap}.dynamic-menu .menu__links-item{display:flex;flex-direction:column;gap:var(--menu-gap)}.dynamic-menu .menu__links-sublist{list-style:none;padding:0;margin:0;padding-inline-start:1rem;display:flex;flex-direction:column;gap:var(--menu-gap)}.dynamic-menu:not(.dynamic-menu--use-global-submenu-font) .menu__links-link,.dynamic-menu:not(.dynamic-menu--use-global-submenu-font) .navbar__dropdown-link,.dynamic-menu:not(.dynamic-menu--use-global-submenu-font) .navbar__nested-dropdown-link{font-size:var(--menu-submenu-link-font-size-mobile);font-weight:var(--menu-submenu-link-font-weight)}.dynamic-menu--use-global-submenu-font .menu__links-link,.dynamic-menu--use-global-submenu-font .navbar__dropdown-link,.dynamic-menu--use-global-submenu-font .navbar__nested-dropdown-link{font-family:var(--font-body-family, var(--font-primary--family));font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);font-weight:var(--paragraph-font-weight)}@media(min-width:640px)and (max-width:879px){.dynamic-menu--use-global-submenu-font .menu__links-link,.dynamic-menu--use-global-submenu-font .navbar__dropdown-link,.dynamic-menu--use-global-submenu-font .navbar__nested-dropdown-link{font-size:var(--paragraph-size-tablet)}.dynamic-menu:not(.dynamic-menu--use-global-submenu-font) .menu__links-link,.dynamic-menu:not(.dynamic-menu--use-global-submenu-font) .navbar__dropdown-link,.dynamic-menu:not(.dynamic-menu--use-global-submenu-font) .navbar__nested-dropdown-link{font-size:var(--menu-submenu-link-font-size-tablet)}}@media(min-width:880px){.dynamic-menu--use-global-submenu-font .menu__links-link,.dynamic-menu--use-global-submenu-font .navbar__dropdown-link,.dynamic-menu--use-global-submenu-font .navbar__nested-dropdown-link{font-size:var(--paragraph-size-desktop)}.dynamic-menu:not(.dynamic-menu--use-global-submenu-font) .menu__links-link,.dynamic-menu:not(.dynamic-menu--use-global-submenu-font) .navbar__dropdown-link,.dynamic-menu:not(.dynamic-menu--use-global-submenu-font) .navbar__nested-dropdown-link{font-size:var(--menu-submenu-link-font-size-desktop)}}.dynamic-menu .menu__links-link{position:relative;color:var(--color-foreground-secondary);transition:color var(--menu-transition-duration) var(--menu-transition-easing);text-decoration:none}.dynamic-menu .menu__links-link:after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--menu-transition-duration) var(--menu-transition-easing)}.dynamic-menu .menu__links-link:hover,.dynamic-menu .menu__links-link:focus-visible{color:var(--color-accent, var(--color-foreground));outline:none}.dynamic-menu .menu__links-link:hover:after,.dynamic-menu .menu__links-link:focus-visible:after{transform:scaleX(1)}.dynamic-menu .navbar__nav{display:flex;align-items:center;gap:var(--menu-gap)}.dynamic-menu--direction-column .navbar__nav{flex-direction:column;align-items:flex-start;width:100%}.dynamic-menu .navbar__nav-item{position:relative;display:flex;align-items:center;margin:0;padding:0}.dynamic-menu--direction-column .navbar__nav-item{flex-direction:column;align-items:stretch;width:100%}.dynamic-menu .navbar__nav-link{color:var(--color-foreground);text-decoration:none;padding:.75rem 1rem;margin:0;border-radius:var(--radius-sm, .375rem);transition:color var(--menu-transition-duration) var(--menu-transition-easing),background-color var(--menu-transition-duration) var(--menu-transition-easing),transform var(--menu-transition-duration) var(--menu-transition-easing);position:relative}.dynamic-menu--direction-column .navbar__nav-link,.dynamic-menu--direction-column .navbar__nav-link--dropdown{width:100%;margin:0}.dynamic-menu .navbar__nav-link:hover{color:var(--color-foreground);background-color:color-mix(in srgb,var(--color-foreground) 6%,transparent);transform:translateY(-1px)}.dynamic-menu--direction-column .navbar__nav-link:hover{transform:none}.dynamic-menu .navbar__nav-link:focus-visible{outline:2px solid var(--color-accent, var(--color-foreground));outline-offset:2px}.dynamic-menu .navbar__nav-link--dropdown{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:var(--color-foreground);text-decoration:none;padding:.75rem 1rem;margin:0;border-radius:var(--radius-sm, .375rem);transition:color var(--menu-transition-duration) var(--menu-transition-easing),background-color var(--menu-transition-duration) var(--menu-transition-easing),transform var(--menu-transition-duration) var(--menu-transition-easing);position:relative}.dynamic-menu .navbar__nav-link--dropdown:hover,.dynamic-menu .navbar__nav-link--dropdown.is-open{color:var(--color-foreground);background-color:color-mix(in srgb,var(--color-foreground) 6%,transparent)}.dynamic-menu .navbar__nav-link--dropdown:focus-visible{outline:2px solid var(--color-accent, var(--color-foreground));outline-offset:2px}.dynamic-menu .navbar__dropdown-icon{transition:transform var(--menu-transition-duration) var(--menu-transition-spring);display:flex;align-items:center;width:.8rem;height:.8rem}.dynamic-menu .navbar__nav-link--dropdown.is-open .navbar__dropdown-icon{transform:rotate(180deg)}.dynamic-menu .navbar__dropdown-content,.dynamic-menu .navbar__nested-dropdown-content{padding:.5rem 0;max-height:none;overflow:visible}.dynamic-menu .navbar__dropdown-link,.dynamic-menu .navbar__dropdown-link--nested,.dynamic-menu .navbar__nested-dropdown-link{display:block;color:var(--color-foreground);text-decoration:none;padding:.75rem 1.5rem;transition:background-color var(--menu-transition-duration) var(--menu-transition-easing),color var(--menu-transition-duration) var(--menu-transition-easing),transform var(--menu-transition-duration) var(--menu-transition-easing),opacity var(--menu-transition-duration) var(--menu-transition-easing);border:none;background:none;width:100%;text-align:left;font-family:inherit;font-size:inherit;opacity:0;transform:translateY(-4px)}.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-link,.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-link--nested{opacity:1;transform:translateY(0)}.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-link:nth-child(1),.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-item:nth-child(1) .navbar__dropdown-link--nested{transition-delay:.03s}.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-link:nth-child(2),.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-item:nth-child(2) .navbar__dropdown-link--nested{transition-delay:.06s}.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-link:nth-child(3),.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-item:nth-child(3) .navbar__dropdown-link--nested{transition-delay:.09s}.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-link:nth-child(4),.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-item:nth-child(4) .navbar__dropdown-link--nested{transition-delay:.12s}.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-link:nth-child(5),.dynamic-menu .navbar__dropdown.is-open .navbar__dropdown-item:nth-child(5) .navbar__dropdown-link--nested{transition-delay:.15s}.dynamic-menu .navbar__dropdown-link:hover,.dynamic-menu .navbar__dropdown-link:focus-visible,.dynamic-menu .navbar__dropdown-link--nested:hover,.dynamic-menu .navbar__dropdown-link--nested:focus-visible,.dynamic-menu .navbar__nested-dropdown-link:hover,.dynamic-menu .navbar__nested-dropdown-link:focus-visible{background-color:color-mix(in srgb,var(--color-foreground) 6%,transparent);color:var(--color-foreground);transform:translate(4px)}.dynamic-menu .navbar__dropdown-item--nested{position:relative}.dynamic-menu .navbar__dropdown-link--nested{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.dynamic-menu .navbar__dropdown-link--nested.is-open .navbar__nested-icon{transform:rotate(90deg)}.dynamic-menu .navbar__nested-icon{transition:transform var(--menu-transition-duration) var(--menu-transition-spring);display:flex;align-items:center;margin-left:.5rem;width:.8rem;height:.8rem;flex-shrink:0}.dynamic-menu--direction-row .navbar__dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--color-background);border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent);border-radius:var(--radius-md, .5rem);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--color-foreground) 8%,transparent),0 10px 20px -4px color-mix(in srgb,var(--color-foreground) 12%,transparent);min-width:200px;max-height:none;overflow:visible;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transform-origin:top left;transition:opacity var(--menu-transition-duration) var(--menu-transition-easing),visibility var(--menu-transition-duration) var(--menu-transition-easing),transform var(--menu-transition-duration) var(--menu-transition-easing);z-index:1000;pointer-events:none}.dynamic-menu--direction-row .navbar__dropdown:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;background:transparent}.dynamic-menu--direction-row .navbar__dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.dynamic-menu--direction-row .navbar__nested-dropdown{position:absolute;top:0;left:100%;background:var(--color-background);border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent);border-radius:var(--radius-md, .5rem);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--color-foreground) 8%,transparent),0 10px 20px -4px color-mix(in srgb,var(--color-foreground) 12%,transparent);min-width:200px;max-height:none;overflow:visible;opacity:0;visibility:hidden;transform:translate(-8px) scale(.96);transform-origin:top left;transition:opacity var(--menu-transition-duration) var(--menu-transition-easing),visibility var(--menu-transition-duration) var(--menu-transition-easing),transform var(--menu-transition-duration) var(--menu-transition-easing);z-index:1001;margin-left:.5rem;pointer-events:none}.dynamic-menu--direction-row .navbar__nested-dropdown:before{content:"";position:absolute;top:0;bottom:0;right:100%;width:.5rem;background:transparent}.dynamic-menu--direction-row .navbar__nested-dropdown.is-open{opacity:1;visibility:visible;transform:translate(0) scale(1);pointer-events:auto}.dynamic-menu--direction-row .navbar__nested-dropdown--left{left:auto;right:100%;margin-left:0;margin-right:.5rem;transform:translate(8px) scale(.96);transform-origin:top right}.dynamic-menu--direction-row .navbar__nested-dropdown--left:before{right:auto;left:100%}.dynamic-menu--direction-row .navbar__nested-dropdown--left.is-open{transform:translate(0) scale(1)}.dynamic-menu--direction-row .navbar__dropdown--right-aligned{left:auto;right:0;transform-origin:top right}.dynamic-menu--direction-row .navbar__nested-dropdown-link{transform:translate(-12px);opacity:0}.dynamic-menu--direction-row .navbar__nested-dropdown.is-open .navbar__nested-dropdown-link{transform:translate(0);opacity:1}.dynamic-menu--direction-row .navbar__nested-dropdown.is-open .navbar__nested-dropdown-link:nth-child(1){transition-delay:.04s}.dynamic-menu--direction-row .navbar__nested-dropdown.is-open .navbar__nested-dropdown-link:nth-child(2){transition-delay:.08s}.dynamic-menu--direction-row .navbar__nested-dropdown.is-open .navbar__nested-dropdown-link:nth-child(3){transition-delay:.12s}.dynamic-menu--direction-row .navbar__nested-dropdown.is-open .navbar__nested-dropdown-link:nth-child(4){transition-delay:.16s}.dynamic-menu--direction-row .navbar__nested-dropdown.is-open .navbar__nested-dropdown-link:nth-child(5){transition-delay:.2s}.dynamic-menu--direction-row .navbar__nested-dropdown.is-open .navbar__nested-dropdown-link:nth-child(6){transition-delay:.24s}.dynamic-menu--direction-column .navbar__dropdown,.dynamic-menu--direction-column .navbar__nested-dropdown{position:static;display:grid;grid-template-rows:0fr;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:100%;margin:0;padding-inline-start:.75rem;opacity:1;visibility:visible;transform:none;transition:grid-template-rows var(--menu-transition-duration) var(--menu-transition-easing);pointer-events:none;z-index:auto;max-height:none;overflow:visible}.dynamic-menu--direction-column .navbar__dropdown.is-open,.dynamic-menu--direction-column .navbar__nested-dropdown.is-open{grid-template-rows:1fr;pointer-events:auto;overflow:visible;max-height:none}.dynamic-menu--direction-column .navbar__dropdown:before,.dynamic-menu--direction-column .navbar__nested-dropdown:before{display:none}.dynamic-menu--direction-column .navbar__dropdown-content,.dynamic-menu--direction-column .navbar__nested-dropdown-content{overflow:hidden;min-height:0;max-height:none;opacity:0;padding-block:0;transition:opacity var(--menu-transition-duration) var(--menu-transition-easing),padding-block var(--menu-transition-duration) var(--menu-transition-easing)}.dynamic-menu--direction-column .navbar__dropdown.is-open .navbar__dropdown-content,.dynamic-menu--direction-column .navbar__nested-dropdown.is-open .navbar__nested-dropdown-content{opacity:1;padding-block:.5rem;overflow:hidden;max-height:none}.dynamic-menu--direction-column .navbar__dropdown-link,.dynamic-menu--direction-column .navbar__dropdown-link--nested,.dynamic-menu--direction-column .navbar__nested-dropdown-link{opacity:1;transform:none;transition-delay:0s;padding-inline:.75rem}.dynamic-menu--direction-column .navbar__dropdown-link:hover,.dynamic-menu--direction-column .navbar__dropdown-link:focus-visible,.dynamic-menu--direction-column .navbar__dropdown-link--nested:hover,.dynamic-menu--direction-column .navbar__dropdown-link--nested:focus-visible,.dynamic-menu--direction-column .navbar__nested-dropdown-link:hover,.dynamic-menu--direction-column .navbar__nested-dropdown-link:focus-visible{transform:none}.dynamic-menu--direction-column .navbar__dropdown-link--nested.is-open .navbar__nested-icon{transform:rotate(90deg)}.dynamic-menu--direction-column .navbar__nested-dropdown--left{right:auto;left:auto;margin-right:0;margin-left:0;transform:none}@media(max-width:639px){.dynamic-menu--direction-row .navbar__nav{flex-direction:column;align-items:flex-start;width:100%}.dynamic-menu--direction-row .navbar__nav-item{flex-direction:column;align-items:stretch;width:100%}.dynamic-menu--direction-row .navbar__nav-link,.dynamic-menu--direction-row .navbar__nav-link--dropdown{width:100%;margin:0}.dynamic-menu--direction-row .navbar__dropdown,.dynamic-menu--direction-row .navbar__nested-dropdown{position:static;display:grid;grid-template-rows:0fr;border:0;border-radius:0;box-shadow:none;min-width:100%;margin:0;padding-inline-start:.75rem;opacity:1;visibility:visible;transform:none;transition:grid-template-rows var(--menu-transition-duration) var(--menu-transition-easing);pointer-events:none;z-index:auto;max-height:none;overflow:visible}.dynamic-menu--direction-row .navbar__dropdown.is-open,.dynamic-menu--direction-row .navbar__nested-dropdown.is-open{grid-template-rows:1fr;pointer-events:auto;overflow:visible}.dynamic-menu--direction-row .navbar__dropdown:before,.dynamic-menu--direction-row .navbar__nested-dropdown:before{display:none}.dynamic-menu--direction-row .navbar__dropdown-content,.dynamic-menu--direction-row .navbar__nested-dropdown-content{overflow:hidden;min-height:0;max-height:none;opacity:0;padding-block:0;transition:opacity var(--menu-transition-duration) var(--menu-transition-easing),padding-block var(--menu-transition-duration) var(--menu-transition-easing)}.dynamic-menu--direction-row .navbar__dropdown.is-open .navbar__dropdown-content,.dynamic-menu--direction-row .navbar__nested-dropdown.is-open .navbar__nested-dropdown-content{opacity:1;padding-block:.5rem;overflow:hidden;max-height:none}.dynamic-menu--direction-row .navbar__dropdown-link,.dynamic-menu--direction-row .navbar__dropdown-link--nested,.dynamic-menu--direction-row .navbar__nested-dropdown-link{opacity:1;transform:none;transition-delay:0s;padding-inline:.75rem}.dynamic-menu--direction-row .navbar__dropdown-link:hover,.dynamic-menu--direction-row .navbar__dropdown-link:focus-visible,.dynamic-menu--direction-row .navbar__dropdown-link--nested:hover,.dynamic-menu--direction-row .navbar__dropdown-link--nested:focus-visible,.dynamic-menu--direction-row .navbar__nested-dropdown-link:hover,.dynamic-menu--direction-row .navbar__nested-dropdown-link:focus-visible{transform:none}.dynamic-menu--direction-row .navbar__nested-dropdown--left{right:auto;margin-right:0;transform:none}}@media(prefers-reduced-motion:reduce){html[data-respect-reduced-motion=true] .dynamic-menu .navbar__dropdown,html[data-respect-reduced-motion=true] .dynamic-menu .navbar__nested-dropdown,html[data-respect-reduced-motion=true] .dynamic-menu .navbar__dropdown-link,html[data-respect-reduced-motion=true] .dynamic-menu .navbar__dropdown-link--nested,html[data-respect-reduced-motion=true] .dynamic-menu .navbar__nested-dropdown-link,html[data-respect-reduced-motion=true] .dynamic-menu .navbar__dropdown-icon,html[data-respect-reduced-motion=true] .dynamic-menu .navbar__nested-icon,html[data-respect-reduced-motion=true] .dynamic-menu .navbar__nav-link,html[data-respect-reduced-motion=true] .dynamic-menu .navbar__nav-link--dropdown,html[data-respect-reduced-motion=true] .dynamic-menu .menu__links-link{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/block-dynamic-menu-styles.css.map */