/* *****
This is a CSS partial, minified file. It is referenced by the theme by default in theme.liquid.
If you would like to edit this code we recommend swapping to the un-minified version.
For full details and instructions please see our documentation:
https://support.weareeight.com/hc/en-us/articles/360020366578-Un-minified-CSS-Javascript
***** */
.product__store__availability__container .store-availability-information {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}
.product__store__availability__container
  .store-availability-information
  .icon-in-stock
  path {
  fill: var(--success-color);
}
.product__store__availability__container
  .store-availability-information
  .icon-out-of-stock
  path {
  fill: var(--error-color);
}
.product__store__availability__container .store-availability-information .icon {
  margin: 6px 0 0 0;
  width: 12px;
  height: 12px;
}
.product__store__availability__container
  .store-availability-information
  .store-availability-information-container {
  margin-left: 5px;
}
.product__store__availability__container
  .store-availability-information
  .store-availability-information-container
  .store-availability-information__title {
  margin-bottom: 0;
}
.product__store__availability__container
  .store-availability-information
  .store-availability-information-container
  .store-availability-small-text {
  font-size: 0.8em;
}
.product__store__availability__container
  .store-availability-information
  .store-availability-information-container
  .store-availability-information__stock {
  margin-bottom: 5px;
}
.product__store__availability__container
  .store-availability-information
  .store-availability-information-container
  .store-availability-information__link {
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
  text-decoration: none;
}
.product__store__availability__container
  .store-availability-information
  .store-availability-information-container
  .store-availability-information__link:hover {
  opacity: 0.6;
  border-bottom: 0;
  transition: all 0.2s ease-in-out all;
}
.product--featured-product
  .product__store__availability__container
  .store-availability-information {
  padding: 0 15px;
}
.availability-modal--open {
  height: 100vh;
  overflow: hidden;
}
.store-availabilities-modal--open {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  z-index: 4;
}
#StoreAvailabilityModal {
  transform: translateX(100vw);
  transition: all 0.4s ease-in-out;
  position: fixed;
  top: 0;
  right: 0;
  left: unset;
  background-color: var(--page-background);
  width: 390px;
  height: 100vh;
  padding: 24px;
  z-index: 5;
  overflow-y: auto;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  #StoreAvailabilityModal {
    width: 80%;
  }
}
#StoreAvailabilityModal.open {
  transform: translateX(0);
}
#StoreAvailabilityModal .store-availabilities-modal__header {
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border-color-medium);
}
#StoreAvailabilityModal .store-availabilities-modal__header h2 {
  font-size: var(--subheading-font-size);
  max-width: 90%;
}
#StoreAvailabilityModal .store-availabilities-modal__header p {
  max-width: 90%;
}
#StoreAvailabilityModal
  .store-availabilities-list
  .store-availability-list__item {
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border-color-medium);
}
#StoreAvailabilityModal
  .store-availabilities-list
  .store-availability-list__item
  a {
  color: var(--color-primary);
}
#StoreAvailabilityModal
  .store-availabilities-list
  .store-availability-list__item:last-child {
  border-bottom: 0;
}
#StoreAvailabilityModal
  .store-availabilities-list
  .store-availability-list__item
  .store-availability-list__location
  h3 {
  font-size: var(--body-font-size);
  font-family: var(--body-font-stack);
  margin-bottom: 0;
}
#StoreAvailabilityModal
  .store-availabilities-list
  .store-availability-list__item
  .store-availability-list__stock {
  margin-bottom: 15px;
  font-size: 12px;
  padding-top: 5px;
}
#StoreAvailabilityModal
  .store-availabilities-list
  .store-availability-list__item
  .store-availability-list__stock
  .icon {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
#StoreAvailabilityModal
  .store-availabilities-list
  .store-availability-list__item
  .store-availability-list__stock
  .icon-in-stock
  path {
  fill: var(--success-color);
}
#StoreAvailabilityModal
  .store-availabilities-list
  .store-availability-list__item
  .store-availability-list__stock
  .icon-out-of-stock
  path {
  fill: var(--error-color);
}
#StoreAvailabilityModal .js-modal-close-store-availability-modal {
  position: absolute;
  top: 0;
  right: 0;
  margin: 24px;
  border: 0;
  background-color: transparent;
}
#StoreAvailabilityModal .icon-close {
  width: 15px;
  height: 15px;
}
#StoreAvailabilityModal .icon-close path {
  fill: var(--color-primary);
}
#StoreAvailabilityModal .icon-close:hover {
  opacity: 0.6;
}