.x1km1obq01wze1v{
		position: relative;
		display: inline-block;
		flex-shrink: 0;
		width: var(--avatar-size);
		height: var(--avatar-size);
		perspective: 200px;
	}.x1km1obq01wze1v .avatar-card{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		transform-style: preserve-3d;
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
		will-change: transform;
	}.x1km1obq01wze1v[data-flip]:hover .avatar-card,.x1km1obq01wze1v[data-flip]:focus-visible .avatar-card{
		transform: rotateY(180deg);
	}.x1km1obq01wze1v .avatar-face{
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 9999px;
		backface-visibility: hidden;
		overflow: hidden;
	}.x1km1obq01wze1v .avatar-front{
		background: var(--colour-lift);
		color: var(--colour-subtext);
		font-weight: 600;
		font-size: calc(var(--avatar-size) * 0.42);
		text-transform: uppercase;
		user-select: none;
	}.x1km1obq01wze1v .avatar-front img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}.x1km1obq01wze1v .avatar-back{
		background: var(--provider-colour);
		color: #fff;
		transform: rotateY(180deg);
	}.x1km1obq01wze1v .avatar-back svg{
		width: 52%;
		height: 52%;
	}.x1km1obq01wze1v .avatar-badge{
		position: absolute;
		right: -3px;
		bottom: -3px;
		display: grid;
		place-items: center;
		width: max(14px, calc(var(--avatar-size) * 0.5));
		height: max(14px, calc(var(--avatar-size) * 0.5));
		box-sizing: content-box;
		border: 2px solid var(--colour-surface);
		border-radius: 9999px;
		background: var(--provider-colour);
		color: #fff;
		line-height: 0;
	}.x1km1obq01wze1v .avatar-badge svg{
		width: 62%;
		height: 62%;
		display: block;
	}@media (prefers-reduced-motion: reduce){.x1km1obq01wze1v .avatar-card{
			transition: none;
		}}