100 ){ active--; change() } else if( diff < -100 ){ active++; change() }">
0 ){ if($event.detail.position == 1 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 2 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 3 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 4 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 5 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 6 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 9 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 10 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">






0 ){ if($event.detail.position == 7 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 8 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">


0 ){ if($event.detail.position == 1 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 2 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 3 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 4 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 5 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 6 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 7 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 8 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 9 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">
0 ){ if($event.detail.position == 10 ){ $el.classList.add(`active`); $el.classList.remove(`inactive`); if( typeof active !== `undefined` ){ count = 1; sibling = $el.previousElementSibling; while (sibling) { count++; sibling = sibling.previousElementSibling } active = count } } else { $el.classList.add(`inactive`); $el.classList.remove(`active`) } }">










Carreaux Outdoor Rug (Natural / brown)
A study in understated beauty, the Carreaux Outdoor Rug captures the rustic elegance of a well-traveled home. Machine-woven in Turkey from durable, weather-resistant polypropylene, this no-pile design is ideal for high-traffic areas and outdoor living alike. Its subtle geometry and delicate fringe detailing add just the right amount of texture and charm—bringing a modern farmhouse sensibility to any space. Easy to maintain (simply hose off and air dry), Carreaux pairs perfectly with a rug pad for enhanced comfort and longevity.