.hb-collection-tiles{--hb-tiles-gap: 1rem;--hb-tiles-tint: rgba(var(--color-foreground), .1);--hb-tiles-label-inset: 1.075rem;--hb-tiles-label-shadow: none;padding-bottom:4.8rem}.hb-collection-tiles__list{--hb-tiles-ring-room: calc(var(--focus-ring-width, .2rem) + var(--focus-ring-offset, .3rem));display:flex;gap:var(--hb-tiles-gap);margin:calc(-1 * var(--hb-tiles-ring-room));padding:var(--hb-tiles-ring-room);scroll-padding-inline:var(--hb-tiles-ring-room);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;list-style:none}.hb-collection-tiles__list::-webkit-scrollbar{display:none}.hb-collection-tiles__item{flex:0 0 calc((100% - 5 * var(--hb-tiles-gap)) / 6);min-width:14rem;scroll-snap-align:start}.hb-collection-tiles__link{display:block;position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--border-radius-main);background:rgb(var(--color-background-secondary));color:rgb(var(--color-text-on-scrim));text-decoration:none}.hb-collection-tiles__link:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset);box-shadow:none}.hb-collection-tiles__image{display:block;width:100%;height:100%;object-fit:cover}.hb-collection-tiles__link:not(.hb-collection-tiles__link--no-image):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hb-tiles-tint);pointer-events:none}.hb-collection-tiles__label{position:absolute;left:1rem;right:1rem;bottom:var(--hb-tiles-label-inset);z-index:1;text-shadow:var(--hb-tiles-label-shadow);font-family:var(--font-heading-family);font-size:1.8rem;font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);line-height:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0 0 -.15em;padding:0 0 .15em;overflow-wrap:anywhere}.hb-collection-tiles__link--no-image{--hb-tiles-label-shadow: none;color:rgb(var(--color-foreground))}@media(hover:hover){.hb-collection-tiles__image{transition:transform var(--duration-default, .3s) ease}.hb-collection-tiles__link:hover .hb-collection-tiles__image{transform:scale(1.03)}}.js .hb-collection-tiles__image{opacity:0;transition:opacity var(--duration-long) ease,transform var(--duration-default, .3s) ease}.js .hb-collection-tiles__image.is-loaded{opacity:1}@media(prefers-reduced-motion:reduce){.hb-collection-tiles__image,.js .hb-collection-tiles__image{transition:none}}@keyframes hb-collection-tiles-cue{0%,98%{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 6rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 6rem),transparent)}to{-webkit-mask-image:none;mask-image:none}}@supports (animation-timeline: scroll()){.hb-collection-tiles__list{animation:hb-collection-tiles-cue linear both;animation-timeline:scroll(self inline)}}@media screen and (max-width:749px){.hb-collection-tiles{padding-bottom:0}.hb-collection-tiles__list{margin:calc(-1 * var(--hb-tiles-ring-room)) calc(-1 * var(--page-gutter));padding:var(--hb-tiles-ring-room) var(--page-gutter);scroll-padding-inline:var(--page-gutter)}.hb-collection-tiles__item{flex-basis:12.4rem;min-width:0}.hb-collection-tiles{--hb-tiles-label-inset: 1rem}.hb-collection-tiles__label{font-size:1.6rem}}@supports not (animation-timeline: scroll()){@media screen and (max-width:749px){.hb-collection-tiles__list{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 4rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 4rem),transparent)}}}
/*# sourceMappingURL=/cdn/shop/t/716/assets/hb-collection-tiles.css.map */