.iconic-was-swatches {
  list-style: none none outside;
  margin: 20px 0 30px;
  padding: 0;
  overflow-y: hidden;
}

.iconic-was-swatches * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.iconic-was-swatches.iconic-was-swatches--stacked {
  display: block;
}

.iconic-was-swatches.iconic-was-swatches--stacked .iconic-was-swatches__item--dummy {
  display: none;
}

.iconic-was-swatches.iconic-was-swatches--loading {
  white-space: nowrap;
  overflow: hidden;
}

.iconic-was-swatches.iconic-was-swatches--loading .iconic-was-swatches__item--dummy {
  display: none;
}

.iconic-was-swatches--single-line {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.iconic-was-swatches--single-line.iconic-was-swatches--loop {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.iconic-was-accordion .iconic-was-swatches--single-line.iconic-was-swatches {
  margin-bottom: 0 !important;
}

.iconic-was-swatches--single-line .iconic-was-swatches__item {
  margin-bottom: 0;
}

.iconic-was-swatches--single-line .iconic-was-swatches__label {
  display: none;
}

.iconic-was-swatches--slider {
  max-width: 100%;
  padding: 0 !important;
  overflow: visible;
}

.iconic-was-swatches--slider-wrapper {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  overflow: hidden;
}

.iconic-was-accordion .iconic-was-swatches--slider.iconic-was-swatches {
  margin-bottom: 0 !important;
}

.iconic-was-swatches--slider .iconic-was-swatches__label,
.iconic-was-swatches--slider .iconic-was-swatches__item--dummy {
  display: none !important;
}

.iconic-was-swatches--slider .iconic-was-swatches__item {
  margin-bottom: 0;
}

.iconic-was-swatches--slider .iconic-was-swatches__item:last-child {
  margin-right: 0;
}

.variations tr:last-child .iconic-was-swatches {
  margin-bottom: 0;
}

.iconic-was-swatches__label,
.iconic-was-swatches__item {
  padding: 0;
}

li.iconic-was-swatches__item.iconic-was-swatches__item--hidden,
li.iconic-was-swatches__label.iconic-was-swatches__item--hidden {
  display: none;
}

.iconic-was-swatches__item.iconic-was-swatches__item--dummy a {
  background: #F0F0F0;
  border: none;
  color: #666 !important;
  padding: 7px 10px !important;
  border-radius: 5px;
  font-size: 12px;
  line-height: 12px;
}

.iconic-was-swatches__item.iconic-was-swatches__item--dummy a::before {
  display: none;
}

.iconic-was-swatches__label {
  display: block;
  margin: 0 0 5px;
  clear: both;
}

.iconic-was-swatches__item {
  display: inline-block;
  margin: 0 10px 10px 0;
  vertical-align: top;
  line-height: 0;
}

.iconic-was-swatch {
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
  line-height: 1.6;
  position: relative;
}

.iconic-was-swatch:focus {
  outline: none;
}

.iconic-was-swatch__container {
  position: relative;
  z-index: 20;
}

.iconic-was-swatch__append {
  opacity: 0.75;
  font-weight: normal;
}

/**
 * Visual swatches
 */
.iconic-was-swatches--visual .iconic-was-swatch {
  vertical-align: top;
  display: block;
  position: relative;
}

.iconic-was-swatches--visual .iconic-was-swatch__graphic {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0;
}

.iconic-was-swatches--visual .iconic-was-swatch__graphic--colour-lighter {
  border: 1px solid #ccc;
}

.iconic-was-swatches--visual .iconic-was-swatch__text {
  display: none;
}

.iconic-was-swatches--visual .iconic-was-swatch--selected {
  position: relative;
}

.iconic-was-swatches--visual .iconic-was-swatch--selected .iconic-was-swatch__graphic--colour {
  border: none;
}

/**
 * Round swatches
 */
.iconic-was-swatches--round .iconic-was-swatch span, .iconic-was-swatches--round .iconic-was-swatch__graphic, .iconic-was-swatches--round .iconic-was-swatch:before {
  border-radius: 50% !important;
}

/**
 * Image swatches
 */
.iconic-was-swatches--image-swatch .iconic-was-swatch span {
  text-indent: 0;
}

/**
 * Text swatches
 */
.iconic-was-swatches--text-swatch .iconic-was-swatch {
  border: 1px solid #ccc;
  display: block;
  padding: 7px 10px;
  border-radius: 5px;
  background: #fff;
  line-height: 1;
  color: #666 !important;
  white-space: nowrap;
}

.iconic-was-swatches--text-swatch .iconic-was-swatch:hover {
  border-color: #353c4e;
  color: #444 !important;
}

.iconic-was-swatches--text-swatch .iconic-was-swatch--selected, .iconic-was-swatches--text-swatch .iconic-was-swatch--selected:hover {
  background: #353c4e;
  border-color: #353c4e;
  color: #fff !important;
}

.iconic-was-swatches--text-swatch .iconic-was-swatch:before {
  display: none;
}

/**
 * Radio buttons
 */
.iconic-was-swatches--radio-buttons .iconic-was-swatches__label {
  margin: 5px 0;
}

.iconic-was-swatches--radio-buttons .iconic-was-swatches__label:first-child {
  margin-top: 0;
}

.iconic-was-swatches--radio-buttons .iconic-was-swatches__item {
  display: block;
  margin: 0;
}

.iconic-was-swatches--radio-buttons .iconic-was-swatch {
  color: #666;
  position: relative;
  padding: 0 0 0 25px;
}

.iconic-was-swatches--radio-buttons .iconic-was-swatch:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin: -7px 0 0;
  background: #fff;
}

.iconic-was-swatches--radio-buttons .iconic-was-swatch:hover:before {
  border-color: #292933;
}

.iconic-was-swatches--radio-buttons .iconic-was-swatch--selected:before {
  background: #292933;
  border-color: #292933;
  -webkit-box-shadow: inset 0px 0px 0px 3px #fff;
          box-shadow: inset 0px 0px 0px 3px #fff;
}

/**
 * Styles.
 */
.iconic-was-swatches--tick.iconic-was-swatches--visual .iconic-was-swatch--selected .iconic-was-swatch__container:before {
  content: url(../../img/check-solid.svg);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-52%, -50%);
          transform: translate(-52%, -50%);
  color: #fff;
  font-size: 26px;
  width: 18px;
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.iconic-was-swatches--tick.iconic-was-swatches--visual .iconic-was-swatch--selected:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}

.iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch {
  padding: 4px;
}

.iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 10;
  margin: 0;
}

.iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch:hover:before {
  border-color: #353c4e;
}

.iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch--selected:before {
  border: 2px solid #353c4e;
}

.iconic-was-swatches--border.iconic-was-swatches--visual .iconic-was-swatch__graphic--colour {
  border: none;
}

/**
 * Swatches in loop
 */
.iconic-was-swatches--loop {
  margin: 0 auto 20px;
}

.iconic-was-swatches--loop.iconic-was-swatches--radio-buttons {
  margin-bottom: 18px;
}

.iconic-was-swatches--loop li:last-child {
  margin-right: 0;
}

/**
 * Widget (Filter) Swatches
 */
.iconic-was-swatches--widget .woocommerce-widget-layered-nav-list:after {
  content: "";
  clear: both;
  display: table;
}

.iconic-was-swatches--widget:not(.iconic-was-swatches--radio-buttons) .woocommerce-widget-layered-nav-list__item {
  float: left;
  margin: 0 6px 8px 0;
}

.iconic-was-swatches--widget .woocommerce-widget-layered-nav-list__item {
  padding: 0 !important;
}

.iconic-was-swatches--widget .woocommerce-widget-layered-nav-list__item:before {
  display: none !important;
}

.iconic-was-swatches--widget a {
  text-decoration: none !important;
}

/**
 * Disabled swatches.
 */
.iconic-was-swatches__item--out-of-stock .iconic-was-swatch,
.iconic-was-swatch--disabled {
  opacity: 0.3;
}

.iconic-was-swatches--visual .iconic-was-swatches__item--out-of-stock .iconic-was-swatch,
.iconic-was-swatches--visual .iconic-was-swatch--disabled {
  opacity: 1;
  position: relative;
}

.iconic-was-swatches--visual .iconic-was-swatches__item--out-of-stock .iconic-was-swatch:before,
.iconic-was-swatches--visual .iconic-was-swatches__item--out-of-stock .iconic-was-swatch .iconic-was-swatch__graphic,
.iconic-was-swatches--visual .iconic-was-swatch--disabled:before,
.iconic-was-swatches--visual .iconic-was-swatch--disabled .iconic-was-swatch__graphic {
  opacity: 0.3;
}

.iconic-was-swatches--visual .iconic-was-swatches__item--out-of-stock .iconic-was-swatch .iconic-was-swatch__container:after,
.iconic-was-swatches--visual .iconic-was-swatch--disabled .iconic-was-swatch__container:after {
  position: absolute;
  content: '';
  background: #000;
  display: block;
  width: 52%;
  height: 52%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.4;
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%);
}

/**
 * Labels.
 */
.iconic-was-chosen-attribute__no-selection {
  opacity: 0.5;
}

.variations_form a.reset_variations {
  margin: 20px 0 0;
  clear: both;
  width: 100%;
}

.variations_form label {
  font-weight: 400;
  display: block;
  margin: 0 0 5px;
}

.variations_form label:after {
  display: none;
}

.variations tr {
  border: none;
  display: block;
  margin: 0 0 15px;
}

.variations td {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
}

.variations td.label {
  background: none;
  color: #555;
  text-shadow: none;
  display: block !important;
}

