.hn-book-families.tpm-collection-navigator{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);display:grid;gap:var(--trade-hnv2-space-5)}.hn-book-families__header{display:flex;align-items:center;justify-content:space-between;gap:var(--trade-hnv2-space-4);flex-wrap:wrap}.hn-book-families__intro{display:grid;gap:var(--trade-hnv2-space-2)}.hn-book-families__intro p,.hn-book-families__intro h2,.hn-book-families__intro h1{margin:0}.hn-book-families__intro>p{max-width:65ch}.hn-book-families__eyebrow{color:var(--trade-hnv2-color-accent-soft-foreground)}.hn-book-families__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--trade-hnv2-grid-gap-sm);padding:0;margin:0}@media screen and (max-width:749px){.hn-book-families--opening .hn-book-families__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hn-book-families--rail.tpm-collection-navigator{grid-template-columns:minmax(0,1fr);gap:var(--trade-hnv2-space-3);padding-block:var(--trade-hnv2-space-4) var(--trade-hnv2-space-2)}.hn-book-families--rail .hn-book-families__header{flex-wrap:nowrap}.hn-book-families__title{margin:0;font-size:var(--trade-hnv2-type-card-title-size);font-weight:var(--trade-hnv2-weight-semibold);line-height:var(--trade-hnv2-type-card-title-line)}.hn-book-families__all{flex:none;display:inline-flex;align-items:center;min-height:44px;color:var(--trade-hnv2-color-accent-soft-foreground);font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-type-label-weight);text-decoration:underline;text-underline-offset:3px}.hn-book-families--rail nav{min-width:0}.hn-book-families__rail.tpm-collection-navigator__list--rail{display:flex;justify-content:flex-start;width:auto;scroll-padding-inline:var(--trade-hnv2-page-gutter);scrollbar-width:none;margin-inline:calc(-1 * var(--trade-hnv2-page-gutter));padding-inline:var(--trade-hnv2-page-gutter)}.hn-book-families__rail.tpm-collection-navigator__list--rail::-webkit-scrollbar{display:none}.hn-book-families__rail .tpm-collection-navigator__item{flex:none;scroll-snap-align:start}.hn-book-families__hint{display:none;margin:0;color:var(--trade-hnv2-color-muted-foreground);font-size:var(--trade-hnv2-type-small-size);line-height:var(--trade-hnv2-type-small-line)}@media screen and (max-width:749px){.hn-book-families--rail .hn-book-families__intro{gap:0}.hn-book-families--rail .hn-book-families__hint{display:block}.hn-book-families__rail.tpm-collection-navigator__list--rail{padding-inline-end:44px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}}@media screen and (prefers-reduced-motion:no-preference){.hn-book-families__hint-arrow{display:inline-block;animation:hn-book-families-nudge 1.4s ease-in-out 3}}@keyframes hn-book-families-nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media screen and (min-width:750px){.hn-book-families--rail.tpm-collection-navigator{--tpm-collection-orb-size-desktop: 120px;--tpm-collection-orb-size-tablet: 108px}.hn-book-families__rail.tpm-collection-navigator__list--rail{flex-wrap:wrap;width:100%;margin-inline:0;padding-inline:0;overflow:visible;gap:var(--trade-hnv2-space-8) var(--trade-hnv2-space-6);scroll-snap-type:none}.hn-book-families__rail.tpm-collection-navigator__list--rail>.tpm-collection-navigator__item{width:140px;flex:none}}.hn-tabs{display:grid;gap:var(--trade-hnv2-space-4);min-width:0}.hn-tabs__radio{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0}.hn-tabs__bar{display:flex;gap:var(--trade-hnv2-space-2);overflow-x:auto;scrollbar-width:none}.hn-tabs__bar::-webkit-scrollbar{display:none}.hn-tabs__tab{display:inline-flex;flex:none;gap:var(--trade-hnv2-space-2);align-items:center;min-height:44px;padding-inline:var(--trade-hnv2-space-4);border:1px solid var(--trade-hnv2-color-border-strong);border-radius:var(--trade-hnv2-radius-pill);color:var(--trade-hnv2-color-foreground);background:var(--trade-hnv2-color-surface);font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-type-label-weight);line-height:1;white-space:nowrap;cursor:pointer}.hn-tabs__count{color:var(--trade-hnv2-color-muted-foreground);font-weight:var(--trade-hnv2-weight-regular, 400)}.hn-tabs__panels{min-width:0}.hn-tabs__panel.tpm-collection-navigator__list--rail{display:none}.hn-tabs__panel.tpm-collection-navigator__list--rail>.tpm-collection-navigator__item{flex:none;width:96px}.hn-tabs__radio:nth-of-type(1):checked~.hn-tabs__panels>.hn-tabs__panel:nth-child(1){display:flex}.hn-tabs__radio:nth-of-type(1):checked~.hn-tabs__bar>.hn-tabs__tab:nth-child(1){border-color:var(--trade-hnv2-color-accent-soft-foreground);color:var(--trade-hnv2-color-accent-soft-foreground);background:var(--trade-hnv2-color-accent-soft);font-weight:var(--trade-hnv2-weight-semibold)}.hn-tabs__radio:nth-of-type(1):focus-visible~.hn-tabs__bar>.hn-tabs__tab:nth-child(1){outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:2px}.hn-tabs__radio:nth-of-type(2):checked~.hn-tabs__panels>.hn-tabs__panel:nth-child(2){display:flex}.hn-tabs__radio:nth-of-type(2):checked~.hn-tabs__bar>.hn-tabs__tab:nth-child(2){border-color:var(--trade-hnv2-color-accent-soft-foreground);color:var(--trade-hnv2-color-accent-soft-foreground);background:var(--trade-hnv2-color-accent-soft);font-weight:var(--trade-hnv2-weight-semibold)}.hn-tabs__radio:nth-of-type(2):focus-visible~.hn-tabs__bar>.hn-tabs__tab:nth-child(2){outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:2px}.hn-tabs__radio:nth-of-type(3):checked~.hn-tabs__panels>.hn-tabs__panel:nth-child(3){display:flex}.hn-tabs__radio:nth-of-type(3):checked~.hn-tabs__bar>.hn-tabs__tab:nth-child(3){border-color:var(--trade-hnv2-color-accent-soft-foreground);color:var(--trade-hnv2-color-accent-soft-foreground);background:var(--trade-hnv2-color-accent-soft);font-weight:var(--trade-hnv2-weight-semibold)}.hn-tabs__radio:nth-of-type(3):focus-visible~.hn-tabs__bar>.hn-tabs__tab:nth-child(3){outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:2px}.hn-tabs__radio:nth-of-type(4):checked~.hn-tabs__panels>.hn-tabs__panel:nth-child(4){display:flex}.hn-tabs__radio:nth-of-type(4):checked~.hn-tabs__bar>.hn-tabs__tab:nth-child(4){border-color:var(--trade-hnv2-color-accent-soft-foreground);color:var(--trade-hnv2-color-accent-soft-foreground);background:var(--trade-hnv2-color-accent-soft);font-weight:var(--trade-hnv2-weight-semibold)}.hn-tabs__radio:nth-of-type(4):focus-visible~.hn-tabs__bar>.hn-tabs__tab:nth-child(4){outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:2px}.hn-tabs__radio:nth-of-type(5):checked~.hn-tabs__panels>.hn-tabs__panel:nth-child(5){display:flex}.hn-tabs__radio:nth-of-type(5):checked~.hn-tabs__bar>.hn-tabs__tab:nth-child(5){border-color:var(--trade-hnv2-color-accent-soft-foreground);color:var(--trade-hnv2-color-accent-soft-foreground);background:var(--trade-hnv2-color-accent-soft);font-weight:var(--trade-hnv2-weight-semibold)}.hn-tabs__radio:nth-of-type(5):focus-visible~.hn-tabs__bar>.hn-tabs__tab:nth-child(5){outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:2px}.hn-tabs__radio:nth-of-type(6):checked~.hn-tabs__panels>.hn-tabs__panel:nth-child(6){display:flex}.hn-tabs__radio:nth-of-type(6):checked~.hn-tabs__bar>.hn-tabs__tab:nth-child(6){border-color:var(--trade-hnv2-color-accent-soft-foreground);color:var(--trade-hnv2-color-accent-soft-foreground);background:var(--trade-hnv2-color-accent-soft);font-weight:var(--trade-hnv2-weight-semibold)}.hn-tabs__radio:nth-of-type(6):focus-visible~.hn-tabs__bar>.hn-tabs__tab:nth-child(6){outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:2px}.hn-tabs__radio:nth-of-type(7):checked~.hn-tabs__panels>.hn-tabs__panel:nth-child(7){display:flex}.hn-tabs__radio:nth-of-type(7):checked~.hn-tabs__bar>.hn-tabs__tab:nth-child(7){border-color:var(--trade-hnv2-color-accent-soft-foreground);color:var(--trade-hnv2-color-accent-soft-foreground);background:var(--trade-hnv2-color-accent-soft);font-weight:var(--trade-hnv2-weight-semibold)}.hn-tabs__radio:nth-of-type(7):focus-visible~.hn-tabs__bar>.hn-tabs__tab:nth-child(7){outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:2px}.hn-tabs__radio:nth-of-type(8):checked~.hn-tabs__panels>.hn-tabs__panel:nth-child(8){display:flex}.hn-tabs__radio:nth-of-type(8):checked~.hn-tabs__bar>.hn-tabs__tab:nth-child(8){border-color:var(--trade-hnv2-color-accent-soft-foreground);color:var(--trade-hnv2-color-accent-soft-foreground);background:var(--trade-hnv2-color-accent-soft);font-weight:var(--trade-hnv2-weight-semibold)}.hn-tabs__radio:nth-of-type(8):focus-visible~.hn-tabs__bar>.hn-tabs__tab:nth-child(8){outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:2px}@media screen and (max-width:749px){.hn-tabs__bar{margin-inline:calc(-1 * var(--trade-hnv2-page-gutter));padding-inline:var(--trade-hnv2-page-gutter) 36px;scroll-padding-inline:var(--trade-hnv2-page-gutter)}.hn-tabs__panel.tpm-collection-navigator__list--rail{margin-inline:calc(-1 * var(--trade-hnv2-page-gutter));padding-inline:var(--trade-hnv2-page-gutter) 44px;width:auto;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}.hn-tabs__panel.tpm-collection-navigator__list--rail::-webkit-scrollbar{display:none}}@media screen and (min-width:750px){.hn-book-families--rail.tpm-collection-navigator{--tpm-collection-orb-size-desktop: 92px;--tpm-collection-orb-size-tablet: 88px}.hn-tabs__panel.tpm-collection-navigator__list--rail{flex-wrap:wrap;overflow:visible;width:100%;gap:var(--trade-hnv2-space-5) var(--trade-hnv2-space-4);scroll-snap-type:none}.hn-tabs__panel.tpm-collection-navigator__list--rail>.tpm-collection-navigator__item{width:112px}}@media screen and (max-width:749px){.hn-book-families--rail.tpm-collection-navigator{padding-block-start:0}}.hn-book-families--opening{padding-block:var(--trade-hnv2-space-8)}.hn-book-families--opening .hn-book-families__header{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--trade-hnv2-space-5);text-align:center}.hn-book-families--opening .hn-book-families__intro{justify-items:center;justify-self:center;width:100%;max-width:1100px;gap:var(--trade-hnv2-space-4);text-align:center}.hn-book-families--opening .hn-book-families__intro h1{text-wrap:balance}.hn-book-families--opening .hn-book-families__intro>p{max-width:62ch}.hn-book-families--opening .hn-library-navigation__card{height:100%}.hn-book-families--opening .hn-library-navigation__media img{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hn-book-families.css.map */