.collection-fabric-list{width:100%;max-width:var(--page-width);margin-left:auto;margin-right:auto;padding:var(--size-12) var(--size-16)}@media screen and (max-width:768px){.collection-fabric-list{padding:var(--size-8) var(--size-4)}}.collection-fabric-list .collection-fabric-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--size-8)}@media screen and (max-width:768px){.collection-fabric-list .collection-fabric-list__header{margin-bottom:var(--size-4)}}.collection-fabric-list .collection-fabric-list__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:40px;color:var(--color-text);margin:0}@media screen and (max-width:768px){.collection-fabric-list .collection-fabric-list__title{font-size:var(--text-2xl);line-height:32px}}.collection-fabric-list .collection-fabric-list__navigation{display:flex;align-items:center;gap:var(--size-4)}@media screen and (max-width:768px){.collection-fabric-list .collection-fabric-list__navigation{display:none}}.collection-fabric-list .collection-fabric-list__nav-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;transition:opacity .2s ease}.collection-fabric-list .collection-fabric-list__nav-btn:hover{opacity:.7}.collection-fabric-list .collection-fabric-list__nav-btn svg{width:100%;height:100%}.collection-fabric-list .collection-fabric-list__slider{position:relative}.collection-fabric-list .collection-fabric-list__item{display:flex;flex-direction:column;gap:var(--size-2);position:relative}.collection-fabric-list .collection-fabric-list__image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-white)}.collection-fabric-list .collection-fabric-list__image-wrapper .block-image{width:100%;height:100%}.collection-fabric-list .collection-fabric-list__image-wrapper .block-image img{width:100%;height:100%;object-fit:cover;object-position:center}.collection-fabric-list .collection-fabric-list__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-dark)}.collection-fabric-list .collection-fabric-list__placeholder .placeholder-svg{width:60%;height:60%;opacity:.3}.collection-fabric-list .collection-fabric-list__swatches{position:absolute;bottom:var(--size-1-5);left:var(--size-1-5);display:flex;align-items:center;gap:var(--size-1);background-color:var(--color-white);padding:var(--size-1) var(--size-2);border-radius:var(--radius-sm)}.collection-fabric-list .collection-fabric-list__swatch{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:1px solid var(--color-black-8)}.collection-fabric-list .collection-fabric-list__swatch-overflow{font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:24px;letter-spacing:.5px;color:var(--color-text);white-space:nowrap}@media screen and (max-width:768px){.collection-fabric-list .collection-fabric-list__swatches{bottom:var(--size-1);left:var(--size-1);gap:2px;padding:2px var(--size-1);border-radius:var(--size-1)}.collection-fabric-list .collection-fabric-list__swatch{width:14px;height:14px}.collection-fabric-list .collection-fabric-list__swatch-overflow{font-size:var(--text-xxs);line-height:16px;letter-spacing:.4px}}.collection-fabric-list .collection-fabric-list__content{display:flex;flex-direction:column;gap:var(--size-2)}.collection-fabric-list .collection-fabric-list__item-title{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:28px;color:var(--color-text);margin:0}@media screen and (max-width:768px){.collection-fabric-list .collection-fabric-list__content{gap:var(--size-1)}.collection-fabric-list .collection-fabric-list__item-title{font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:24px;letter-spacing:.15px}}.collection-fabric-list .collection-fabric-list__features{list-style:disc;padding-left:var(--size-6);margin:0;font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:24px;letter-spacing:.5px;color:var(--color-text)}.collection-fabric-list .collection-fabric-list__features li{padding:0}@media screen and (max-width:768px){.collection-fabric-list .collection-fabric-list__features{font-size:var(--text-sm);line-height:20px;letter-spacing:.25px}}.collection-fabric-list .collection-fabric-list__link{font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:24px;letter-spacing:.15px;color:var(--color-text);text-decoration:underline;text-underline-offset:2px;margin-top:auto}a.collection-fabric-list__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (max-width:768px){.collection-fabric-list .collection-fabric-list__link{font-size:var(--text-sm);line-height:20px;letter-spacing:.1px}}.collection-fabric-list .collection-fabric-list__arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-black-16);border-radius:50%;cursor:pointer;z-index:2;transition:all .2s ease}.collection-fabric-list .collection-fabric-list__arrow:hover{background:var(--color-black);border-color:var(--color-black)}.collection-fabric-list .collection-fabric-list__arrow:hover svg path{fill:var(--color-white)}.collection-fabric-list .collection-fabric-list__arrow:disabled{opacity:.3;cursor:not-allowed}.collection-fabric-list .collection-fabric-list__arrow svg{width:20px;height:20px}@media screen and (max-width:768px){.collection-fabric-list .collection-fabric-list__arrow{display:none}}.collection-fabric-list .collection-fabric-list__arrow--prev{left:-15px}.collection-fabric-list .collection-fabric-list__arrow--next{right:-15px}.collection-fabric-list .blaze-track{gap:var(--size-4)}@media screen and (max-width:1100px){.collection-fabric-list .blaze-slider{--slides-to-show: 3;--slide-gap: 12px}.collection-fabric-list .blaze-track{gap:var(--size-3)}}@media screen and (max-width:768px){.collection-fabric-list .blaze-track{gap:var(--size-2)}.collection-fabric-list .blaze-track-container{overflow:auto;margin:0 calc(var(--size-4) * -1);padding:0 var(--size-4)}.collection-fabric-list .blaze-track{will-change:auto;touch-action:auto}.collection-fabric-list .blaze-track:after{content:"";flex-shrink:0;width:8px}.collection-fabric-list .collection-fabric-list__item{width:42%}}
/*# sourceMappingURL=/cdn/shop/t/302/assets/collection-fabric-list.css.map */