.card{cursor:pointer;display:block;display:flex;flex-direction:column;position:relative}.card.active{view-transition-name:case-card}.card.active .card__content{view-transition-name:case-cover}.card.active .card__title{view-transition-name:case-title}.card__title{font-size:22px;--tw-text-opacity:1;color:rgb(26 26 26/var(--tw-text-opacity,1))}.card__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.card__content{position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));background-position:50%;background-size:cover}.card__content:is(.dark *){--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.card__content{border-bottom-right-radius:70px;height:490px;margin-bottom:1.25rem;overflow:hidden}.card__tags{display:flex;flex-wrap:wrap;gap:.5rem;left:0;padding:1.25rem;position:absolute;right:0;top:0;z-index:10;--tw-translate-y:-.5rem;opacity:0;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));transition-duration:.3s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.card__tag{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;--tw-text-opacity:1;background-color:#1717178c;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-radius:9999px;padding:.375rem .75rem}.card:hover .card__arrow>svg{--tw-translate-x:.75rem}.card:hover .card__arrow>svg,.card:hover .card__tags{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))}.card:hover .card__tags{--tw-translate-y:0px;opacity:1}@media (hover:none){.card .card__tags{--tw-translate-y:0px;opacity: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))}}.card__arrow{bottom:0;position:absolute;right:0;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-top-left-radius:25px;padding:3rem}