/** Shopify CDN: Minification failed

Line 20:0 Unexpected "{"
Line 20:1 Expected identifier but found "%"
Line 21:0 Unexpected "{"
Line 21:1 Expected identifier but found "%"
Line 41:12 Expected identifier but found "{"
Line 41:13 Unexpected "{"
Line 41:20 Expected ":"
Line 41:24 Expected identifier but found "!"
Line 42:9 Expected identifier but found "{"
Line 42:10 Unexpected "{"
... and 5 more hidden warnings

**/
/* 
   Swatches Styles
*/

{% assign width = '32px' %}
{% assign height = '32px' %}
.swatch { 
  margin:1em 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:{{ width }} !important; 
  height:{{ height }} !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#ccc 1px solid;
  /* Background color */
  background-color:#ddd;
  /* Styling text */
  font-size:13px;
  text-align:center;
  line-height:{{ height }};
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  border-color:transparent;
} 
.swatch .swatch-element {
	float: left;
	-webkit-transform: translateZ(0);
	-webkit-font-smoothing: antialiased;
	margin: 0;
	position: relative;
	border-right: none;
}

/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
	text-align: center;
	background: #000;
	color: #fff;
	bottom: 100%;
	padding: 5px 0 30px;
	display: block;
	position: absolute;
	width: 100px;
	left: 50%;
	margin-bottom: 15px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%, 10px);
	transition: all .25s ease-out;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	z-index: 10000;
	box-sizing: border-box;
    font-size: 14px;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:none;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid #000 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -20px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}

.swatch-element.color label {
	width: 35px;
	height: 36px;
	display: inline-block;
	border-radius: 50%;
	margin: 5px;
	position: relative;
	border: 1px solid #ccc;
	background-color: #fff;
}

.swatch-element.color label::before {
	content: '✔';
	font-size: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	display: none;
}

.swatch-element.color input:checked + label {
	background-color: #43beac;
}

.swatch-element.color input:checked + label::before {
	display: block;
}