:root{--bbd-drawer-menu-spacing: 3rem;--bbd-drawer-menu-item-padding: 10px;--duration-default: .2s}.bbd-menu-drawer-container:not([open]) .header__icon--menu .header-drawer-icon--close{display:none}.bbd-menu-drawer-container:not([open]) .header__icon--menu .header-drawer-icon--open{display:flex}.bbd-menu-drawer-container[open] .header__icon--menu .header-drawer-icon--close{display:flex}.bbd-menu-drawer-container[open] .header__icon--menu .header-drawer-icon--open{display:none}bbd-menu-drawer .header__icon--menu{position:initial}@media screen and (min-width: 1024px){bbd-menu-drawer .header__icon--menu{display:none}}bbd-menu-drawer details>.header__submenu{opacity:0;transform:translateY(-1.5rem)}bbd-menu-drawer details[open]>.header__submenu{animation:animateMenuOpen var(--duration-default) ease;animation-fill-mode:forwards;z-index:1}@media (prefers-reduced-motion){bbd-menu-drawer details[open]>.header__submenu{opacity:1;transform:translateY(0)}}bbd-menu-drawer>details>summary:before,bbd-menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:absolute;z-index:2;top:100%;left:0;width:100%;height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-group-height, 100%)));cursor:default;background:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;transition:opacity 0s,visibility 0s}bbd-menu-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.bbd-menu-drawer{position:absolute;transform:translate(-100%);visibility:hidden;z-index:3;left:0;top:100%;width:100%;max-width:400px;height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-group-height, 100%)));padding:0;border-top:1px solid var(--color-border);background-color:var(--color-background);overflow-x:hidden}.bbd-menu-drawer__submenu{position:absolute;z-index:1;top:0;bottom:0;left:0;width:100%;background-color:rgb(var(--color-background));transform:translate(100%);visibility:hidden;overflow-y:auto}details[open]>.bbd-menu-drawer,details[open]>.bbd-menu-drawer__submenu{transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}details[open].menu-opening>.bbd-menu-drawer,details[open].menu-opening>.bbd-menu-drawer__submenu{transform:translate(0);visibility:visible}.bbd-menu-drawer__inner-container{position:relative;height:100%}.bbd-menu-drawer__navigation-container{display:grid;grid-template-rows:1fr auto;align-content:space-between;overflow-y:auto;height:100%}.bbd-menu-drawer__inner-submenu{height:100%;overflow:hidden auto}.bbd-menu-drawer__menu{margin:0;padding:0;list-style:none}.bbd-menu-drawer__menu.bbd-menu-drawer__menu--third{margin-block-end:var(--margin-lg)}li:last-child .bbd-menu-drawer__menu.bbd-menu-drawer__menu--third{margin-block-end:var(--margin-5xl)}.bbd-menu-drawer__menu-item{position:relative;display:flex;align-items:center;gap:var(--gap-xl);text-decoration:none;border-bottom:1px solid rgba(from var(--color-border) r g b / 50%);font-weight:500;padding:var(--bbd-drawer-menu-item-padding) var(--padding-lg)}.bbd-menu-drawer__menu-item.bbd-menu-drawer__menu-item--second{border:0;color:var(--color-caption);font-weight:var(--font-weight--bold);font-size:var(--font-size--lg)}.bbd-menu-drawer__menu-item.bbd-menu-drawer__menu-item--third{padding:var(--padding-sm) var(--padding-lg);font-weight:400}.bbd-menu-drawer__menu--third li:last-child .bbd-menu-drawer__menu-item.bbd-menu-drawer__menu-item--third{border:0}.bbd-menu-drawer__menu-item.bbd-menu-drawer__menu-item--is-last{text-decoration:underline}.bbd-menu-drawer__menu-item.bbd-menu-drawer__menu-item--active{font-weight:600}.bbd-menu-drawer__menu-image{position:relative;flex-shrink:0;width:var(--padding-5xl);height:var(--padding-5xl);border-radius:var(--style-border-radius-50);background-color:var(--color-white);overflow:hidden}.bbd-menu-drawer__menu-image>img{width:100%;height:100%;object-fit:cover}.bbd-menu-drawer__menu-icon.svg-wrapper{position:relative;top:.75rem;align-self:flex-start;width:var(--icon-size-lg);height:var(--icon-size-lg)}.bbd-menu-drawer__menu-icon.svg-wrapper>svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.bbd-menu-drawer__menu-icon.svg-wrapper.bbd-menu-drawer__menu-icon--close{transform:rotate(180deg)}.bbd-menu-drawer__close-button{display:flex;align-items:center;min-height:69px;width:100%;margin-block-end:var(--margin-sm);background-color:transparent;border-bottom:1px solid rgba(from var(--color-border) r g b / 50%);color:rgb(var(--color-foreground))}.bbd-menu-drawer__menu-item--active,.bbd-menu-drawer__menu-item:focus,.bbd-menu-drawer__close-button:focus,.bbd-menu-drawer__menu-item:hover,.bbd-menu-drawer__close-button:hover{color:rgb(var(--color-foreground));background-color:rgba(from var(--color-border) r g b / 20%)}.bbd-menu-drawer__menu-item--active:hover{background-color:rgba(from var(--color-border) r g b / 30%)}.bbd-menu-drawer__utility-links{padding:var(--padding-lg)}.bbd-menu-drawer__utility-links .menu-list__link{display:inline-flex;gap:var(--gap-xs);padding-inline-end:0}.bbd-menu-drawer__utility-links .menu-list__link .svg-wrapper,.bbd-menu-drawer__utility-links .menu-list__link .svg-wrapper>svg{flex-shrink:0;width:var(--icon-size-lg);height:var(--icon-size-lg)}.bbd-menu-drawer__navigation .submenu-open{visibility:hidden}.bbd-menu-drawer__navigation:has(details[open])+.bbd-menu-drawer__utility-links{display:none}@keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/bbd-header-drawer.css.map */
