/** Shopify CDN: Minification failed

Line 18:119 Expected ")" to end URL token

**/

/* ==========================================================================
	Swatches
 ========================================================================== */ 
.swatches-container { padding-top:80px; position:relative;}
.swatches-introduction p { max-width:600px; }
  
.swatch { position: relative; }
.swatch .image { position: relative; padding-top: 100%; margin-bottom: 8px; cursor:pointer;}
.swatch .image img { position: absolute; top:0; width: 100%; }
.swatch .image a { width:44px; line-height:44px; height:44px; color:#FFF; position:absolute; text-align:center;}   
.swatch.active { color:#6e6e6e;  }
.swatch.active:after { content:''; position:absolute; width:44px; height:44px; top:0; right:0; background-image:url({{ 'icon-tick.svg' | asset_url }}); background-size:18px 18px; background-position:center center; background-repeat:no-repeat; pointer-events:none; }
.swatch-zoom { bottom:0; right:0;} 
.swatch-description { grid-column: 1/3; grid-row: 1 / -1; } 


.swatches-selection { line-height:40px; text-align:right; position:absolute; top:0; left:0; right:0;  z-index: 1;} 
.swatches-selection .inner { padding:20px 0; position:relative; border-bottom:1px solid transparent; background:#FFF; z-index:2;}
.swatches-selection h2 { line-height:80px; position:absolute; left:0; top:0;}
.swatches-selection-status { display: inline-block; padding: 0 10px; vertical-align: top; margin-bottom:0; }
.swatches-selection form { display:inline-block; vertical-align: top; }
.swatches-selection .submit { text-align:center; text-indent:0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.swatches-selection .submit[disabled] { background:#efefef; cursor:default; color:#000; }
.swatches-selection.fixed { position: fixed; max-width: 1664px; width: 100%; margin: 0 auto; padding-left: 32px; padding-right: 32px; background: #FFF;  }
.swatches-selection.fixed .inner { border-color:#c8c8c8;}
  
.swatches-selection-preview { display:inline-block; padding: 10px; background: #EFEFEF; line-height: 40px; height: 40px; vertical-align: top; margin-right:10px; font-size:0; }
.swatches-selection-preview li { width:20px; height:20px; display:inline-block; margin-right:10px; background:#FFF; vertical-align: top;}
.swatches-selection-preview li:last-of-type { margin-right:0; }
.swatches-selection-preview img { width:20px; height:20px;} 

.swatch-category:first-of-type { margin-top:-80px;}
.swatch-category > h2 { line-height:80px; margin-bottom:0;}
  
.swatches-alert { visibility:hidden; opacity:0;  background:#45a6eb; color:#FFF; display:block; padding: 9px; line-height:normal;  text-align:center; position: absolute; left:32px; right:32px; top: 100%; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-transform:translateY(-100%); transform:translateY(-100%); z-index:1; } 
.swatches-alert.active { visibility:visible; opacity:1; -webkit-transform:translateY(0%); transform:translateY(0%); }

/* Glossary */
.swatches-glossary-terms { display:grid; }  
.swatches-glossary-term h3 { margin-bottom:8px; }
  
@media only screen and (max-width : 1200px) {
	/* Swatches - Selection */
  	.swatches-selection.fixed { width:100%; }
}

@media only screen and (max-width : 1024px) {
  	.swatches-selection.fixed { padding-left:16px; padding-right:16px;}
  	.swatch-swatches { grid-template-columns: repeat(6, 1fr); }
  	.swatches-alert { left:16px; right:16px;}

  	/* Swatches - Glossary */
  	.swatches-glossary-terms { grid-template-columns: repeat(2, 1fr); }
}

@media only screen and (max-width : 768px) { 
    .swatch-swatches { grid-template-columns: repeat(4, 1fr); }
}

@media only screen and (max-width : 600px) {
    .swatch-swatches { grid-template-columns: repeat(3, 1fr); }
  	.swatches-glossary-terms { display:block }
  	.swatches-glossary-term { margin-bottom:16px; }
}

@media only screen and (max-width : 480px) {
  	.swatches-container { padding-top: 137px; }
    .swatch-swatches { grid-template-columns: repeat(2, 1fr); }
	.swatches-selection form { width:100%; margin-top:16px;} 
  	.swatches-selection .submit { width: 100%; }
  	.swatches-selection-preview { margin-right:0; }
}