.component.shape{width:200px;height:200px;display:flex;align-items:center;margin:0 auto}
.component.shape .content{position:relative;margin:0 auto;height:160px;padding:0}
.component.shape .content.speech{width:194px;height:137px;top:-12px;border-radius:47px}
.component.shape .content.speech>div{height:136px}
.component.shape .content.circle{width:160px;border-radius:100%}
.component.shape .content.balloon{width:144px;height:140px;border-radius:70px 70px 73px 73px}
.component.shape .content.balloon>div{height:144px}
.component.shape .content svg{position:absolute;fill:currentColor}
.component.shape .content.turquoise{color:var(--surface-turquiseHigh)}
.component.shape .content.orange{color:var(--surface-brandHigh)}
.component.shape .content.liliac{color:var(--surface-lilacHigh)}
.component.shape .content>div{position:relative;display:flex;justify-content:center;flex-direction:column;text-align:center;align-items:center;flex-grow:0;height:100%;font-family:SwedbankHeadlineBlack,Arial,sans-serif;color:var(--text-whiteStatic)}
.component.shape .content.large,.component.shape .content span{font-size:2.875rem;line-height:3rem}
.component.shape .content.medium{font-size:1.75rem;line-height:2.125rem}
.component.shape .content.small,.component.shape .content.smallAndLarge{font-size:1.25rem;line-height:1.375rem;font-weight:bold}
.component.shape .content.small>div,.component.shape .content.smallAndLarge>div{padding:0 4px}