.product-swatch {
  opacity: 1;
  visibility: visible;
}

.swatch-tile {
  width: 24px;
  height: 24px;
  display: none;
  border: none;
  margin-right: 0.3em;
  margin-bottom: 0.3em;
  border-radius: 16px;
  vertical-align: middle;
}

.swatch-tile--strawberry {  display: inline-block;  background-color: #f1d3d5;}
.swatch-tile--plum {  display: inline-block;  background-color: #dbcbe7;}
.swatch-tile--blueberry {  display: inline-block;  background-color: #9fd6d4;}
.swatch-tile--chocolate {  display: inline-block;  background-color: #4b352e;}
.swatch-tile--purple {  display: inline-block;  background-color: #b580d1;}
.swatch-tile--dark_purple {  display: inline-block;  background-color: #5F4B8B;}
.swatch-tile--light_purple {  display: inline-block;  background-color: #e2b9e4;}
.swatch-tile--shiny_purple {  display: inline-block;  background-color: #b580d1;}
.swatch-tile--yellow {  display: inline-block;  background-color: #ffe900;}
.swatch-tile--beige, .swatch-tile--oatmeal {  display: inline-block;  background-color: #f0e2c7;}
.swatch-tile--blue, .swatch-tile--shiny_blue {  display: inline-block;  background-color: #00a3e0;}
.swatch-tile--aqua, .swatch-tile--shiny_aqua {  display: inline-block;  background-color: #64ccc9;}
.swatch-tile--aqua_translucent {  display: inline-block;  background-color: #a9e3d5;}
.swatch-tile--black, .swatch-tile--shiny_black {  display: inline-block;  background-color: #212322;}
.swatch-tile--indigo, .swatch-tile--shiny_indigo {  display: inline-block;  background-color: #280071;}
.swatch-tile--red, .swatch-tile--shiny_red {  display: inline-block;  background-color: #ba0c2f;}
.swatch-tile--fuchsia, .swatch-tile--shiny_fuchsia {  display: inline-block;  background-color: #c5299b;}
.swatch-tile--fuchsia_translucent {  display: inline-block;  background-color: #dc58b9;}
.swatch-tile--grey {  display: inline-block;  background-color: #7c878e;}
.swatch-tile--light_grey {  display: inline-block;  background-color: #c1c6c8;}
.swatch-tile--grey_translucent {  display: inline-block;  background-color: #8d938b;}
.swatch-tile--warm_grey {  display: inline-block;  background-color: #83786f;}
.swatch-tile--white, .swatch-tile--shiny_white, .swatch-tile--white_translucent {  display: inline-block;  background-color: #fdfdfd;  border: solid 1px #bbb;}
.swatch-tile--pink {  display: inline-block;  background-color: #f99fc9;}
.swatch-tile--brown {  display: inline-block;  background-color: #4b352e;}
.swatch-tile--baby_blue {  display: inline-block;  background-color: #7592ca;}
.swatch-tile--baby_blue_translucent, .swatch-tile--pale_blue_translucent {  display: inline-block;  background-color: #a2afda;}
.swatch-tile--dazzling_blue {  display: inline-block;  background-color: #2e4da7;}
.swatch-tile--dazzling_blue_translucent {  display: inline-block;  background-color: #4157cc;}
.swatch-tile--baby_pink {  display: inline-block;  background-color: #f1d3d5;}
.swatch-tile--baby_pink_translucent, .swatch-tile--pale_pink_translucent {  display: inline-block;  background-color: #fbe3e9;}
.swatch-tile--baby_purple {  display: inline-block;  background-color: #9b90c8;}
.swatch-tile--baby_purple_translucent, .swatch-tile--pale_purple_translucent {  display: inline-block;  background-color: #c9c4e1;}
.swatch-tile--green {  display: inline-block;  background-color: #aae768;}
.swatch-tile--navy {  display: inline-block;  background-color: #2c5697;}
.swatch-tile--honeysuckle {  display: inline-block;  background-color: #d85a7b;}
.swatch-tile--mint {  display: inline-block;  background-color: #b4dbb3;}
.swatch-tile--bone, .swatch-tile--fishhook-bone {  display: inline-block;  background-color: #f0ede2;  border: solid 1px #b7b4a8;}
.swatch-tile--fishhook-brown {  display: inline-block;  background-color: #63513d;}
.swatch-tile--teal {  display: inline-block;  background-color: #008c95;}
.swatch-tile--light_blue {  display: inline-block;  background-color: #95aad3;}
.swatch-tile--light_pink {  display: inline-block;  background-color: #ffdef3;}
.swatch-tile--dark_pink {  display: inline-block;  background-color: #f676a5;}
.swatch-tile--dark_blue {  display: inline-block;  background-color: #002f6c;}
.swatch-tile--light_green {  display: inline-block;  background-color: #a5b99c;}
.swatch-tile--raccoon-green {  display: inline-block;  background-color: #ecffc8;  border: solid 1px #aecaad;}
.swatch-tile--raccoon-purple {  display: inline-block;  background-color: #e2b9e4;}
.swatch-tile--raccoon-brown {  display: inline-block;  background-color: #e8c27e;}
.swatch-tile--fox-aqua {  display: inline-block;  background-color: #64ccc9;}
.swatch-tile--fox-purple {  display: inline-block;  background-color: #d7b9e4;}
.swatch-tile--fox-dark_purple {  display: inline-block;  background-color: #5F4B8B;}
.swatch-tile--fox-brown {  display: inline-block;  background-color: #d9875d;}
.swatch-tile--bird-aqua {  display: inline-block;  background-color: #95dee2;}
.swatch-tile--bird-purple {  display: inline-block;  background-color: #d7b9e4;}
.swatch-tile--bird-blue {  display: inline-block;  background-color: #95aad3;}
.swatch-tile--bird-pink {  display: inline-block;  background-color: #f99fc9;}
.swatch-tile--bird-white {  display: inline-block;  background-color: #fdfdfd;  border: solid 1px #bbb;}
.swatch-tile--lavender {  display: inline-block;  background-color: #dbcbe7;}
.swatch-tile--dark_red {  display: inline-block;  background-color: #7d3c38;}
.swatch-tile--royal_blue {  display: inline-block;  background-color: #2e4da7;}
.swatch-tile--dark_green {  display: inline-block;  background-color: #2c5234;}
.swatch-tile--forest_green {  display: inline-block;  background-color: #71844d;}
.swatch-tile--charcoal {  display: inline-block;  background-color: #38372f;}
.swatch-tile--serenity {  display: inline-block;  background-color: #95aad3;}
.swatch-tile--coral {  display: inline-block;  background-color: #ff585d;}
.swatch-tile--orange {  display: inline-block;  background-color: #f1a143;}
.swatch-tile--ocean {  display: inline-block;  background-color: #3388af;}
.swatch-tile--rose_quartz, .swatch-tile--rose {  display: inline-block;  background-color: #f1d3d5;}
.swatch-tile--kryptonite {  display: inline-block;  background-color: #aae768;}
.swatch-tile--amethyst {  display: inline-block;  background-color: #dbcbe7;}
.swatch-tile--sapphire {  display: inline-block;  background-color: #00a3e0;}
.swatch-tile--turquoise {  display: inline-block;  background-color: #64ccc9;}
.swatch-tile--sea_foam, .swatch-tile--sea_breeze {  display: inline-block;  background-color: #afe4e2;}
.swatch-tile--blues {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m10.667 0h21.333v32h-21.333z' fill='%2300a3e0'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2364ccc9'/></svg>");}
.swatch-tile--blue-green-yellow {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2300a3e0'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23aae768'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23ffe900'/></svg>");}
.swatch-tile--charcoal_waves,grey_waves {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2338372f'/><path d='m0 0v2.7168c17.875-1.0524 20.501 16.552 32 5.2832v-8h-3.0586c-3.9094 13.358-4.4185 5.9446-14.715 0h-14.227zm2.3164 5.9316c-0.76128-0.012546-1.5335 0.046878-2.3164 0.19141v6.7461c13.028-4.8779 22.649 13.34 32 3.623v-4.5352c-9.1917 10.581-18.264-5.8372-29.684-6.0254zm1.7617 10.77c-1.3251 0.02534-2.6832 0.27445-4.0781 0.82227v6.7461c13.028-4.8779 22.068 15.572 32 0.39062v-4.5352c-8.529 11-17.132-3.6302-27.922-3.4238z' fill='%237c878e'/></svg>");}
.swatch-tile--purple_waves {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%235F4B8B'/><path d='m0 0v2.7168c17.875-1.0524 20.501 16.552 32 5.2832v-8h-3.0586c-3.9094 13.358-4.4185 5.9446-14.715 0h-14.227zm2.3164 5.9316c-0.76128-0.012546-1.5335 0.046878-2.3164 0.19141v6.7461c13.028-4.8779 22.649 13.34 32 3.623v-4.5352c-9.1917 10.581-18.264-5.8372-29.684-6.0254zm1.7617 10.77c-1.3251 0.02534-2.6832 0.27445-4.0781 0.82227v6.7461c13.028-4.8779 22.068 15.572 32 0.39062v-4.5352c-8.529 11-17.132-3.6302-27.922-3.4238z' fill='%23b580d1'/></svg>");}
.swatch-tile--navy_waves {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m0 0v2.7168c17.875-1.0524 20.501 16.552 32 5.2832v-8h-3.0586c-3.9094 13.358-4.4185 5.9446-14.715 0h-14.227zm2.3164 5.9316c-0.76128-0.012546-1.5335 0.046878-2.3164 0.19141v6.7461c13.028-4.8779 22.649 13.34 32 3.623v-4.5352c-9.1917 10.581-18.264-5.8372-29.684-6.0254zm1.7617 10.77c-1.3251 0.02534-2.6832 0.27445-4.0781 0.82227v6.7461c13.028-4.8779 22.068 15.572 32 0.39062v-4.5352c-8.529 11-17.132-3.6302-27.922-3.4238z' fill='%2327251d'/></svg>");}
.swatch-tile--camo_waves {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2371844d'/><path d='m0 0v2.7168c17.875-1.0524 20.501 16.552 32 5.2832v-8h-3.0586c-3.9094 13.358-4.4185 5.9446-14.715 0h-14.227zm2.3164 5.9316c-0.76128-0.012546-1.5335 0.046878-2.3164 0.19141v6.7461c13.028-4.8779 22.649 13.34 32 3.623v-4.5352c-9.1917 10.581-18.264-5.8372-29.684-6.0254zm1.7617 10.77c-1.3251 0.02534-2.6832 0.27445-4.0781 0.82227v6.7461c13.028-4.8779 22.068 15.572 32 0.39062v-4.5352c-8.529 11-17.132-3.6302-27.922-3.4238z' fill='%2327251d'/></svg>");}
.swatch-tile--aqua_waves {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2300a3e0'/><path d='m0 0v2.7168c17.875-1.0524 20.501 16.552 32 5.2832v-8h-3.0586c-3.9094 13.358-4.4185 5.9446-14.715 0h-14.227zm2.3164 5.9316c-0.76128-0.012546-1.5335 0.046878-2.3164 0.19141v6.7461c13.028-4.8779 22.649 13.34 32 3.623v-4.5352c-9.1917 10.581-18.264-5.8372-29.684-6.0254zm1.7617 10.77c-1.3251 0.02534-2.6832 0.27445-4.0781 0.82227v6.7461c13.028-4.8779 22.068 15.572 32 0.39062v-4.5352c-8.529 11-17.132-3.6302-27.922-3.4238z' fill='%23afe4e2'/></svg>");}
.swatch-tile--pink_waves {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23f99fc9'/><path d='m0 0v2.7168c17.875-1.0524 20.501 16.552 32 5.2832v-8h-3.0586c-3.9094 13.358-4.4185 5.9446-14.715 0h-14.227zm2.3164 5.9316c-0.76128-0.012546-1.5335 0.046878-2.3164 0.19141v6.7461c13.028-4.8779 22.649 13.34 32 3.623v-4.5352c-9.1917 10.581-18.264-5.8372-29.684-6.0254zm1.7617 10.77c-1.3251 0.02534-2.6832 0.27445-4.0781 0.82227v6.7461c13.028-4.8779 22.068 15.572 32 0.39062v-4.5352c-8.529 11-17.132-3.6302-27.922-3.4238z' fill='%23b580d1'/></svg>");}
.swatch-tile--camo, .swatch-tile--green_camo {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2371844d'/><path d='m5.6895 0c4.7204 0.95862 8.324 4.0567 11.723 7.4375 4.284 4.2618 10.401 4.2611 14.588-0.050781v-7.3867h-3.0586c-6.6678 7.2557-7.6673 3.3436-13.438 0h-9.8145zm-5.6895 2.8516v5.0254c4.4608 0.38133 10.313 5.572 7.8945 6.5664-6.2909 2.5872-5.3373 3.4617-7.8945 4.3633v9.4258c10.461-2.759 18.425-2.9715 18.312-0.6543-0.14093 2.909-5.119 0.069062-8.4707 4.4219h15.414c2.1492-2.0222 2.0711-4.6583-1.0293-7.041-7.4438-5.7208-17.45-0.77845-16.803-3.5098 0.58962-2.4864 9.1362-3.3173 12.215-2.8906 6.9083 0.95751 10.074 4.3259 12.361 4.5508v-4.625c-2.9594-1.4489-5.6506-3.7941-10.25-4.1543-8.7481-0.68503-10.045-10.593-21.75-11.479z' fill='%2327251d'/></svg>");}
.swatch-tile--navy_camo {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m5.6895 0c4.7204 0.95862 8.324 4.0567 11.723 7.4375 4.284 4.2618 10.401 4.2611 14.588-0.050781v-7.3867h-3.0586c-6.6678 7.2557-7.6673 3.3436-13.438 0h-9.8145zm-5.6895 2.8516v5.0254c4.4608 0.38133 10.313 5.572 7.8945 6.5664-6.2909 2.5872-5.3373 3.4617-7.8945 4.3633v9.4258c10.461-2.759 18.425-2.9715 18.312-0.6543-0.14093 2.909-5.119 0.069062-8.4707 4.4219h15.414c2.1492-2.0222 2.0711-4.6583-1.0293-7.041-7.4438-5.7208-17.45-0.77845-16.803-3.5098 0.58962-2.4864 9.1362-3.3173 12.215-2.8906 6.9083 0.95751 10.074 4.3259 12.361 4.5508v-4.625c-2.9594-1.4489-5.6506-3.7941-10.25-4.1543-8.7481-0.68503-10.045-10.593-21.75-11.479z' fill='%2327251d'/></svg>");}
.swatch-tile--camo-tan-green-brown {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23c5b783'/><path d='m10.667 0h21.333v32h-21.333z' fill='%2344693d'/><path d='m21.334 0h10.666v32h-10.666z' fill='%236f5137'/></svg>");}
.swatch-tile--camo-tan-brown-black {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23c5b783'/><path d='m10.667 0h21.333v32h-21.333z' fill='%236f5137'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2327251d'/></svg>");}
.swatch-tile--camo-tan-brown-green {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23c5b783'/><path d='m10.667 0h21.333v32h-21.333z' fill='%236f5137'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2344693d'/></svg>");}
.swatch-tile--camo-green, .swatch-tile--camo-green-black-grey {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2371844d'/><path d='m10.667 0h21.333v32h-21.333z' fill='%2327251d'/><path d='m21.334 0h10.666v32h-10.666z' fill='%237c878e'/></svg>");}
.swatch-tile--camo-navy, .swatch-tile--camo-navy-black-grey {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m10.667 0h21.333v32h-21.333z' fill='%2327251d'/><path d='m21.334 0h10.666v32h-10.666z' fill='%237c878e'/></svg>");}
.swatch-tile--camo-black {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23212322'/><path d='m10.667 0h21.333v32h-21.333z' fill='%2338372f'/><path d='m21.334 0h10.666v32h-10.666z' fill='%237c878e'/></svg>");}
.swatch-tile--camo-ocean {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%233388af'/><path d='m8 0h24v32h-24z' fill='%2327251d'/><path d='m16 0h16v32h-16z' fill='%23dadcdf'/><path d='m24 0h8v32h-8z' fill='%237c878e'/></svg>");}
.swatch-tile--camo-brown-dark_brown-green {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%236f5137'/><path d='m10.667 0h21.333v32h-21.333z' fill='%234b352e'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2344693d'/></svg>");}
.swatch-tile--black-navy {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m16 0h16v32h-16z' fill='%232c5697'/></svg>");}
.swatch-tile--black-yellow-green-blue {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m8 0h24v32h-24z' fill='%23ffe900'/><path d='m16 0h16v32h-16z' fill='%23aae768'/><path d='m24 0h8v32h-8z' fill='%2300a3e0'/></svg>");}
.swatch-tile--purple-pink-blue-aqua {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23645394'/><path d='m8 0h24v32h-24z' fill='%23b66ca2'/><path d='m16 0h16v32h-16z' fill='%23007faf'/><path d='m24 0h8v32h-8z' fill='%2364ccc9'/></svg>");}
.swatch-tile--green-blue-navy-ocean {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2392b558'/><path d='m8 0h24v32h-24z' fill='%2300a3e0'/><path d='m16 0h16v32h-16z' fill='%232c5697'/><path d='m24 0h8v32h-8z' fill='%233388af'/></svg>");}
.swatch-tile--black-navy {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m16 0h16v32h-16z' fill='%232c5697'/></svg>");}
.swatch-tile--navy-black {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m16 0h16v32h-16z' fill='%2327251d'/></svg>");}
.swatch-tile--black-red {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m16 0h16v32h-16z' fill='%23ba0c2f'/></svg>");}
.swatch-tile--black-blue {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m16 0h16v32h-16z' fill='%2300a3e0'/></svg>");}
.swatch-tile--black-bone {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m16 0h16v32h-16z' fill='%23f0ede2'/></svg>");  border: solid 1px #333;}
.swatch-tile--black-grey-navy {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m10.667 0h21.333v32h-21.333z' fill='%237c878e'/><path d='m21.334 0h10.666v32h-10.666z' fill='%232c5697'/></svg>");}
.swatch-tile--navy-grey {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m16 0h16v32h-16z' fill='%237c878e'/></svg>");}
.swatch-tile--navy-green {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m16 0h16v32h-16z' fill='%23aae768'/></svg>");}
.swatch-tile--navy-red {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m16 0h16v32h-16z' fill='%23ba0c2f'/></svg>");}
.swatch-tile--white-grey-mint {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23fdfdfd'/><path d='m10.667 0h21.333v32h-21.333z' fill='%237c878e'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23b4dbb3'/></svg>");  border: solid 1px #7c878e;}
.swatch-tile--mint-grey {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23b4dbb3'/><path d='m16 0h16v32h-16z' fill='%237c878e'/></svg>");}
.swatch-tile--black-white {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m16 0h16v32h-16z' fill='%23fdfdfd'/></svg>");  border: solid 1px #333;}
.swatch-tile--black-green-blue {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23aae768'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2300a3e0'/></svg>");}
.swatch-tile--black-yellow-green-blue {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m8 0h24v32h-24z' fill='%23ffe900'/><path d='m16 0h16v32h-16z' fill='%23aae768'/><path d='m24 0h8v32h-8z' fill='%2300a3e0'/></svg>");}
.swatch-tile--black-yellow-blue-green {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2327251d'/><path d='m8 0h24v32h-24z' fill='%23ffe900'/><path d='m16 0h16v32h-16z' fill='%2300a3e0'/><path d='m24 0h8v32h-8z' fill='%23aae768'/></svg>");}
.swatch-tile--rainbow_fuschia, .swatch-tile--zipper-rainbow {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23ba0c2f'/><path d='m5.333 0h26.667v32h-26.667z' fill='%23f1a143'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23ffe900'/><path d='m16 0h16v32h-16z' fill='%23aae768'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2300a3e0'/><path d='m26.667 0h5.333v32h-5.333z' fill='%23c5299b'/></svg>");}
.swatch-tile--grey-purple-aqua, .swatch-tile--purple-grey-aqua {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23b580d1'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2364ccc9'/></svg>");}
.swatch-tile--grey-fuchsia-aqua {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23c5299b'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2364ccc9'/></svg>");}
.swatch-tile--fuchsia-aqua-pink {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23c5299b'/><path d='m10.667 0h21.333v32h-21.333z' fill='%2364ccc9'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23f99fc9'/></svg>");}
.swatch-tile--fuchsia-pink-purple {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23c5299b'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23f99fc9'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23b580d1'/></svg>");}
.swatch-tile--fuchsia-purple-pink {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23c5299b'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23b580d1'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23f99fc9'/></svg>");}
.swatch-tile--purple-pink-serenity {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23b580d1'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23f8cdcd'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2395aad3'/></svg>");}
.swatch-tile--pinks {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23c5299b'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23b580d1'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23f99fc9'/></svg>");}
.swatch-tile--pink-grey-aqua {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23f99fc9'/><path d='m10.667 0h21.333v32h-21.333z' fill='%237c878e'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2364ccc9'/></svg>");}
.swatch-tile--grey-pink-aqua {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23f99fc9'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2364ccc9'/></svg>");}
.swatch-tile--blue-lavender-white, .swatch-tile--lavender-blue-white {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2395aad3'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23dbcbe7'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23fdfdfd'/></svg>");  border: solid 1px #95aad3;}
.swatch-tile--pink-lavender-white {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23dbcbe7'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23f8cdcd'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23fdfdfd'/></svg>");  border: solid 1px #dbcbe7;}
.swatch-tile--pearl-roses-multi_colour {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23dbcbe7'/><path d='m10.667 0h21.333v32h-21.333z' fill='%2395aad3'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23f8cdcd'/></svg>");}
.swatch-tile--peach-mint-white {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23efbb8e'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23b4dbb3'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23fdfdfd'/></svg>");  border: solid 1px #edd2ba;}
.swatch-tile--purple-aqua-pink {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23b580d1'/><path d='m10.667 0h21.333v32h-21.333z' fill='%2364ccc9'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23f99fc9'/></svg>");}
.swatch-tile--zipper-white_rose {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23dbcbe7'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23f8cdcd'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23fdfdfd'/></svg>");  border: solid 1px #dbcbe7;}
.swatch-tile--zipper-blue_rose {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2395aad3'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23fdfdfd'/><path d='m21.334 0h10.666v32h-10.666z' fill='%23f8cdcd'/></svg>");}
.swatch-tile--aqua-serenity-rose-white, .swatch-tile--aqua-serenity_blue-rose-white {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2364ccc9'/><path d='m8 0h24v32h-24z' fill='%2395aad3'/><path d='m16 0h16v32h-16z' fill='%23f8cdcd'/><path d='m24 0h8v32h-8z' fill='%23fdfdfd'/></svg>");  border: solid 1px #95aad3;}
.swatch-tile--zipper-white_heart {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2399dedf'/><path d='m8 0h24v32h-24z' fill='%2395aad3'/><path d='m16 0h16v32h-16z' fill='%23f8cdcd'/><path d='m24 0h8v32h-8z' fill='%23fdfdfd'/></svg>");  border: solid 1px #95aad3;}
.swatch-tile--navy-aqua-grey-green {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m8 0h24v32h-24z' fill='%2364ccc9'/><path d='m16 0h16v32h-16z' fill='%237c878e'/><path d='m24 0h8v32h-8z' fill='%23aae768'/></svg>");}
.swatch-tile--navy-black-grey-green, .swatch-tile--navy-charcoal-grey-green {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%232c5697'/><path d='m8 0h24v32h-24z' fill='%2327251d'/><path d='m16 0h16v32h-16z' fill='%237c878e'/><path d='m24 0h8v32h-8z' fill='%23aae768'/></svg>");}
.swatch-tile--aqua-pink-fuchsia-grey {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2364ccc9'/><path d='m8 0h24v32h-24z' fill='%23f99fc9'/><path d='m16 0h16v32h-16z' fill='%23c5299b'/><path d='m24 0h8v32h-8z' fill='%237c878e'/></svg>");}
.swatch-tile--aqua-pink-fuchsia-purple {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%2364ccc9'/><path d='m8 0h24v32h-24z' fill='%23f99fc9'/><path d='m16 0h16v32h-16z' fill='%23c5299b'/><path d='m24 0h8v32h-8z' fill='%23b580d1'/></svg>");}
.swatch-tile--splash-grey-aqua, .swatch-tile--splash-grey-with-2-aqua-beads {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m22 0h5v32h-5z' fill='%2364ccc9'/></svg>");}
.swatch-tile--splash-grey-white {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m22 0h5v32h-5z' fill='%23fdfdfd'/></svg>");}
.swatch-tile--splash-grey-baby_pink {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m22 0h5v32h-5z' fill='%23f1d3d5'/></svg>");}
.swatch-tile--splash-grey-mint {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m22 0h5v32h-5z' fill='%23b4dbb3'/></svg>");}
.swatch-tile--splash-grey-serenity_blue {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m22 0h5v32h-5z' fill='%2395aad3'/></svg>");}
.swatch-tile--splash-grey-rose {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m22 0h5v32h-5z' fill='%23f8cdcd'/></svg>");}
.swatch-tile--splash-grey-black {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%237c878e'/><path d='m22 0h5v32h-5z' fill='%2327251d'/></svg>");}
.swatch-tile--splash-white-aqua {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23fdfdfd'/><path d='m22 0h5v32h-5z' fill='%2364ccc9'/></svg>");  border: solid 1px #bbb;}
.swatch-tile--rainbow {  display: inline-block;  background-image: url("data:image/svg+xml,<svg version='1.1' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h32v32h-32z' fill='%23ba0c2f'/><path d='m5.333 0h26.667v32h-26.667z' fill='%23f1a143'/><path d='m10.667 0h21.333v32h-21.333z' fill='%23ffe900'/><path d='m16 0h16v32h-16z' fill='%23aae768'/><path d='m21.334 0h10.666v32h-10.666z' fill='%2300a3e0'/><path d='m26.667 0h5.333v32h-5.333z' fill='%23b580d1'/></svg>");}
.swatch-tile--pearl_aqua {  display: inline-block;  background-image: url(//www.munchables.ca/cdn/shop/t/35/assets/swatch-grid.jpg?v=45978360802732514741746389890);  background-size: 64px 448px;  background-position: -0px -0px;}
.swatch-tile--pearl_red {  display: inline-block;  background-image: url(//www.munchables.ca/cdn/shop/t/35/assets/swatch-grid.jpg?v=45978360802732514741746389890);  background-size: 64px 448px;  background-position: -0px -64px;}
.swatch-tile--pearl_white, .swatch-tile--pearl {  display: inline-block;  background-image: url(//www.munchables.ca/cdn/shop/t/35/assets/swatch-grid.jpg?v=45978360802732514741746389890);  background-size: 64px 448px;  background-position: -0px -128px;  border: solid 1px #ccc;}
.swatch-tile--pearl_black {  display: inline-block;  background-image: url(//www.munchables.ca/cdn/shop/t/35/assets/swatch-grid.jpg?v=45978360802732514741746389890);  background-size: 64px 448px;  background-position: -0px -192px;}
.swatch-tile--pearl_gold, .swatch-tile--gold {  display: inline-block;  background-image: url(//www.munchables.ca/cdn/shop/t/35/assets/swatch-grid.jpg?v=45978360802732514741746389890);  background-size: 64px 448px;  background-position: -0px -256px;}
.swatch-tile--silver {  display: inline-block;  background-image: url(//www.munchables.ca/cdn/shop/t/35/assets/swatch-grid.jpg?v=45978360802732514741746389890);  background-size: 64px 448px;  background-position: -0px -320px;}
.swatch-tile--marble {  display: inline-block;  background-image: url(//www.munchables.ca/cdn/shop/t/35/assets/swatch-grid.jpg?v=45978360802732514741746389890);  background-size: 64px 448px;  background-position: -0px -384px;}