.iconic-was-tooltip {
  position: fixed;
  background: #353c4e;
  margin: auto 10px 16px;
  border-radius: 4px;
  line-height: 30px;
  color: #fff;
  padding: 0 10px;
  opacity: 0;
  visibility: hidden;
  height: auto;
  overflow: visible;
  width: auto;
  display: block;
  white-space: nowrap;
  text-align: center;
  z-index: 9999999;
}

.iconic-was-tooltip.iconic-was-tooltip--active {
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.iconic-was-tooltip.iconic-was-tooltip--animate-top {
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}

.iconic-was-tooltip.iconic-was-tooltip--animate-opacity {
  opacity: 1;
  visibility: visible;
}

.iconic-was-tooltip__inner_wrap {
  position: relative;
}

.iconic-was-tooltip__inner_wrap img {
  display: block;
  margin: 10px auto 0 auto;
  border: none;
  border-radius: 3px;
  padding: 0;
}

.iconic-was-tooltip__arrow {
  top: 100%;
  left: 50%;
  border: solid #0000;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #0000;
  border-top-color: #353c4e;
  border-width: 5px;
  margin-left: -5px;
}

.iconic-was-accordion table.variations {
  margin: 0 0 20px !important;
}

.iconic-was-accordion .variations td {
  padding: 0 !important;
  margin: 0 !important;
}

.iconic-was-accordion td.label,
.iconic-was-accordion th.label {
  cursor: pointer;
  display: grid !important;
  grid-template-columns: 80% 20%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.iconic-was-accordion td.label:hover .iconic-was-accordion__handle,
.iconic-was-accordion th.label:hover .iconic-was-accordion__handle {
  border-color: #555;
}

.iconic-was-accordion td.label label,
.iconic-was-accordion th.label label {
  cursor: pointer;
  margin: 0;
}

.iconic-was-accordion td.label .iconic-was-accordion__handle,
.iconic-was-accordion th.label .iconic-was-accordion__handle {
  width: 24px;
  height: 24px;
  display: inline-block;
  border: 1px solid #eaeaea;
  border-radius: 100%;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: border-color 150ms ease-in-out;
  transition: border-color 150ms ease-in-out;
  justify-self: end;
}

.iconic-was-accordion td.label .iconic-was-accordion__handle:before,
.iconic-was-accordion th.label .iconic-was-accordion__handle:before {
  content: '';
  border-style: solid;
  border-color: #555;
  border-width: 1px 1px 0 0;
  display: inline-block;
  height: 7px;
  left: 0;
  position: relative;
  vertical-align: top;
  width: 7px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  top: 5px;
}

.iconic-was-accordion .iconic-was-accordion--active td.label .iconic-was-accordion__handle:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 9px;
}

.iconic-was-accordion td.value {
  margin: 0 !important;
}

.iconic-was-accordion td.value:before, .iconic-was-accordion td.value:after {
  content: ' ';
  display: table;
}

.iconic-was-accordion .variations .iconic-was-accordion__row {
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  padding: 12px 0;
}

.iconic-was-accordion .variations .iconic-was-accordion__row:first-child {
  border-top: 1px solid #eaeaea;
}

.iconic-was-accordion .iconic-was-swatches {
  padding: 0;
  margin: 8px 0 -10px !important;
}

.iconic-was-accordion .reset_variations {
  display: none !important;
}

.single-product div.product.iconic-was-accordion table.variations {
  margin-bottom: 40px;
}

.single-product div.product.iconic-was-accordion table.variations .iconic-was-accordion__row td.value {
  overflow: hidden;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  display: block;
  height: 0;
}

.iconic-was-swatches {
  /* icon color */
  /* position outside */
}

.iconic-was-swatches .flickity-button {
  padding: 0;
}

.iconic-was-swatches .flickity-button,
.iconic-was-swatches .flickity-button:hover {
  background: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.iconic-was-swatches .flickity-button:disabled {
  opacity: 0.3 !important;
}

.iconic-was-swatches .flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 0;
  position: absolute !important;
}

.iconic-was-swatches .flickity-button-icon,
.iconic-was-swatches .flickity-prev-next-button .arrow {
  fill: #000;
}

.iconic-was-swatches .flickity-prev-next-button.previous {
  left: -30px;
}

.iconic-was-swatches .flickity-prev-next-button.next {
  right: -30px;
}

.iconic-was-swatches--widget ul {
  padding-left: 0px;
}

.iconic-was-swatches--widget li.iconic-was-swatches__group {
  float: left;
  width: 100%;
  padding-left: 0;
  margin-bottom: 15px;
}

.iconic-was-swatches--widget li.iconic-was-swatches__group:last-child {
  margin-bottom: 0;
}

.iconic-was-swatches--widget li.iconic-was-swatches__group a {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.iconic-was-swatches--widget li.iconic-was-swatches__group:before {
  content: none;
}

.iconic-was-swatches__group-label {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
