.hn-library-navigation{width:100%;min-width:0;color:var(--trade-hnv2-setting-color-foreground);background:var(--trade-hnv2-setting-color-background)}.hn-library-navigation *,.hn-library-navigation *:before,.hn-library-navigation *:after{box-sizing:border-box}.hn-library-navigation__container{display:grid;gap:var(--trade-hnv2-space-5);width:min(calc(100% - (2 * var(--trade-hnv2-page-gutter))),var(--trade-hnv2-container-max));margin-inline:auto;padding-block:var(--trade-hnv2-space-5)}.hn-library-navigation__header{display:grid;gap:var(--trade-hnv2-space-2)}.hn-library-navigation__kicker{margin:0;color:var(--trade-hnv2-setting-color-accent);font-size:var(--trade-hnv2-type-label-size);font-weight:var(--trade-hnv2-type-label-weight);line-height:var(--trade-hnv2-type-label-line)}.hn-library-navigation__heading{max-width:34ch;color:var(--trade-hnv2-setting-color-foreground);font-size:var(--trade-hnv2-type-section-title-size);font-weight:var(--trade-hnv2-type-section-title-weight);line-height:var(--trade-hnv2-type-section-title-line);text-wrap:balance}.hn-library-navigation__card{text-decoration:none}.hn-library-navigation__header .hnv2-discovery-heading{margin-block-end:0}.hn-library-navigation__rail{gap:var(--trade-hnv2-grid-gap-sm)}.hn-library-navigation__rail .hn-library-navigation__card{width:min(76vw,300px)}.hn-library-navigation__card{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border:var(--trade-hnv2-surface-border);border-radius:var(--trade-hnv2-surface-radius);color:var(--trade-hnv2-setting-color-foreground);background:var(--trade-hnv2-setting-color-surface);box-shadow:var(--trade-hnv2-surface-shadow);scroll-snap-align:start;transition:border-color var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard),transform var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard)}.hn-library-navigation__media{position:relative;aspect-ratio:4 / 3;min-width:0;overflow:hidden;background:var(--trade-hnv2-media-frame-background)}.hn-library-navigation__media :is(img,svg){display:block;width:100%;height:100%;object-fit:cover}.hn-library-navigation__placeholder{color:var(--trade-hnv2-setting-color-muted-foreground);background:var(--trade-hnv2-setting-color-muted)}.hn-library-navigation__label{position:absolute;inset-block-start:var(--trade-hnv2-space-3);inset-inline-start:var(--trade-hnv2-space-3);max-width:calc(100% - (2 * var(--trade-hnv2-space-3)));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hn-library-navigation__body{display:grid;grid-template-rows:auto 1fr auto;gap:var(--trade-hnv2-space-2);min-width:0;padding:var(--trade-hnv2-space-4)}.hn-library-navigation__body h3,.hn-library-navigation__body p{margin:0}.hn-library-navigation__body h3{color:var(--trade-hnv2-setting-color-foreground);font-size:var(--trade-hnv2-type-card-title-size);font-weight:var(--trade-hnv2-type-card-title-weight);line-height:var(--trade-hnv2-type-card-title-line)}.hn-library-navigation__body p{color:var(--trade-hnv2-setting-color-muted-foreground);font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-type-small-weight);line-height:var(--trade-hnv2-type-small-line)}.hn-library-navigation__card-link{color:var(--trade-hnv2-setting-color-accent);font-size:var(--trade-hnv2-type-label-size);font-weight:var(--trade-hnv2-type-label-weight);line-height:var(--trade-hnv2-type-label-line)}.hn-library-navigation :is(a,[tabindex]):focus-visible{outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:3px}@media(hover:hover){.hn-library-navigation__card:hover{border-color:var(--trade-hnv2-setting-color-border-strong);transform:translateY(-2px)}}@media screen and (min-width:750px){.hn-library-navigation__rail.slider{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hn-library-navigation__rail .hn-library-navigation__card{width:auto}}@media screen and (min-width:990px){.hn-library-navigation__rail.slider{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.hn-library-navigation__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hn-library-navigation.css.map */