v3-mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}v3-mobile-menu[hidden]{display:none!important}.v3-mobile-menu__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1c1680;opacity:0;transition:opacity .3s ease;pointer-events:auto}v3-mobile-menu.is-open .v3-mobile-menu__backdrop{opacity:1}.v3-mobile-menu__panel{position:absolute;left:0;top:0;height:100vh;width:min(360px,85vw);background:var(--ds-background);padding:1.5rem 1.5rem 2rem;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;pointer-events:auto;display:flex;flex-direction:column;gap:1.5rem}v3-mobile-menu.is-open .v3-mobile-menu__panel{transform:translate(0)}.v3-mobile-menu__head{display:flex;justify-content:space-between;align-items:center}.v3-mobile-menu__title{font-family:var(--ds-font-headline);font-weight:500;font-size:1.75rem;color:var(--ds-primary);margin:0}.v3-mobile-menu__close{width:40px;height:40px;border-radius:var(--ds-radius-full);background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ds-primary);font-size:1.5rem;line-height:1}.v3-mobile-menu__close:hover{background:#48006814}.v3-mobile-menu__nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.v3-mobile-menu__nav a{display:block;font-family:var(--ds-font-headline);font-weight:500;font-size:1.25rem;color:var(--ds-primary);text-decoration:none;padding:.75rem 0;border-bottom:1px solid rgba(28,28,22,.08)}.v3-mobile-menu__nav a:hover{color:var(--ds-secondary)}.v3-mobile-menu__utilities{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(28,28,22,.08)}.v3-mobile-menu__utilities a,.v3-mobile-menu__utilities button{font-family:var(--ds-font-body);font-weight:500;font-size:1rem;color:var(--ds-on-surface-variant);text-decoration:none;background:transparent;border:none;padding:.5rem 0;text-align:left;cursor:pointer}.v3-mobile-menu__utilities a:hover,.v3-mobile-menu__utilities button:hover{color:var(--ds-primary)}.v3-mobile-menu__social{margin-top:auto}@media(min-width:861px){v3-mobile-menu{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/v3-mobile-menu.css.map */