@media screen and (max-width: 979px) {
  .ipsPhotoPanel > .ipsUserPhoto {
  	margin-right: 10px;
  }
  @media screen and (max-width: 767px) {
  html[dir="ltr"] .ipsPhotoPanel.ipsPhotoPanel_notPhone > div, html[dir="ltr"] .ipsPhotoPanel.ipsPhotoPanel_notTablet > div {
  	margin-left: 16px;
  }
}

.klarGuideCard__avatar .ipsUserPhoto{display:inline-block;line-height:0;}
.klarGuideCard__avatar img{
	width:96px;
	height:96px;
	border-radius: 18px !important;
	object-fit:cover;
	border:4px solid rgb(var(--klar-cat));
	box-shadow:0 0 0 2px rgba(var(--klar-brand),.6), 0 10px 26px rgba(0,0,0,.5);
	background:rgb(var(--klar-cat));
}

.ipsBox.klarGuideContent{
	position:relative;
	overflow:visible;
	background:rgb(var(--klar-cat)) !important;
	background-image:none !important;
}
.ipsBox.klarGuideContent::before{display:none !important;}
.ipsBox.klarGuideContent::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border-radius:inherit;
	padding:1px;
	background:conic-gradient(from var(--angle), transparent 0, rgb(var(--klar-brand)) 20%, transparent 25%);
	mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite:exclude;
	-webkit-mask-composite:xor;
	animation:cardBorderRotate 12s linear infinite;
	pointer-events:none;
	z-index:10;
}