.texture-card{background-image:linear-gradient(180deg,rgba(20,12,8,.34) 0,transparent 28%,transparent 68%,rgba(20,12,8,.55) 100%),url("assets/fabric-samples-v2.png?v=20260911-2");background-repeat:no-repeat;background-size:250% auto;background-position:25% 54%;transition:background-position .75s cubic-bezier(.22,.61,.36,1),background-size .75s ease}
.texture-card:before{display:none}
.texture-card[data-fabric="cloud"]{background-position:22% 54%}
.texture-card[data-fabric="dune"]{background-position:38% 54%}
.texture-card[data-fabric="burgundy"]{background-position:53% 54%}
.texture-card[data-fabric="noir"]{background-position:68% 54%}
.texture-card[data-fabric="sage"]{background-position:84% 54%}
.swatch{position:relative}
.swatch:after{content:"";position:absolute;inset:-7px;border:1px solid transparent;border-radius:50%;transition:border-color .25s ease,transform .25s ease}
.swatch.active:after{border-color:#fff;transform:scale(1.03)}
.swatch:focus-visible{outline:2px solid #fff;outline-offset:5px}
.texture-card small{max-width:70%;line-height:1.5}
@media(max-width:600px){.texture-card{background-size:285% auto}.texture-card[data-fabric="cloud"]{background-position:21% 54%}.texture-card[data-fabric="dune"]{background-position:37% 54%}.texture-card[data-fabric="burgundy"]{background-position:53% 54%}.texture-card[data-fabric="noir"]{background-position:69% 54%}.texture-card[data-fabric="sage"]{background-position:86% 54%}}