.collections-feat{margin:var(--space-l) 0}.collections-feat .container#desktop{align-items:center;display:flex;flex-direction:row;overflow:hidden}.collections-feat #mobile ul.cards-container{display:flex;flex-direction:row;gap:var(--space-xxs);overflow:hidden;overflow-x:scroll;padding-bottom:var(--space-m);width:var(--size-100-per-100) - var(--space-xs)}.collections-feat #mobile ul li{display:grid}.collections-feat #mobile ul li .image-container,.collections-feat #mobile ul li .info-container{grid-area:1/1}.collections-feat #mobile ul li .image-container .image{border-radius:var(--border-radius-xxs);max-width:calc(var(--size-10-vw) * 7.4);height:auto}.collections-feat #mobile ul li .info-container{align-items:end;display:flex;flex-direction:row;justify-content:space-between;padding:var(--space-xs) var(--space-xs) var(--space-s);text-decoration:none}.collections-feat #mobile ul li .info-container .title{color:var(--color-white);font-size:var(--typo-heading-5);font-weight:var(--font-weight-800);margin:0;text-decoration:none}.collections-feat #mobile ul li .info-container .title.dark{color:var(--color-black)}.collections-feat #mobile ul li .info-container .icon-container{padding:var(--space-xxs) var(--space-xs);background:var(--color-white);border-radius:var(--border-radius-xxs)}.collections-feat #mobile ul li .info-container .icon-container.dark{background:var(--color-black)}@media only screen and (min-width: 990px){.collections-feat{margin:0 0 var(--size-xl)}.collections-feat .title-container,.collections-feat .image-container{width:var(--size-50-per-100)}.collections-feat .title-container .title{display:inline-flex;cursor:pointer;font-size:var(--typo-heading-2);font-weight:var(--font-weight-800);margin:0 0 var(--space-xxs);position:relative}.collections-feat .title-container .title:after{display:inline-flex;bottom:calc(var(--space-xxs) * -1);content:"";height:var(--size-3xs);position:absolute;left:0;background-color:var(--color-black);transition:width var(--transition-duration-03s) ease;width:0}.collections-feat .title-container .title:hover:after{width:var(--size-100-per-100)}.collections-feat .image-container{align-items:center;display:grid;justify-content:end;max-height:calc(var(--size-xs-xs) * 80);position:relative}.collections-feat .image-container img{border-radius:var(--border-radius-xxs);height:auto;grid-area:1/1;opacity:0;max-width:var(--size-100-per-100);transition:all var(--transition-duration-03s) ease}.collections-feat .image-container img.active{opacity:1;transition:all var(--transition-duration-03s) ease}}@media only screen and (min-width: 1700px){.collections-feat .image-container,.collections-feat .image-container img{max-height:var(--size-80-vh)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collections-feat.css.map */