@charset "UTF-8";
/** Compare module composition. Header controls and panels are owned by shared storefront primitives. */

body.stm-engine-storefront .stm-compare-btn__ico{
  width:var(--stm-icon-size-md);height:var(--stm-icon-size-md);display:block;
  background:currentColor;
  -webkit-mask:url("../../storefront/assets/icons/compare.svg") center/contain no-repeat;
  mask:url("../../storefront/assets/icons/compare.svg") center/contain no-repeat;
}
body.stm-engine-storefront .stm-compare-toast{
  position:fixed;
  z-index:100000;
  top:50%;
  left:50%;
  width:max-content;
  max-width:min(380px,calc(100vw - (var(--stm-space-4) * 2)));
  padding:var(--stm-space-3) var(--stm-space-5);
  border:var(--stm-border-width) solid transparent;
  border-radius:var(--stm-commerce-radius-md);
  background:var(--stm-commerce-heading);
  color:var(--stm-commerce-button-text);
  font-size:var(--stm-font-size-small);
  font-weight:var(--stm-weight-bold);
  line-height:var(--stm-line-body);
  text-align:center;
  box-shadow:var(--stm-commerce-widget-shadow,none);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,-44%) scale(.98);
  transition:opacity 140ms ease,transform 140ms ease,visibility 0s linear 140ms;
}
body.stm-engine-storefront .stm-compare-toast.is-visible{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) scale(1);
  transition-delay:0s;
}
body.stm-engine-storefront .stm-compare-toast[data-type="success"]{
  border-color:var(--stm-commerce-success);
  background:var(--stm-commerce-success);
  color:var(--stm-commerce-button-text);
}
body.stm-engine-storefront .stm-compare-toast[data-type="danger"],
body.stm-engine-storefront .stm-compare-toast[data-type="error"]{
  border-color:var(--stm-commerce-danger);
  background:var(--stm-commerce-danger);
  color:var(--stm-commerce-button-text);
}