.card-details__block-title:after{
  border-radius:9999px;
  height:1.5rem;
  position:absolute;
  width:1.5rem;
  --tw-bg-opacity:1;
  background-color:rgb(220, 38, 38, var(--tw-bg-opacity, 1));
  content:"";
}

.card-details__collection-outer,.card-details__swiper-controls{
  margin-left:auto;
  margin-right:auto;
  max-width:72rem;
}

.card-details__collection{
  align-items:flex-start;
  margin-left:-.5rem;
}

.card-details__block-title{
  font-size:32px;
  line-height:1.25;
  line-height:1.3;
  margin-bottom:3rem;
  position:relative;
  text-align:center;
}

.card-details__collection,.card-details__details,.card-details__summary,.card-summary__link{
  display:flex;
}

.card-details__details{
  background-color:hsl(var(--card));
  border-radius:var(--radius);
  border-width:1px;
  color:hsl(var(--card-foreground));
  height:100%;
  padding:1rem;
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  animation-duration:.3s;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  margin-top:0 !important;
  transition-duration:.15s;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.card-details__details,.card-details__item{
  flex-basis:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  padding-left:.5rem;
}

.card-details__details,.card-summary__link{
  cursor:pointer;
}

.card-details__details,.card-details__summary{
  flex-direction:column;
}

.card-details__summary{
  align-items:flex-start;
  padding:0;
  position:relative;
}

.card-summary__link{
  align-items:center;
  font-size:.875rem;
  line-height:1.25rem;
}

.card-summary__link>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(.5rem*var(--tw-space-x-reverse));
}

.card-details__summary>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(.5rem*var(--tw-space-y-reverse));
  margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));
}

.card-details__block{
  background-color:hsl(var(--background));
  padding-bottom:2rem;
  padding-top:2rem;
  position:relative;
}

.card-details__content{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding-top:.25rem;
}

.card-summary__title{
  font-size:1rem;
  font-weight:500;
  line-height:1.5rem;
}

.card-summary__link,.card-summary__title{
  transition-duration:.15s;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.card-details__details:hover{
  border-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(220, 38, 38, var(--tw-border-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}

.card-summary__link:hover,.card-summary__title:hover{
  --tw-text-opacity:1;
  color:rgb(220, 38, 38, var(--tw-text-opacity, 1));
}

@media (min-width:768px){
  .card-details__collection{
    margin-left:-1rem;
  }
  .card-details__details,.card-details__item{
    flex-basis:50%;
    padding-left:1rem;
  }
  .card-details__block-title{
    font-size:40px;
  }
}
@media (min-width:1024px){
  .card-details__details,.card-details__item{
    flex-basis:33.333333%;
  }
}
.card-details__block .icon{
  filter:invert(27%) sepia(89%) saturate(2371%) hue-rotate(349deg) brightness(92%) contrast(95%);
  height:auto;
  width:16px;
}

.card-details__wrapper{
  position:relative;
}

.card-details__swiper-controls{
  left:0;
  position:absolute;
  right:0;
  top:2.2rem;
  width:100%;
}

.card-details__item{
  margin-right:.25rem;
}
.card-details__summary:after{
  background-color:var(--red);
  content:"";
  height:24px;
  -webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9 6 6 6-6"/></svg>');
  mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9 6 6 6-6"/></svg>');
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  position:absolute;
  right:0;
  top:0;
  width:24px;
}
.card-details__summary:hover{
  background-color:transparent;
}
.card-details__summary .icon{
  width:40px;
}
/*# sourceMappingURL=card-details.css.map */