.dynamic-collection-banner__wrapper{display:flex;flex-direction:column;width:100%;padding:6px 35px 24px}@media(min-width:768px){.dynamic-collection-banner__wrapper{padding-top:32px;padding-bottom:36px;margin-bottom:24px}}.collection-banner--breadcrumbs.dynamic{text-align:left;margin:0 0 22px}.collection-banner--breadcrumbs.dynamic .breadcrumbs,.collection-banner--breadcrumbs.dynamic nav,.collection-banner--breadcrumbs.dynamic p{margin:0;padding:0}.collection-banner--title.dynamic{margin:0;padding:0 0 14px;font-size:var(--bg-title-size);font-weight:var(--bg-title-weight);line-height:var(--bg-title-line);text-align:left}.dynamic-collection-banner__link-list{display:flex;flex-direction:row;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.dynamic-collection-banner__link-list::-webkit-scrollbar{display:none}.dynamic-collection-banner__link-list.is-dragging{cursor:grabbing;scroll-snap-type:none}.dynamic-collection-banner__link-list.is-dragging .collection-link-card{pointer-events:none}.collection-link-card{flex:0 0 auto;width:84px;scroll-snap-align:start;text-decoration:none;text-align:center;-webkit-user-select:none;user-select:none}.collection-link-card__image{display:block;width:64px;height:64px;margin:0 auto;border-radius:50%;overflow:hidden;background:var(--bg-band, #f5f5f7);box-shadow:inset 0 0 0 1px #00000014;transition:box-shadow .2s ease}.collection-link-card__image img{width:100%;height:100%;object-fit:cover;display:block}@media(hover:hover)and (pointer:fine){.collection-link-card:hover .collection-link-card__image,.collection-link-card:focus-visible .collection-link-card__image{box-shadow:inset 0 0 0 2px var(--bg-ink, #1d1d1f)}.collection-link-card:hover .collection-link-card__label{text-decoration:underline;text-underline-offset:3px}}.collection-link-card__image{transition:box-shadow .2s ease}.collection-link-card__label{display:block;margin-top:8px;font-family:var(--bg-font-sans);font-size:13px;line-height:1.25;font-weight:var(--bg-body-weight);color:#111}@media(max-width:768px){.collection-banner--breadcrumbs.dynamic nav.breadcrumbs{visibility:visible}}@media(max-width:767px){.dynamic-collection-banner__wrapper{padding:4px 15px 24px}.dynamic-collection-banner__link-list{gap:12px}.collection-link-card{width:76px}.collection-link-card__image{width:60px;height:60px}}.dynamic-collection-banner__wrapper.has-bg{position:relative}.dynamic-collection-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.dynamic-collection-banner__bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.dynamic-collection-banner__wrapper.has-bg>*:not(.dynamic-collection-banner__bg){position:relative;z-index:1}.dynamic-collection-banner__wrapper.has-bg .collection-banner--title.dynamic,.dynamic-collection-banner__wrapper.has-bg .collection-banner--breadcrumbs.dynamic,.dynamic-collection-banner__wrapper.has-bg .collection-banner--breadcrumbs.dynamic a,.dynamic-collection-banner__wrapper.has-bg .collection-banner--breadcrumbs.dynamic p,.dynamic-collection-banner__wrapper.has-bg .collection-banner--breadcrumbs.dynamic span{color:var(--dcb-text, inherit)}.collection-banner--intro{font-family:var(--bg-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);font-size:var(--bg-body-size, 17px);line-height:1.5;color:var(--bg-secondary, #6e6e73);max-width:640px;margin:8px 0 20px}.dynamic-collection-banner__head{display:flex;flex-direction:column}@media(min-width:1024px){.dynamic-collection-banner__head{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:40px}.dynamic-collection-banner__heading{flex:0 1 620px;min-width:0}.dynamic-collection-banner__head .dynamic-collection-banner__link-list{flex:0 1 auto;max-width:56%;margin-top:4px;justify-content:flex-end}.dynamic-collection-banner__head .collection-link-card{width:112px}.dynamic-collection-banner__head .collection-link-card__image{width:96px;height:96px}.dynamic-collection-banner__head .collection-link-card__label{font-size:14px}}.dynamic-collection-banner__link-list{padding:4px 0}
/*# sourceMappingURL=/cdn/shop/t/139/assets/dynamic-collection-banner.css.map */