:root{--hok-drawer-text: #121212;--hok-drawer-text-muted: rgba(18, 18, 18, .55);--hok-drawer-divider: rgba(18, 18, 18, .08);--hok-drawer-hover: rgba(18, 18, 18, .04);--hok-drawer-active-bg: rgba(var(--hok-color-purple-rgb, 130, 53, 151), .08);--hok-drawer-accent: var(--hok-color-purple, #823597)}menu-drawer>details[open]>summary:before{background:#12121273}#menu-drawer.menu-drawer,#menu-drawer .menu-drawer__submenu,#menu-drawer .menu-drawer__inner-container,#menu-drawer .menu-drawer__navigation-container,#menu-drawer .menu-drawer__inner-submenu{--color-background: var(--hok-color-light-rgb);--gradient-background: rgb(var(--color-background));--color-foreground: 18, 18, 18;--color-link: 18, 18, 18;background:rgb(var(--color-background))!important;color:var(--hok-drawer-text);box-shadow:4px 0 32px #1212121a}#menu-drawer .menu-drawer__navigation-container,#menu-drawer .menu-drawer__inner-submenu,#menu-drawer .menu-drawer__submenu .menu-drawer__submenu{-ms-overflow-style:none;scrollbar-width:none}#menu-drawer .menu-drawer__navigation-container::-webkit-scrollbar,#menu-drawer .menu-drawer__inner-submenu::-webkit-scrollbar,#menu-drawer .menu-drawer__submenu .menu-drawer__submenu::-webkit-scrollbar{display:none;width:0;height:0}.menu-drawer__label{margin:0;padding:2.4rem 2.4rem .8rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.1rem;letter-spacing:.18em;line-height:1;text-transform:uppercase;color:var(--hok-drawer-text-muted)}.menu-drawer__navigation{padding:0 0 2.4rem}.js #menu-drawer .menu-drawer__menu li{margin-bottom:0}.menu-drawer__navigation>.menu-drawer__menu>li{border-bottom:1px solid var(--hok-drawer-divider)}.menu-drawer__navigation>.menu-drawer__menu>li:last-child{border-bottom:none}.menu-drawer__menu-item{position:relative;padding:1.6rem 2.4rem;min-height:4.4rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:600;font-size:clamp(1.8rem,4.5vw,2.2rem);letter-spacing:.02em;line-height:1.25;color:var(--hok-drawer-text);background-color:transparent;transition:color .2s ease,background-color .2s ease}.menu-drawer summary.menu-drawer__menu-item{padding-right:5.2rem}.menu-drawer__menu-item:hover{color:var(--hok-drawer-text);background-color:var(--hok-drawer-hover)}.menu-drawer__menu-item--active,.menu-drawer__menu-item--active:hover{color:var(--hok-drawer-accent);background-color:var(--hok-drawer-active-bg)}.menu-drawer__menu-item--active:before{content:"";position:absolute;left:0;top:.75rem;bottom:.75rem;width:3px;border-radius:0 2px 2px 0;background:var(--hok-drawer-accent)}.hok-menu-drawer-shop{padding:1.8rem 2.4rem 2rem;border-bottom:1px solid var(--hok-drawer-divider);background:linear-gradient(135deg,rgba(var(--hok-color-purple-rgb, 130, 53, 151),.08),#ffffff57),#ffffff47}.hok-menu-drawer-shop__eyebrow{margin:0 0 1.2rem;color:var(--hok-drawer-text-muted);font-size:1rem;font-weight:900;letter-spacing:.16em;line-height:1;text-transform:uppercase}.hok-menu-drawer-shop__list{display:grid;gap:.8rem;margin:0;padding:0}.hok-menu-drawer-shop__link{position:relative;display:grid;gap:.2rem;padding:1.1rem 1.2rem 1.1rem 1.4rem;color:var(--hok-drawer-text);text-decoration:none;border:1px solid var(--hok-drawer-divider);border-radius:8px;background:#ffffff9e;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.hok-menu-drawer-shop__link--event{--hok-drawer-link-accent: #bfe7ff}.hok-menu-drawer-shop__link--preorder{--hok-drawer-link-accent: #dff85e}.hok-menu-drawer-shop__link--instock{--hok-drawer-link-accent: #ff9bc8}.hok-menu-drawer-shop__link--albums{--hok-drawer-link-accent: #d7ccfa}.hok-menu-drawer-shop__link--merch{--hok-drawer-link-accent: #6f4cff}.hok-menu-drawer-shop__link--stores{--hok-drawer-link-accent: #ffc96b}.hok-menu-drawer-shop__link:before{background:var(--hok-drawer-link-accent, var(--hok-drawer-accent));border-radius:8px 0 0 8px;content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .2s ease;width:.4rem}.hok-menu-drawer-shop__link:hover,.hok-menu-drawer-shop__link:focus-visible,.hok-menu-drawer-shop__link.menu-drawer__menu-item--active{background:#ffffffe6;border-color:rgba(var(--hok-color-purple-rgb, 130, 53, 151),.24);color:var(--hok-drawer-text);transform:translate(.2rem)}.hok-menu-drawer-shop__link[class*=hok-menu-drawer-shop__link--]:hover,.hok-menu-drawer-shop__link[class*=hok-menu-drawer-shop__link--]:focus-visible,.hok-menu-drawer-shop__link[class*=hok-menu-drawer-shop__link--].menu-drawer__menu-item--active{border-color:color-mix(in srgb,var(--hok-drawer-link-accent) 48%,var(--hok-drawer-divider))}.hok-menu-drawer-shop__link:hover:before,.hok-menu-drawer-shop__link:focus-visible:before,.hok-menu-drawer-shop__link.menu-drawer__menu-item--active:before{opacity:1}.hok-menu-drawer-shop__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:800;font-size:1.55rem;line-height:1.32}.hok-menu-drawer-shop__meta{color:var(--hok-drawer-text-muted);font-size:1.18rem;line-height:1.3}.menu-drawer__menu-item>.svg-wrapper{right:2.4rem;width:1.4rem;opacity:.4;transition:opacity .2s ease,transform .2s ease}.menu-drawer__menu-item:hover>.svg-wrapper,.menu-drawer__menu-item--active>.svg-wrapper{opacity:.85}.menu-drawer__submenu .menu-drawer__menu>li{border-bottom:1px solid var(--hok-drawer-divider)}.menu-drawer__submenu .menu-drawer__menu>li:last-child{border-bottom:none}.menu-drawer__submenu .menu-drawer__menu-item{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:400;font-size:1.6rem;letter-spacing:normal;padding:1.3rem 2.4rem 1.3rem 3.2rem}.menu-drawer__submenu .menu-drawer__menu-item--active:before{top:.5rem;bottom:.5rem}.menu-drawer__close-button{margin-top:0;padding:2rem 2.4rem 1.4rem;font-size:1.2rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--hok-drawer-text-muted);border-bottom:1px solid var(--hok-drawer-divider);background-color:transparent;transition:color .2s ease}.menu-drawer__close-button:hover{color:var(--hok-drawer-accent);background-color:transparent}.menu-drawer__close-button .svg-wrapper{width:1.2rem;opacity:.6}.menu-drawer__close-button:hover .svg-wrapper{opacity:1}.menu-drawer__utility-links{background:rgba(var(--color-foreground),.03);border-top:1px solid var(--hok-drawer-divider)}.menu-drawer__account{color:var(--hok-drawer-text);font-size:1.4rem}.menu-drawer__account:hover{color:var(--hok-drawer-accent)}.menu-drawer .list-social__link{color:var(--hok-drawer-text)}.menu-drawer .list-social__link:hover{color:var(--hok-drawer-accent)}#menu-drawer .focus-inset:focus-visible,#menu-drawer .focused.focus-inset{outline:.2rem solid var(--hok-drawer-accent);outline-offset:-.2rem;box-shadow:0 0 0 .2rem rgba(var(--hok-color-purple-rgb, 130, 53, 151),.2)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hok-menu-drawer.css.map */