.ui-card{--card-hoverdelay:0s}.ui-card__body{position:relative;z-index:3}.ui-card__image{position:relative;container-type:inline-size}.ui-card__image img{width:100%;height:auto;transition:var(--tw-duration,.25s) filter ease}.ui-card__image:after,.ui-card__image:before{content:"";display:block;position:absolute;inset:0;background:var(--color-neutral-800);opacity:0;z-index:2;transition:var(--tw-duration,.25s) opacity ease}.ui-card__image:after{background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 40%)}.ui-card--darken-top .ui-card__image:before{background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 40%)}.ui-card--overlay .ui-card__image{position:absolute;inset:0;width:100%;z-index:1}.ui-card--overlay .ui-card__image img{position:absolute;inset:0;height:100%;-o-object-fit:cover;object-fit:cover;overflow-clip-margin:unset}.ui-card--contain .ui-card__image{padding:4rem}.ui-card--overlay.ui-card--contain .ui-card__image{inset:4rem;width:auto;padding:0}.ui-card--overlay.ui-card--contain .ui-card__image:before{inset:-4rem}.ui-card--overlay.ui-card--contain .ui-card__image img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center;object-position:center}.ui-card--darken .ui-card__image:before{opacity:var(--img-overlay-opacity)}.ui-card--darken .ui-card__image:after{opacity:1}:is(.ui-card--darken-hover.active,.ui-card--darken-hover:focus,.ui-card--darken-hover:focus-within,.ui-card--darken-hover:hover) .ui-card__image:before{opacity:var(--img-overlay-opacity)}:is(.ui-card--darken-hover.active,.ui-card--darken-hover:focus,.ui-card--darken-hover:focus-within,.ui-card--darken-hover:hover) .ui-card__image img{filter:saturate(70%)}:is(.ui-card--overlay.ui-card--darken-hover.active,.ui-card--overlay.ui-card--darken-hover:focus,.ui-card--overlay.ui-card--darken-hover:focus-within,.ui-card--overlay.ui-card--darken-hover:hover) .ui-card__image:before{opacity:var(--img-overlay-opacity-hover)}:is(.ui-card--overlay.ui-card--darken-hover.active,.ui-card--overlay.ui-card--darken-hover:focus,.ui-card--overlay.ui-card--darken-hover:focus-within,.ui-card--overlay.ui-card--darken-hover:hover) .ui-card__image img{filter:saturate(30%)}.ui-card__hovercontent{display:grid;grid-template-rows:0fr;transition:all .25s ease-out}.ui-card__hovercontent>div{min-height:0;visibility:hidden;opacity:0;transform:translateY(10px);transition:visibility .2s,opacity .2s ease-out 0s,transform 0s ease-out .3s}.ui-card__hovercontent__top>div{transform:translateY(-10px)}:is(:not(.ui-prevent-animation) .ui-card:focus,:not(.ui-prevent-animation) .ui-card:focus-within,:not(.ui-prevent-animation) .ui-card:hover) .ui-card__hovercontent{grid-template-rows:1fr;transition-delay:var(--card-hoverdelay)}:is(:not(.ui-prevent-animation) .ui-card:focus,:not(.ui-prevent-animation) .ui-card:focus-within,:not(.ui-prevent-animation) .ui-card:hover) .ui-card__hovercontent>div{transform:translate(0);opacity:1;visibility:visible;transition:visibility .2s var(--card-hoverdelay),opacity .2s ease-out calc(var(--card-hoverdelay) + .25s),transform .2s ease-out calc(var(--card-hoverdelay) + .25s)}
