/** Shopify CDN: Minification failed

Line 143:22 Unexpected "{"

**/
.simple-image-link .grid {
  margin-bottom: 0;
}

.simple-image-link .grid__item {
  position: relative;
}


.simple-image-link__media {
  min-height: 100%;
  overflow: visible;
  border: none !important;
}

.simple-image-link__media--small {
  height: 19.4rem !;
}

.simple-image-link__media--medium {
  height: 29.6rem;
}

.simple-image-link__media--large {
  height: 43.5rem;
}

@media screen and (min-width: 750px) {
  .simple-image-link__media--small {
    height: 31.4rem;
  }

  .simple-image-link__media--medium {
    height: 46rem;
  }

  .simple-image-link__media--large {
    height: 69.5rem;
  }
}

.simple-image-link__media--placeholder {
  position: relative;
  overflow: hidden;
}

.simple-image-link__media--placeholder:after {
  content: '';
  position: absolute;
  background: rgba(var(--color-foreground), 0.04);
}

.simple-image-link__media--placeholder.simple-image-link__media--adapt {
  height: 20rem;
}

@media screen and (min-width: 750px) {
  .simple-image-link__media--placeholder.simple-image-link__media--adapt {
    height: 30rem;
  }
}

.simple-image-link__media--placeholder > svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.simple-image-link__media--placeholder:is(.animate--ambient, .animate--zoom-in) > svg {
  top: 0;
  left: 0;
  transform: translate(0);
}

.simple-image-link .grid__item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.simple-image-link .simple-image-link__media-item:after {
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.simple-image-link .simple-image-link__media-item > * {
  border-radius: var(--media-radius);
  overflow: hidden;
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.simple-image-link .global-media-settings {
  overflow: hidden !important;
}

.simple-image-link .simple-image-link__media-item > * {
  box-shadow: none;
}

@media screen and (max-width: 749px) {
  .simple-image-link.collapse-corners .simple-image-link__media-item:after,
  .simple-image-link.collapse-corners .grid__item .simple-image-link__media,
  .simple-image-link.collapse-corners .simple-image-link__media img,
  .simple-image-link.collapse-corners .simple-image-link__media .placeholder-svg {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media screen and (min-width: 750px) {
  .simple-image-link__media-item--small {
    flex-grow: 0;
  }

  .simple-image-link.collapse-corners
    .grid
    .simple-image-link__media-item:after,
  .simple-image-link.collapse-corners
    .grid
    .simple-image-link__media,
  .simple-image-link.collapse-corners
    .grid
    .simple-image-link__media
    img,
  .simple-image-link.collapse-corners
    .grid
    .simple-image-link__media
    .placeholder-svg, {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

}

.simple-image-link:not(.collapse-corners) .simple-image-link__media-item {
  z-index: 2;
}

/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */
.simple-image-link .backround-transparent {
  background: transparent;
}

/* Needed for gradient continuity with or without animation, the transform scopes the gradient to its container which happens already when animation are turned on */
.simple-image-link .gradient {
  transform: perspective(0);
}


/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .simple-image-link .grid {
    margin-left: 0;
  }
}

/*
  Multirow
  note: consider removing from this stylesheet if multirow-specific styles increase signficantly
*/
.multirow__inner {
  display: flex;
  flex-direction: column;
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .multirow__inner {
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

.image-link {
  display: block;
  line-height: 0;
}

.image-link img {
  display: block;
  width: 100%;
  height: auto;
}

.image-align-left {
  /* default state */
}

.image-align-right {
  margin: 0 0 0 auto;
}

.image-align-center {
  margin: 0 auto 0 auto;
}