.hn-panel{--hn-fg:var(--color-foreground-rgb,0 0 0);--hn-tag:#ffd60a;--hn-ease:cubic-bezier(.33,1,.68,1);display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2.3fr);gap:clamp(32px,4vw,64px);min-height:min(500px,70vh);padding-block:28px 32px;text-align:left;white-space:normal}.hn-panel a{color:inherit;text-decoration:none}.hn-panel a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hn-panel__rail{display:flex;flex-direction:column;min-width:0}.hn-panel__all{display:flex;align-items:baseline;gap:.75rem;padding-bottom:.6rem;margin-bottom:.35rem;border-bottom:2px solid currentColor;font-family:var(--font-accent--family,var(--font-subheading--family));font-weight:700;font-size:clamp(1.375rem,1.7vw,1.75rem);line-height:1.1;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}.hn-panel__all-count{font-family:var(--font-body--family);font-weight:var(--font-body--weight);font-size:.9375rem;text-transform:none;letter-spacing:0;opacity:.65}.hn-panel__arrow{width:18px;height:12px;margin-left:auto;align-self:center;transition:transform .2s var(--hn-ease)}.hn-panel__all:hover,.hn-panel__all.is-current{color:var(--hn-accent)}.hn-panel__all:hover .hn-panel__arrow,.hn-panel__all:focus-visible .hn-panel__arrow{transform:translate(4px)}.hn-panel__cat{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:.35rem 0 .35rem .9rem;border-bottom:1px solid rgb(var(--hn-fg)/.1);font-family:var(--font-accent--family,var(--font-subheading--family));font-weight:600;font-size:1.3125rem;line-height:1.15;text-transform:uppercase;letter-spacing:.02em;transition:color .15s var(--hn-ease)}.hn-panel__cat:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;background:var(--hn-accent);transform:scaleY(0);transition:transform .18s var(--hn-ease)}.hn-panel__cat:hover,.hn-panel__cat:focus-visible,.hn-panel__cat.is-current{color:var(--hn-accent)}.hn-panel__cat:hover:before,.hn-panel__cat:focus-visible:before,.hn-panel__cat.is-current:before{transform:scaleY(1)}.hn-panel__count{font-family:var(--font-body--family);font-weight:var(--font-body--weight);font-size:.9375rem;font-variant-numeric:tabular-nums;letter-spacing:0;opacity:.6}.hn-panel__cat:hover .hn-panel__count,.hn-panel__cat.is-current .hn-panel__count{opacity:1}.hn-panel__cats{display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(var(--hn-rows,6) * 76px)}.hn-panel__cats>li{display:flex;flex:1 1 0;min-height:44px;max-height:76px}.hn-panel__cats>li>.hn-panel__cat{flex:1}.hn-panel__more{margin-top:1.25rem}.hn-panel__more-title{display:inline-block;margin-bottom:.6rem;font-family:var(--font-body--family);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.hn-panel__more-title:hover{opacity:1;text-decoration:underline;text-underline-offset:.25em}.hn-panel__chips{display:flex;flex-wrap:wrap;gap:.5rem}.hn-panel__chip{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:.35rem .85rem;border:1px solid rgb(var(--hn-fg)/.5);font-family:var(--font-body--family);font-size:1rem;line-height:1.2;transition:border-color .15s var(--hn-ease),color .15s var(--hn-ease)}.hn-panel__chip-count{font-size:.875rem;font-variant-numeric:tabular-nums;opacity:.6}.hn-panel__chip:hover,.hn-panel__chip:focus-visible,.hn-panel__chip.is-current{border-color:var(--hn-accent);color:var(--hn-accent)}.hn-panel__foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgb(var(--hn-fg)/.15);font-family:var(--font-body--family);font-size:1rem}.hn-panel__rail>:nth-last-child(2){margin-bottom:1.75rem}.hn-panel__foot-link{font-family:var(--font-accent--family,var(--font-subheading--family));font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--hn-accent)}.hn-panel__foot:hover .hn-panel__foot-link,.hn-panel__foot:focus-visible .hn-panel__foot-link{text-decoration:underline;text-underline-offset:.25em}.hn-panel__stage{display:flex;flex-direction:column;min-width:0}.hn-rack{display:flex;flex-direction:column;flex:1;animation:hn-fade .2s var(--hn-ease)}.hn-rack[hidden]{display:none}.hn-rack__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.hn-rack__label{margin:0;font-family:var(--font-accent--family,var(--font-subheading--family));font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.hn-rack__items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:2.5rem}.hn-rack__item:nth-child(5){display:none}@media(min-width:1600px){.hn-rack__items{grid-template-columns:repeat(5,minmax(0,1fr))}.hn-rack__item:nth-child(5){display:block}}.hn-rack__item{animation:hn-rise .32s var(--hn-ease) both}.hn-rack__item:nth-child(2){animation-delay:.04s}.hn-rack__item:nth-child(3){animation-delay:.08s}.hn-rack__item:nth-child(4){animation-delay:.12s}.hn-rack__item:nth-child(5){animation-delay:.16s}.hn-card{display:block}.hn-card__media{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:rgb(var(--hn-fg)/.05)}.hn-card__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--hn-ease)}.hn-card:hover .hn-card__img,.hn-card:focus-visible .hn-card__img{transform:scale(1.04)}.hn-card__tag{position:absolute;top:12px;left:10px;z-index:1;padding:.2rem .6rem .2rem 1.05rem;background:var(--hn-tag);color:#111;font-family:var(--font-accent--family,var(--font-subheading--family));font-weight:700;font-size:1.0625rem;line-height:1.2;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);transform:rotate(-3deg);box-shadow:0 1px 2px #0003}.hn-card__tag:before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#0000008c}.hn-card__title{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:2.5rem .75rem .75rem;background:linear-gradient(#0000,#000c 45%);color:#fff;font-family:var(--font-body--family);font-size:1rem;line-height:1.35;transform:translateY(101%);transition:transform .25s var(--hn-ease)}.hn-card:hover .hn-card__title,.hn-card:focus-visible .hn-card__title{transform:translateY(0)}.hn-card__size{display:block;min-height:1.6rem;margin-top:.5rem;font-family:var(--font-accent--family,var(--font-subheading--family));font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}.hn-rack__cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;margin-top:auto;padding:0 1.1rem;border:2px solid currentColor;font-family:var(--font-accent--family,var(--font-subheading--family));font-weight:700;font-size:1.0625rem;text-transform:uppercase;letter-spacing:.03em;transition:background-color .15s var(--hn-ease),color .15s var(--hn-ease),border-color .15s var(--hn-ease)}.hn-rack__cta svg{width:18px;height:12px}.hn-panel .hn-rack__cta:hover,.hn-panel .hn-rack__cta:focus-visible{background:var(--hn-accent);border-color:var(--hn-accent);color:#fff}@keyframes hn-fade{0%{opacity:0}to{opacity:1}}@keyframes hn-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(hover:none){.hn-card__title{transform:none}}.header-menu .menu-list__list-item:has(.hn-panel):hover>.menu-list__trigger .menu-list__link-title,.header-menu .menu-list__list-item:has(.hn-panel):focus-within>.menu-list__trigger .menu-list__link-title{text-decoration:underline;text-decoration-color:var(--hn-accent-top,currentColor);text-decoration-thickness:2px;text-underline-offset:.45em}@media(max-width:1279px){.hn-panel{grid-template-columns:minmax(240px,1fr) minmax(0,1.8fr)}.hn-rack__items{grid-template-columns:repeat(3,minmax(0,1fr))}.hn-rack__item:nth-child(4){display:none}.hn-panel__cat{font-size:1.125rem}.hn-panel__all{font-size:1.375rem}}[slot=overflow] .hn-panel{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding-block:20px 24px}[slot=overflow] .hn-panel__cats{max-height:none}[slot=overflow] .hn-panel__rail>:nth-last-child(2){margin-bottom:1rem}[slot=overflow] .hn-rack__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:1rem}[slot=overflow] .hn-rack__item:nth-child(n+4){display:none}[slot=overflow] .hn-card__tag{top:8px;font-size:.875rem}@media(forced-colors:active){.menu-list__submenu-inner:has(.hn-panel){background:Canvas}}@media(prefers-reduced-motion:reduce){.hn-panel *,.hn-panel *:before{transition:none!important;animation:none!important}}.menu-drawer__list-item--flat:first-child>.menu-drawer__menu-item--parent{display:flex;align-items:center;gap:.6rem;min-height:48px;padding-block:.5rem;border-bottom:2px solid currentColor;font-family:var(--font-accent--family,var(--font-subheading--family));font-weight:700;font-size:1.375rem;text-transform:uppercase;letter-spacing:.01em;color:rgb(var(--color-foreground-rgb,0 0 0))}.menu-drawer__list-item--flat:first-child>.menu-drawer__menu-item--parent:after{content:"";width:16px;height:10px;margin-left:auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14M10 1l4 4-4 4' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}.menu-drawer__menu-item--child:has(.hn-drawer-count){display:flex;align-items:center;width:100%;box-sizing:border-box}.menu-drawer__menu--grandchildlist>.menu-drawer__list-item:has(.hn-drawer-count){width:100%}.hn-drawer-count{margin-left:auto;padding-left:1rem;font-size:.9375rem;font-variant-numeric:tabular-nums;opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hn-mega-panel.css.map */