.jacket-canvas[data-denim="dark"]{background-color:#141719;background-image:repeating-linear-gradient(120deg,rgba(151,170,181,.045) 0 1px,transparent 1px 4px),repeating-linear-gradient(60deg,rgba(0,0,0,.08) 0 1px,transparent 1px 5px),linear-gradient(100deg,#0c0f11,#202529 50%,#0c0f11)}
.jacket-canvas[data-denim="blue"]{background-color:#182c3b;background-image:repeating-linear-gradient(120deg,rgba(190,215,229,.09) 0 1px,transparent 1px 4px),repeating-linear-gradient(60deg,rgba(3,14,24,.13) 0 1px,transparent 1px 5px),linear-gradient(100deg,#102230,#28465a 50%,#102331)}
.jacket-canvas[data-denim="light"]{background-color:#7c8c93;background-image:repeating-linear-gradient(120deg,rgba(238,245,244,.16) 0 1px,transparent 1px 4px),repeating-linear-gradient(60deg,rgba(33,47,53,.11) 0 1px,transparent 1px 5px),linear-gradient(100deg,#62747c,#98a7aa 50%,#65777e);box-shadow:inset 0 0 65px rgba(22,29,31,.7),0 0 0 2px #090909}
.denim-picker{margin:4px 0 14px}.denim-picker>span{display:block;margin-bottom:7px;color:#999;text-transform:uppercase;font:600 11px var(--font-display)}.denim-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.denim-picker button{min-height:34px;border:1px solid #3a3a3a;background:#111;color:#aaa;text-transform:uppercase;font:700 10px var(--font-display);cursor:pointer}.denim-picker button::before{content:'';display:inline-block;width:10px;height:10px;margin-right:5px;border:1px solid #777;vertical-align:-1px;background:#171b1d}.denim-picker button[data-denim="blue"]::before{background:#294b63}.denim-picker button[data-denim="light"]::before{background:#91a0a4}.denim-picker button.selected{border-color:#d2433f;color:#fff;background:#291312}