.collection-banner{--card-width-mobile: 16.6rem;--card-height: 16.6rem;--card-width-desktop: 22.2rem;--card-border-radius: 2.4rem;--card-gap: .8rem;--all-bikes-width-mobile: 13.2rem;--all-bikes-width-desktop: 13.2rem}.collection-banner{padding-top:4rem;padding-bottom:2.8rem}.collection-banner__header{margin-bottom:6rem;padding-left:var(--section-spacing-horizontal)}.collection-banner__breadcrumbs{margin-bottom:1.6rem}.collection-banner__title{margin:0;font:var(--heading-m);letter-spacing:0}@media screen and (min-width:1024px){.collection-banner{justify-content:space-between;padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.collection-banner__title{font:var(--heading-l);letter-spacing:0}}.collection-banner__cards-wrapper{margin:0 calc(var(--page-margin) * -1)}.collection-banner__cards{display:flex;gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 var(--page-margin);scrollbar-width:none}.collection-banner__cards::-webkit-scrollbar{display:none}.collection-banner__cards:before,.collection-banner__cards:after{content:"";display:block;flex-shrink:0;min-width:calc(var(--section-spacing-horizontal) - var(--card-gap));scroll-snap-align:start}@media screen and (min-width:1024px){.collection-banner{display:flex;gap:var(--spacing-24);align-items:start;padding-top:8rem;padding-bottom:4rem}.collection-banner__header{flex-shrink:0;width:calc((100% - var(--spacing-24)) / 3)}.collection-banner__cards-wrapper{flex:1;max-width:calc(3 * var(--card-width-desktop) + 2 * var(--card-gap) + 6rem);margin:0}.collection-banner__cards{overflow-x:initial;padding:0;scrollbar-width:thin;scrollbar-color:var(--grey-2) transparent;justify-content:flex-end}.collection-banner__cards:before,.collection-banner__cards:after{display:none}.collection-banner__cards::-webkit-scrollbar{display:block;height:.4rem}.collection-banner__cards::-webkit-scrollbar-track{background:transparent}.collection-banner__cards::-webkit-scrollbar-thumb{background-color:var(--grey-2);border-radius:.2rem}}.collection-category-card{position:relative;flex-shrink:0;width:var(--card-width-mobile);height:var(--card-height);border-radius:var(--card-border-radius);overflow:hidden;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}@media screen and (min-width:1024px){.collection-category-card{width:var(--card-width-desktop)}}.collection-category-card__link{position:relative;display:block;width:100%;height:100%;text-decoration:none;color:#fff}.collection-category-card__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.collection-category-card__image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6.4rem;opacity:.9;background:linear-gradient(180deg,#1c373e00,#1c373e)}.collection-category-card__image img{width:100%;height:100%;object-fit:cover}.collection-category-card__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding:1.6rem}.collection-category-card__info-wrapper{display:flex;align-items:flex-start;gap:.8rem;flex:1}.collection-category-card__title{color:#fff;margin:0;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:var(--font-weight-bold)}.collection-category-card__info-button{color:#fff}.collection-category-card__info-button:focus-visible{outline-color:#fff}.collection-category-card__arrow{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;border-radius:50%;transition:all .2s ease;position:relative}.collection-category-card__arrow:after{content:"";width:4rem;height:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--white);z-index:-1;opacity:0;transition:opacity .2s ease}.collection-category-card__arrow svg{width:100%;height:100%;transition:color .2s ease}.collection-category-card:hover .collection-category-card__arrow{color:#000}.collection-category-card:hover .collection-category-card__arrow:after{opacity:1}.collection-category-card:hover .collection-category-card__arrow svg{color:#000}.collection-category-card--active{border:2px solid var(--teal-2)}.collection-category-card--active .collection-category-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid white;border-radius:calc(var(--card-border-radius) - 2px);pointer-events:none;z-index:3}.collection-category-card--active .collection-category-card__arrow{display:none}.collection-category-card--all-bikes{background:#fff;border:1px solid var(--grey-2);width:var(--all-bikes-width-mobile)}@media screen and (min-width:1024px){.collection-category-card--all-bikes{width:var(--all-bikes-width-desktop)}}.collection-category-card--all-bikes .collection-category-card__image{display:none}.collection-category-card--all-bikes .collection-category-card__content{padding:1.6rem}.collection-category-card--all-bikes .collection-category-card__info-wrapper{align-items:flex-start}.collection-category-card--all-bikes .collection-category-card__title{color:#000}.collection-category-card--all-bikes .collection-category-card__arrow{display:none}.collection-category-card--all-bikes{transition:border-color var(--duration-short) ease}.collection-category-card--all-bikes:hover{border-color:var(--grey-3)}.collection-category-card__link:focus-visible{outline:2px solid var(--teal-3);outline-offset:2px;border-radius:var(--card-border-radius)}.collection-category-card__info-button:focus-visible{outline:2px solid var(--teal-3);outline-offset:2px;border-radius:50%}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-collection-banner.css.map */