.collection-band{--collection-band-gap: var(--space-md);display:block}.collection-band.collection-band{background-color:var(--collection-band-bg, rgb(var(--color-background)))}.collection-band [hidden]{display:none!important}.collection-band__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs) var(--space-lg);margin-bottom:var(--space-lg)}.collection-band__titles{min-width:0}.collection-band__heading{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:2.2rem;font-style:normal;font-weight:700;letter-spacing:normal;line-height:1.25}.collection-band__text{margin:var(--space-2xs) 0 0;color:rgba(var(--color-foreground),.75);font-size:1.5rem;line-height:var(--line-height-body)}.collection-band__link{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-xs);color:rgb(var(--token-accent));font-size:1.6rem;font-weight:700;line-height:1.3;text-decoration:none}.collection-band__link .svg-wrapper{width:1.4rem;height:1.4rem}.collection-band__link:hover span:first-child{text-decoration:underline;text-underline-offset:var(--space-3xs)}.collection-band__link:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--token-focus));outline-offset:var(--focus-ring-offset)}@media screen and (min-width:750px){.collection-band__heading{font-size:2.6rem}.collection-band__text{font-size:1.6rem}}.collection-band__body{position:relative;container-type:inline-size}.collection-band__track{position:relative;display:flex;gap:var(--collection-band-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.collection-band__track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.collection-band__track{scroll-behavior:auto}}.collection-band__item{flex:0 0 42%;min-width:0;scroll-snap-align:start}@media screen and (max-width:749px){.collection-band__track{margin-inline:calc(-1 * var(--page-gutter, 1.5rem));padding-inline:var(--page-gutter, 1.5rem);scroll-padding-inline:var(--page-gutter, 1.5rem)}}@media screen and (min-width:750px){.collection-band{--collection-band-per-view: 3.4}.collection-band__item{flex-basis:calc((100% - 3 * var(--collection-band-gap)) / var(--collection-band-per-view))}}@media screen and (min-width:990px){.collection-band{--collection-band-per-view: 4.5}.collection-band__item{flex-basis:calc((100% - 4 * var(--collection-band-gap)) / var(--collection-band-per-view))}}.collection-band__arrow{position:absolute;z-index:3;top:35%;display:none;place-items:center;width:var(--size-tap);height:var(--size-tap);padding:0;border:var(--border-hairline) solid rgb(var(--token-divider));border-radius:var(--radius-pill);background:rgb(var(--token-surface));color:rgb(var(--token-text));box-shadow:0 .2rem .8rem rgba(var(--token-primary),.16);opacity:0;pointer-events:none;cursor:pointer;transition:opacity var(--duration-short) ease}.collection-band__arrow--previous{left:var(--space-xs)}.collection-band__arrow--next{right:var(--space-xs)}.collection-band__arrow .svg-wrapper{width:var(--size-icon-sm);height:var(--size-icon-sm)}.collection-band__arrow--previous .svg-wrapper{transform:rotate(90deg)}.collection-band__arrow--next .svg-wrapper{transform:rotate(-90deg)}@media screen and (min-width:750px){.collection-band__arrow{display:inline-grid;top:calc((100cqw - 3 * var(--collection-band-gap)) / var(--collection-band-per-view) / 2 - var(--size-tap) / 2)}}@media screen and (min-width:990px){.collection-band__arrow{top:calc((100cqw - 4 * var(--collection-band-gap)) / var(--collection-band-per-view) / 2 - var(--size-tap) / 2)}}@media(hover:hover){.collection-band:hover .collection-band__arrow:not([disabled]){opacity:1;pointer-events:auto}}.collection-band__arrow:focus-visible{outline:var(--focus-ring-width) solid rgb(var(--token-focus));outline-offset:var(--focus-ring-offset);opacity:1;pointer-events:auto}.collection-band__arrow:hover{border-color:rgb(var(--token-text))}@media(prefers-reduced-motion:reduce){.collection-band__arrow{transition:none}}.collection-band .gift-card .gift-card__badge{right:var(--space-xs);left:auto;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:none}.collection-band .gift-card__swatches{right:auto;left:var(--space-xs)}.collection-band__note{margin:0;padding:var(--space-md);border:var(--border-hairline) dashed rgb(var(--color-foreground));color:rgb(var(--color-foreground));line-height:var(--line-height-body)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-collection-band.css.map */