<div class="materials-style-modal-visible">
<div class="section-title">Frame</div>
<div class="swatch-grid">
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/jfyybtnvym/320x180px@1x/Paint_Black.tif?q=90&x.template=y" alt="Black" title="Black">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Black</span>
<span class="swatch-card-code">BL</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/melujguewa/320x180px@1x/Blue-Grey-Finish.jpg?q=90&x.template=y" alt="Blue Grey" title="Blue Grey">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Blue Grey</span>
<span class="swatch-card-code">GR</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/qxvuf7ckk3/320x180px@1x/Paint_Bronze-Metallic.tif?q=90&x.template=y" alt="Bronze Metallic" title="Bronze Metallic">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Bronze Metallic</span>
<span class="swatch-card-code">ZM</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/dbwblrlcwp/320x180px@1x/Paint_Cayenne.tif?q=90&x.template=y" alt="Cayenne" title="Cayenne">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Cayenne</span>
<span class="swatch-card-code">CY</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/jjt0allxaz/320x180px@1x/Champagne-Metallic-Finish.jpg?q=90&x.template=y" alt="Champagne Metallic" title="Champagne Metallic">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Champagne Metallic</span>
<span class="swatch-card-code">CM</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/k3zollpfes/320x180px@1x/Paint_Chrome.tif?q=90&x.template=y" alt="Chrome" title="Chrome">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Chrome</span>
<span class="swatch-card-code">CH</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/0wdbv6q65i/320x180px@1x/Paint_CoolGrey.tif?q=90&x.template=y" alt="Cool Grey" title="Cool Grey">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Cool Grey</span>
<span class="swatch-card-code">CG</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/yrohdtkb4a/320x180px@1x/Paint_Cottonwood.tif?q=90&x.template=y" alt="Cottonwood" title="Cottonwood">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Cottonwood</span>
<span class="swatch-card-code">CO</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/hdcg6vbdaa/320x180px@1x/Paint_EarthenClay.jpg?q=90&x.template=y" alt="Earthen Clay" title="Earthen Clay">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Earthen Clay</span>
<span class="swatch-card-code">EY</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/6tvrtsjdjs/320x180px@1x/Espresso-Metallic-Finish.jpg?q=90&x.template=y" alt="Espresso Metallic" title="Espresso Metallic">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Espresso Metallic</span>
<span class="swatch-card-code">EX</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/zvqudzjryz/320x180px@1x/Paint_EvergladeShade.jpg?q=90&x.template=y" alt="Everglade Shade" title="Everglade Shade">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Everglade Shade</span>
<span class="swatch-card-code">EV</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/x0gz9br1hg/320x180px@1x/Flannel-Finish.jpg?q=90&x.template=y" alt="Flannel" title="Flannel">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Flannel</span>
<span class="swatch-card-code">FN</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/5ezq0x8aqn/320x180px@1x/Paint_GlitzMetallic.tif?q=90&x.template=y" alt="Glitz Metallic" title="Glitz Metallic">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Glitz Metallic</span>
<span class="swatch-card-code">GZ</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/e0pinww9hs/320x180px@1x/Paint_HazyJade.jpg?q=90&x.template=y" alt="Hazy Jade" title="Hazy Jade">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Hazy Jade</span>
<span class="swatch-card-code">HJ</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/e0u78x9p2q/320x180px@1x/Paint_HoneyBee.jpg?q=90&x.template=y" alt="Honey Bee" title="Honey Bee">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Honey Bee</span>
<span class="swatch-card-code">HY</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/vxtrjpymdf/320x180px@1x/Paint_LightTone.tif?q=90&x.template=y" alt="Light Tone" title="Light Tone">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Light Tone</span>
<span class="swatch-card-code">LG</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/mpax0farph/320x180px@1x/Paint_MardiGras.tif?q=90&x.template=y" alt="Mardi Gras" title="Mardi Gras">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Mardi Gras</span>
<span class="swatch-card-code">MG</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/yfrswiacvj/320x180px@1x/Paint_MistyBrown.tif?q=90&x.template=y" alt="Misty Brown" title="Misty Brown">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Misty Brown</span>
<span class="swatch-card-code">MY</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/ipe5y6iq4l/320x180px@1x/Nemo-Finish.jpg?q=90&x.template=y" alt="Nemo" title="Nemo">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Nemo</span>
<span class="swatch-card-code">NE</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/ohe4l2er0z/320x180px@1x/Paint_Nordic.tif?q=90&x.template=y" alt="Nordic" title="Nordic">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Nordic</span>
<span class="swatch-card-code">ND</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/taqp6omm7x/320x180px@1x/Paint_PoppyRed.tif?q=90&x.template=y" alt="Poppy Red" title="Poppy Red">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Poppy Red</span>
<span class="swatch-card-code">PR</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/cascx35yj0/320x180px@1x/Paint_PurpleHaze.tif?q=90&x.template=y" alt="Purple Haze" title="Purple Haze">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Purple Haze</span>
<span class="swatch-card-code">PH</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/azx1dduqg3/320x180px@1x/Paint_RubberDucky.tif?q=90&x.template=y" alt="Rubber Ducky" title="Rubber Ducky">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Rubber Ducky</span>
<span class="swatch-card-code">RK</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/tfs3zuytfs/320x180px@1x/Paint_Rainforest.tif?q=90&x.template=y" alt="Rainforest" title="Rainforest">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Rainforest</span>
<span class="swatch-card-code">RQ</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/bsueb9axch/320x180px@1x/Paint_Sand.tif?q=90&x.template=y" alt="Sand" title="Sand">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Sand</span>
<span class="swatch-card-code">SA</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/gyha8ldpta/320x180px@1x/Paint_Raw-Jasper_tile.jpg?q=90&x.template=y" alt="Raw Jasper" title="Raw Jasper">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Raw Jasper</span>
<span class="swatch-card-code">RJ</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/cskfudi17g/320x180px@1x/Paint_SkyBlue.tif?q=90&x.template=y" alt="Sky Blue" title="Sky Blue">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Sky Blue</span>
<span class="swatch-card-code">SK</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/ckf6hadpfu/320x180px@1x/Starlight-Silver-Metallic-Finish.tif?q=90&x.template=y" alt="Starlight Silver Metallic" title="Starlight Silver Metallic">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Starlight Silver Metallic</span>
<span class="swatch-card-code">SX</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/srl1xhv9bp/320x180px@1x/Surfs-Up-Finish.jpg?q=90&x.template=y" alt="Surf's Up" title="Surf's Up">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Surf's Up</span>
<span class="swatch-card-code">SP</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/zb587lkuya/320x180px@1x/Paint_TwilightShadow.jpg?q=90&x.template=y" alt="Twilight Shadow" title="Twilight Shadow">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Twilight Shadow</span>
<span class="swatch-card-code">TI</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/go9iqo9tss/320x180px@1x/Ultra-Blue-Finish.jpg?q=90&x.template=y" alt="Ultra Blue" title="Ultra Blue">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Ultra Blue</span>
<span class="swatch-card-code">UB</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/zvcmixfles/320x180px@1x/WG_WarmGrey.tif?q=90&x.template=y" alt="Warm Grey" title="Warm Grey">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Warm Grey</span>
<span class="swatch-card-code">WG</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/lm2qwfcr41/320x180px@1x/Paint_Tarragon_tile.jpg?q=90&x.template=y" alt="Tarragon" title="Tarragon">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Tarragon</span>
<span class="swatch-card-code">TQ</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/8pvghlsja1/320x180px@1x/Paint_ZestyLime.tif?q=90&x.template=y" alt="Zesty Lime" title="Zesty Lime">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Zesty Lime</span>
<span class="swatch-card-code">ZL</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
</div> <!-- /swatch-grid -->
</div> <!-- /materials-modal -->