.card-2-carousel__container{
  margin-left:auto;
  margin-right:auto;
  padding-left:1rem;
  padding-right:1rem;
  width:100%;
}

@media (min-width:1400px){
  .card-2-carousel__container{
    max-width:1400px;
  }
}
.card-2__icon--play-wrapper,.card-2__label{
  position:absolute;
}

.card-2-carousel__content,.card-2__media{
  position:relative;
}

.card-2__icon--play-wrapper{
  background-color:rgba(0,0,0,.302);
  bottom:0;
  left:0;
  right:0;
  top:0;
}

.card-2__label{
  background-color:hsl(var(--destructive));
  border-color:transparent;
  color:hsl(var(--destructive-foreground));
  font-size:.75rem;
  gap:.25rem;
  left:.5rem;
  line-height:1rem;
  padding:.125rem .625rem;
  top:.5rem;
  z-index:10;
}

.card-2-carousel__swiper{
  margin-left:-1rem;
}

.card-2-carousel__container,.card-2-carousel__content,.card-2-carousel__header{
  margin-left:auto;
  margin-right:auto;
}

.card-2-carousel__content,.card-2-carousel__header{
  margin-bottom:3rem;
  max-width:64rem;
}

.card-2-carousel__title{
  background-color:transparent;
  display:inline-block;
  padding:.75rem 1.5rem;
}

.card-2-carousel__header,.card-2__icon--play-wrapper,.card-2__title,.card-2__track{
  display:flex;
}

.card-2-carousel__cta,.card-2__label{
  display:inline-flex;
}

.card-2__media{
  aspect-ratio:16/9;
  background-color:hsl(var(--muted));
}

.card-2-carousel__cta{
  border-radius:calc(var(--radius) - 2px);
  gap:.5rem;
  height:2.75rem;
  white-space:nowrap;
  --tw-border-opacity:1;
  border-color:rgb(255, 255, 255, var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255, 255, 255, var(--tw-bg-opacity, 1));
  color:hsl(var(--primary));
  padding-left:2rem;
  padding-right:2rem;
  --tw-ring-offset-color:hsl(var(--background));
}

.card-2__title{
  height:5rem;
  line-height:1.25;
}

.card-2-carousel__content,.card-2-carousel__cta{
  width:100%;
}

.card-2{
  flex-basis:100%;
  flex-grow:0;
  flex-shrink:0;
  min-width:0;
  padding-left:1rem;
}

.card-2__icon--play{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity:1;
  background-color:rgb(220, 38, 38, var(--tw-bg-opacity, 1));
}

.card-2__inner{
  background-color:hsl(var(--card));
  border-radius:var(--radius);
  color:hsl(var(--card-foreground));
  cursor:pointer;
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  display:block;
  transition-duration:.15s;
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.card-2-carousel__header{
  align-items:flex-start;
  flex-direction:column;
  gap:1rem;
  justify-content:space-between;
}

.card-2-carousel__cta,.card-2__icon--play-wrapper,.card-2__label,.card-2__title{
  align-items:center;
}

.card-2-carousel__cta,.card-2__icon--play-wrapper,.card-2__title{
  justify-content:center;
}

.card-2-carousel__swiper,.card-2__inner{
  overflow:hidden;
}

.card-2-carousel__title,.card-2__icon--play,.card-2__label{
  border-radius:9999px;
}

.card-2-carousel__cta,.card-2__inner,.card-2__label{
  border-width:1px;
}

.card-2__section{
  background-color:hsl(var(--primary));
  padding-bottom:2rem;
  padding-top:2rem;
}

.card-2__icon--play,.card-2__title{
  padding:1rem;
}

.card-2-carousel__content{
  padding-bottom:4rem;
}

.card-2__title a{
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  text-align:center;
}

.card-2-carousel__cta,.card-2__title{
  font-size:.875rem;
  line-height:1.25rem;
}

.card-2-carousel__cta,.card-2-carousel__title{
  font-weight:500;
}

.card-2__label,.card-2__title{
  font-weight:600;
}

.card-2-carousel__title,.card-2__icon--play{
  --tw-text-opacity:1;
  color:rgb(255, 255, 255, var(--tw-text-opacity, 1));
}

.card-2-carousel__cta,.card-2__icon--play,.card-2__icon--play-wrapper,.card-2__label{
  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-2__icon--play:hover{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity:1;
  background-color:rgb(185, 28, 28, var(--tw-bg-opacity, 1));
}

.card-2__label:hover{
  background-color:hsl(var(--destructive)/.8);
}

.card-2-carousel__cta:hover{
  background-color:hsla(0,0%,100%,.902);
  color:hsl(var(--primary));
}

.card-2__inner:hover{
  --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-2__label:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
  --tw-ring-color:hsl(var(--ring));
  --tw-ring-offset-width:2px;
}

.card-2-carousel__cta:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
  --tw-ring-color:hsl(var(--ring));
  --tw-ring-offset-width:2px;
}

.card-2-carousel__cta:disabled{
  opacity:.5;
  pointer-events:none;
}

.card-2__media:hover .card-2__icon--play-wrapper{
  background-color:rgba(0,0,0,.502);
}

@media (min-width:768px){
  .card-2-carousel__cta{
    font-size:1rem;
    line-height:1.5rem;
    width:-moz-fit-content;
    width:fit-content;
  }
  .card-2{
    flex-basis:50%;
  }
  .card-2-carousel__header{
    align-items:center;
    flex-direction:row;
  }
  .card-2-carousel__content{
    padding-bottom:0;
  }
}
@media (min-width:1024px){
  .card-2{
    flex-basis:33.333333%;
  }
}
.card-2-carousel__cta svg{
  flex-shrink:0;
  height:1rem;
  pointer-events:none;
  width:1rem;
}

.card-2-carousel__cta:after{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23c93827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M15 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
  display:inline-flex;
  height:1rem;
  width:1rem;
}

.card-2-carousel__cta:after,.card-2__icon--play:before{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  content:"";
}

.card-2__icon--play:before{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m6 3 14 9-14 9z'/%3E%3C/svg%3E");
  display:block;
  height:24px;
  width:24px;
}

.card-2__media img{
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  width:100%;
}

.card-2-carousel__controls--desktop .card-2-carousel__swiper-button-prev{
  left:-3rem !important;
}
.card-2-carousel__controls--desktop .card-2-carousel__swiper-button-next{
  right:-3rem !important;
}

.card-2-carousel__controls--mobile{
  display:none;
}

@media (max-width:1024px){
  .card-2-carousel__controls--desktop{
    display:none;
  }
  .card-2-carousel__controls--mobile{
    display:flex;
    gap:1rem;
    justify-content:center;
    margin-top:2rem;
  }
  .card-2-carousel__swiper-button-next,.card-2-carousel__swiper-button-prev{
    inset:auto !important;
    margin:0;
    position:relative;
  }
}
/*# sourceMappingURL=card-2.css.map */