/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/codekrakers/components/cards/card-product-location/src/card-product-location.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-card--product-location {
  --card-color: var(--white, #faf7f2);
  --card-bg: var(--grey-600, #22211f);
  --card-overlay: rgb(0 0 0 / 0.7);
  --card-ring-duration: 0.35s;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 324/333;
  overflow: visible;
  list-style: none;
  color: var(--card-color);
  container-type: inline-size;
  container-name: twz_card_product_location;
}
dialog .twz-card--product-location {
  --card-hover-scale: 1.05;
}
.twz-card--product-location .twz-card__link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: left;
  text-transform: none;
  width: 100%;
  min-block-size: 100%;
  color: inherit;
  font-weight: 400;
  text-decoration: none;
  scale: 1;
  transition: scale 0.45s ease-in-out;
}
.twz-card--product-location .twz-card__surface {
  position: relative;
  z-index: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-block-size: 100%;
  block-size: 100%;
  overflow: clip;
  background-color: var(--card-bg);
  -webkit-mask-image: url("../src/card-edge.svg");
          mask-image: url("../src/card-edge.svg");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.twz-card--product-location .twz-card__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: clip;
}
.twz-card--product-location .twz-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, var(--card-overlay) 39%, transparent 61%);
}
.twz-card--product-location .twz-card__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.twz-card--product-location .twz-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.1rem;
  width: 100%;
  padding: 1.6rem 3.3rem 3.3rem;
}
@container twz_card_product_location (width < 280px) {
  .twz-card--product-location .twz-card__body {
    padding: 1.6rem 2rem 2.4rem;
  }
}
.twz-card--product-location .twz-card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
}
.twz-card--product-location .twz-card__title {
  margin: 0;
  width: 100%;
  color: var(--card-color);
  text-align: start;
}
.twz-card--product-location .twz-card__excerpt {
  margin: 0;
  width: 100%;
  color: var(--card-color);
}
.twz-card--product-location .twz-card__divider {
  display: block;
  flex-shrink: 0;
  width: 100%;
  block-size: 0.2rem;
  background-color: var(--card-color);
  -webkit-mask-image: url("../src/card-divider.svg");
          mask-image: url("../src/card-divider.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.twz-card--product-location .twz-card__more {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--gold-500, #d1ad59);
}
.twz-card--product-location .twz-card__more-icon {
  display: inline-flex;
  flex-shrink: 0;
  inline-size: 1.6rem;
  aspect-ratio: 1;
}
.twz-card--product-location .twz-card__more-icon :is(.twz-icon, svg) {
  inline-size: 100%;
  block-size: 100%;
  fill: currentColor;
}
.twz-card--product-location .twz-card__ring {
  position: absolute;
  z-index: 2;
  inset-inline-start: -4.5%;
  inset-block-end: -2%;
  width: 105%;
  height: auto;
  aspect-ratio: 511.178/289.411;
  color: var(--card-color);
  pointer-events: none;
  opacity: 0;
}
.twz-card--product-location .twz-card__ring-fill {
  fill: currentColor;
}
.twz-card--product-location:is(:hover, :focus-within, .twz-card--ring-drawing) .twz-card__ring {
  opacity: 1;
}
.twz-card--product-location:is(:hover, :focus-within) {
  z-index: 1;
}
@media (min-width: 1025px) {
  .twz-card--product-location:is(:hover, :focus-within) .twz-card__link {
    scale: var(--card-hover-scale, 1.05);
  }
}
@media (prefers-reduced-motion: reduce) {
  .twz-card--product-location .twz-card__link,
  .twz-card--product-location .twz-card__title {
    transition: none;
  }
}