.blog-carousel-card{border-radius:60px;display:flex;flex-direction:row;height:100%;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out}.blog-carousel-card__image-wrapper{background-color:oklch(.1682 .1007 281.5/.15);border-radius:60px;box-shadow:var(--shadow-2);flex:1 1 0%;min-width:0;overflow:hidden;transition:flex .35s cubic-bezier(.4,0,1,1)}.is-active .blog-carousel-card__image-wrapper{background-color:transparent;flex:0 0 55%;transition:flex .6s cubic-bezier(.2,0,0,1)}.blog-carousel-card__image{height:100%;object-fit:cover;object-position:center;transform:scale(1.08);transition:transform .35s cubic-bezier(.4,0,1,1);width:100%}.is-active .blog-carousel-card__image{transform:scale(1);transition:transform .7s cubic-bezier(.2,0,0,1)}.is-active:hover .blog-carousel-card__image-wrapper .blog-carousel-card__image{transform:scale(1.04);transition:transform .3s ease-in-out}.is-active:hover .blog-carousel-card__image-wrapper{border-radius:60px 0 0 60px;transition:border-radius .3s ease-in-out}.is-active:hover .blog-carousel-card{background-color:var(--slime-girl-200);box-shadow:var(--shadow-2);transition:box-shadow .3s ease-in-out}.blog-carousel-card__body{display:flex;flex-direction:column;gap:24px;justify-content:center;max-width:0;opacity:0;overflow:hidden;padding:0;transition:opacity .15s cubic-bezier(.4,0,1,1),max-width 0s linear .15s,padding 0s linear .15s}.is-active .blog-carousel-card__body{max-width:100%;opacity:1;padding:32px 40px;transition:opacity .4s cubic-bezier(.2,0,0,1) .45s,max-width 0s linear .4s,padding 0s linear .4s}.blog-carousel-card__body>*{opacity:0;transform:translateY(12px);transition:opacity .15s cubic-bezier(.4,0,1,1),transform .15s cubic-bezier(.4,0,1,1);transition-delay:0s}.is-active .blog-carousel-card__body>*{opacity:1;transform:translateY(0);transition:opacity .35s cubic-bezier(.2,0,0,1),transform .35s cubic-bezier(.2,0,0,1)}.is-active .blog-carousel-card__body>:first-child{transition-delay:.6s}.is-active .blog-carousel-card__body>:nth-child(2){transition-delay:.7s}.is-active .blog-carousel-card__body>:nth-child(3){transition-delay:.8s}.chips.blog-carousel-card__chip{background-color:var(--brand-50);border-radius:1000px;color:var(--indigo-950);font-size:18px;font-weight:600;line-height:1.33;padding:12px}.blog-carousel-card__heading{color:var(--indigo-950);display:-webkit-box;font-size:28px;font-weight:500;letter-spacing:-.01em;-webkit-line-clamp:3;line-height:1.15;-webkit-box-orient:vertical;overflow:hidden}.blog-carousel-card__link{color:var(--indigo-950)}@media (max-width:1024px) and (min-width:769px){.is-active .blog-carousel-card__image-wrapper{flex:0 0 50%}.is-active .blog-carousel-card__body{gap:16px;padding:24px 28px}.blog-carousel-card__heading{font-size:22px}.chips.blog-carousel-card__chip{font-size:16px;padding:8px 12px}.blog-carousel-card{border-radius:40px}}@media (max-width:768px){.blog-carousel-card{border-radius:30px;overflow:hidden;position:relative}.is-active:hover .blog-carousel-card__image-wrapper{border-radius:30px;transition:border-radius .3s ease-in-out}.blog-carousel-card__image-wrapper,.is-active .blog-carousel-card__image-wrapper{border-radius:inherit;box-shadow:none;flex:1 1 0%}.blog-carousel-card__body{background:var(--neutral-25);border-radius:20px 20px 0 0;bottom:0;left:0;max-height:none;max-width:none;opacity:0;padding:0 16px;position:absolute;right:0;transform:translateY(16px);transition:opacity .15s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1),padding 0s linear .2s}.is-active .blog-carousel-card__body{gap:12px;max-height:none;max-width:none;opacity:1;padding:16px 16px 20px;transform:translateY(0);transition:opacity .35s cubic-bezier(.2,0,0,1) .35s,transform .4s cubic-bezier(.2,0,0,1) .3s,padding 0s linear .3s}.blog-carousel-card__heading{font-size:20px;line-height:1.2}.chips.blog-carousel-card__chip{font-size:14px;padding:6px 10px}.blog-carousel-card__link{font-size:14px}.is-active .blog-carousel-card__body>:first-child{transition-delay:.4s}.is-active .blog-carousel-card__body>:nth-child(2){transition-delay:.45s}.is-active .blog-carousel-card__body>:nth-child(3){transition-delay:.5s}}@media (max-width:480px){.is-active .blog-carousel-card__body{gap:6px;padding:12px 12px 16px}.blog-carousel-card__heading{font-size:16px;-webkit-line-clamp:2}.chips.blog-carousel-card__chip{font-size:12px;padding:4px 8px}.blog-carousel-card__link{font-size:13px}}