.CharacterCard{width:100%}.CharacterCard__imageWrapper{position:relative;aspect-ratio:2/3;width:100%;cursor:pointer;overflow:hidden;border-radius:1rem}@media (min-width:640px){.CharacterCard__imageWrapper{border-radius:1.5rem}}.CharacterCard__imageContainer{position:absolute;inset:0;z-index:1}.CharacterCard__image{z-index:1;-o-object-fit:cover;object-fit:cover}.CharacterCard__skeleton{position:relative!important;height:100%!important;width:100%!important}.CharacterCard__skeleton :global(.ant-skeleton-element){height:100%!important;width:100%!important}.CharacterCard__controls{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow:hidden;padding:.625rem}.CharacterCard__tag{overflow:hidden!important;border-width:1px!important;--tw-border-opacity:1!important;border-color:rgba(var(--color-primary-500),var(--tw-border-opacity,1))!important;background-color:rgba(var(--color-primary-900),.7)!important}.CharacterCard__tag>*{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media not all and (min-width:768px){.CharacterCard__tag{height:auto!important;padding:.25rem .625rem!important;font-size:.75rem!important;line-height:1rem!important}}.CharacterCard__versionBadge{background-color:rgba(var(--color-bgBase-500),.3)!important}@media not all and (min-width:768px){.CharacterCard__versionBadge{height:auto!important;min-width:-moz-fit-content!important;min-width:fit-content!important;padding:.25rem!important;font-size:.75rem!important;line-height:1rem!important}.CharacterCard:hover .CharacterCard__tag,.CharacterCard:hover .CharacterCard__versionBadge{opacity:0!important}}.CharacterCard__info{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:30%;padding:.75rem}@media (min-width:640px){.CharacterCard__info{padding:1rem}}.CharacterCard__personalityBadge{margin-bottom:.25rem;margin-left:-.75rem;display:flex;gap:.25rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:rgba(var(--color-bgBase-500),0.25) var(--tw-gradient-from-position);--tw-gradient-to:rgba(var(--color-bgBase-500),0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(var(--color-bgBase-500),0.7) var(--tw-gradient-to-position);padding:.25rem .375rem .25rem .75rem;font-size:.75rem;line-height:1rem;--tw-backdrop-blur:blur(3px);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)}@media (min-width:640px){.CharacterCard__personalityBadge{margin-left:-1rem;padding-left:1rem}}.CharacterCard__personalityText{text-transform:capitalize}.CharacterCard__nameWrapper{display:flex}.CharacterCard__name{font-size:.875rem;line-height:1.25rem;font-weight:700;line-height:1.25}@media (min-width:640px){.CharacterCard__name{font-size:1.125rem;line-height:1.75rem}}.CharacterCard__description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-height:2.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgba(var(--color-textBase-600),var(--tw-text-opacity,1));transition-duration:.5s}