.bb-dir{display:block;--bb-line: rgba(var(--color-foreground), .16);--bb-surface: rgba(var(--color-foreground), .045);--bb-gap: 2.4rem;color:rgba(var(--color-foreground),.8)}.bb-dir *,.bb-dir *:before,.bb-dir *:after{box-sizing:border-box}.bb-dir [hidden]{display:none!important}.bb-dir__intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.6rem 4rem;margin-bottom:2.4rem;padding-bottom:2rem;border-bottom:.1rem solid var(--bb-line)}.bb-dir__intro-text{flex:1 1 36rem;min-width:0}.bb-dir__title{margin:0;color:rgb(var(--color-foreground))}.bb-dir__lede{margin-top:.6rem;max-width:58rem}.bb-dir__lede p{margin:0;font-size:1.5rem;line-height:1.6}.bb-dir__search{flex:0 1 34rem;min-width:min(100%,26rem)}.bb-dir__field{margin:0}.bb-dir__field .bb-dir__input{padding-right:4.8rem;font-family:var(--font-body-family)}.bb-dir__field .bb-dir__input::-webkit-search-cancel-button,.bb-dir__field .bb-dir__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.bb-dir__search-icon,.bb-dir__clear{position:absolute;top:50%;right:1.2rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;transform:translateY(-50%);color:rgb(var(--color-foreground))}.bb-dir__search-icon{pointer-events:none;opacity:.7}.bb-dir__clear{padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.bb-dir__clear:hover{background:var(--bb-surface)}.bb-dir__grid{display:grid;grid-template-columns:minmax(0,1fr)}.bb-dir__group{min-width:0}.bb-dir__heading{margin:0}.bb-dir__toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.4rem;width:100%;margin:0;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer}.bb-dir__thumb{display:block;width:4.8rem;flex:none}.bb-dir__thumb-img{display:block;width:100%;height:auto;box-shadow:.2rem .3rem .8rem rgba(var(--color-foreground),.18)}.bb-dir__thumb--empty{width:0}.bb-dir__heading-copy{display:block;min-width:0}.bb-dir__heading-text{display:block;line-height:1.2;overflow-wrap:break-word}.bb-dir__desc{display:block;margin-top:.4rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.4rem;line-height:1.45;letter-spacing:.02rem;color:rgba(var(--color-foreground),.75)}.bb-dir__icon{position:relative;width:1.6rem;height:1.6rem;flex:none}.bb-dir__icon:before,.bb-dir__icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:.15rem;margin-top:-.075rem;background:currentColor;transition:transform .2s ease}.bb-dir__icon:after{transform:rotate(90deg)}.bb-dir__toggle[aria-expanded=true] .bb-dir__icon:after{transform:rotate(90deg) scaleX(0)}.bb-dir__list{margin:0;padding:0;list-style:none}.bb-dir__link{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:4.4rem;padding:1rem 0;border-top:.1rem solid var(--bb-line);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem;line-height:1.35;text-decoration:none}.bb-dir__link-text{min-width:0;overflow-wrap:break-word}.bb-dir__arrow{flex:none;width:1.6rem;height:1.2rem;opacity:.55;transition:transform .2s ease,opacity .2s ease}.bb-dir__link:hover .bb-dir__link-text,.bb-dir__feature:hover .bb-dir__feature-title{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem}.bb-dir__link:hover .bb-dir__arrow,.bb-dir__feature:hover .bb-dir__arrow{opacity:1;transform:translate(.3rem)}.bb-dir__link:focus-visible,.bb-dir__toggle:focus-visible,.bb-dir__feature:focus-visible,.bb-dir__clear:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.7);outline-offset:.2rem;box-shadow:none}.bb-dir__empty{padding:3.2rem 2.4rem;text-align:center;background:var(--bb-surface);border-top:.3rem solid rgb(var(--color-foreground))}.bb-dir__empty-text{margin:0 0 1.6rem;font-size:1.6rem;color:rgb(var(--color-foreground))}.bb-dir__feature-wrap{margin-top:var(--bb-gap)}.bb-dir__feature{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.8rem 2rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);text-decoration:none}.bb-dir__feature:focus-visible{outline-color:rgb(var(--color-foreground));outline-offset:.3rem}.bb-dir__feature-copy{display:block;min-width:0}.bb-dir__feature-kicker{display:block;margin-bottom:.4rem;color:inherit;opacity:.85}.bb-dir__feature-title{display:block;font-size:1.9rem;line-height:1.25;overflow-wrap:break-word}.bb-dir__feature .bb-dir__arrow{width:2rem;height:1.5rem;opacity:.9}.bb-dir__editor-note{margin-top:var(--bb-gap);padding:1.6rem 2rem;border:.1rem dashed rgba(var(--color-foreground),.5);font-size:1.4rem;line-height:1.5}.bb-dir__editor-note p{margin:.6rem 0 0}@media screen and (max-width:749px){.bb-dir__intro{margin-bottom:2rem;padding-bottom:0;border-bottom:0}.bb-dir__search{flex-basis:100%}.bb-dir__group{border-top:.1rem solid var(--bb-line)}.bb-dir__group:last-child{border-bottom:.1rem solid var(--bb-line)}.bb-dir__toggle{min-height:6.4rem;padding:1.4rem 0}.js .bb-dir__group:not(.is-open) .bb-dir__panel{display:none}.no-js .bb-dir__icon{display:none}.bb-dir__list{padding-bottom:1.6rem}.bb-dir__link{min-height:4.8rem;padding:1.3rem 1.4rem;border-top:0;border-bottom:.1rem solid rgba(var(--color-foreground),.1);background:var(--bb-surface)}.bb-dir__item:last-child .bb-dir__link{border-bottom:0}.bb-dir__feature-title{font-size:1.8rem}}@media screen and (max-width:359px){.bb-dir__toggle{gap:1rem}.bb-dir__thumb{width:4rem}.bb-dir__feature{padding:1.6rem}}@media screen and (min-width:750px){.bb-dir__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--bb-gap);row-gap:var(--bb-gap);align-items:start}.bb-dir__grid.is-masonry{grid-auto-rows:1px;row-gap:0}.bb-dir__group{padding:2.2rem 2.4rem 1.2rem;background:var(--bb-surface);border-top:.3rem solid rgb(var(--color-foreground))}.bb-dir__toggle{cursor:default;gap:1.6rem;margin-bottom:1.6rem}.bb-dir__toggle:focus-visible{outline:none}.bb-dir__thumb{width:5.6rem}.bb-dir__icon{display:none}.bb-dir__toggle{grid-template-columns:auto minmax(0,1fr)}.bb-dir__feature{padding:2rem 2.8rem}}@media screen and (min-width:990px){.bb-dir__group{padding:2.4rem 2.8rem 1.4rem}.bb-dir__thumb{width:6.4rem}.bb-dir__feature-title{font-size:2rem}}.bb-dir__sections{margin:0 0 2.8rem}.bb-dir__sections-title{margin:0 0 1rem;color:rgba(var(--color-foreground),.8)}.bb-dir__sections-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none}.bb-dir__section-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.4rem;min-height:6.4rem;padding:1.2rem 0;border-top:.1rem solid var(--bb-line);color:rgb(var(--color-foreground));text-decoration:none}.bb-dir__sections-item:last-child .bb-dir__section-link{border-bottom:.1rem solid var(--bb-line)}.bb-dir__section-thumb{display:block;width:4.4rem}.bb-dir__section-copy{display:block;min-width:0}.bb-dir__section-name{display:block;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.9rem;line-height:1.2}.bb-dir__section-text{display:block;margin-top:.3rem;font-size:1.35rem;line-height:1.45;color:rgba(var(--color-foreground),.78)}.bb-dir__section-link:hover .bb-dir__section-name{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem}.bb-dir__section-link:hover .bb-dir__arrow{opacity:1;transform:translate(.3rem)}.bb-dir__section-link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.7);outline-offset:.2rem;box-shadow:none}@media screen and (min-width:750px){.bb-dir__sections{margin-bottom:3.2rem}.bb-dir__sections-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bb-gap)}.bb-dir__section-link,.bb-dir__sections-item:last-child .bb-dir__section-link{padding:1.6rem 0;border-top:.3rem solid rgb(var(--color-foreground));border-bottom:0}.bb-dir__section-thumb{width:5.2rem}.bb-dir__section-name{font-size:2.1rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/bb-collections-directory.css.map */