.one-with-icon{display:inline-flex}.one-with-icon--block{display:flex}.one-with-icon--before,.one-with-icon--after{position:relative}.one-with-icon--before .svg-pictogram,.one-with-icon--after .svg-pictogram,.one-with-icon--before .svg-illustration,.one-with-icon--after .svg-illustration{position:absolute;top:50%;width:1rem;width:var(--font-size-base-layout);height:1rem;height:var(--font-size-base-layout);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);overflow:visible;vertical-align:top}.one-with-icon--before{padding-left:calc(1rem + 0.5rem);padding-left:calc(var(--font-size-base-layout) + var(--size-8))}.one-with-icon--after{padding-right:calc(1rem + 0.5rem);padding-right:calc(var(--font-size-base-layout) + var(--size-8))}.one-with-icon--before .svg-pictogram,.one-with-icon--before .svg-illustration{left:0}.one-with-icon--after .svg-pictogram,.one-with-icon--after .svg-illustration{right:0}.one-with-icon--full-width{width:100%}.one-with-icon--sm.one-with-icon--before{padding-left:calc(0.875rem + 0.5rem);padding-left:calc(var(--font-size-sm-narrow-layout) + var(--size-8))}.one-with-icon--sm.one-with-icon--after{padding-right:calc(0.875rem + 0.5rem);padding-right:calc(var(--font-size-sm-narrow-layout) + var(--size-8))}.one-with-icon--sm{font-size:calc(0.875rem * 1);font-size:var(--font-size-sm-narrow);line-height:calc(1.1428571429 / 1 * 1);line-height:var(--line-height-sm-narrow)}.one-with-icon--xs .svg-pictogram,.one-with-icon--xs .svg-illustration{width:.75rem;width:var(--font-size-xs-layout);height:.75rem;height:var(--font-size-xs-layout)}.one-with-icon--sm .svg-pictogram,.one-with-icon--sm .svg-illustration{width:.875rem;width:var(--font-size-sm-narrow-layout);height:.875rem;height:var(--font-size-sm-narrow-layout)}.one-with-icon--lg.one-with-icon--before{padding-left:calc(1.125rem + 0.5rem);padding-left:calc(var(--font-size-lg-narrow-layout) + var(--size-8))}.one-with-icon--lg.one-with-icon--after{padding-right:calc(1.125rem + 0.5rem);padding-right:calc(var(--font-size-lg-narrow-layout) + var(--size-8))}.one-with-icon--lg{font-size:calc(1.125rem * 1);font-size:var(--font-size-lg-narrow);line-height:calc(1.33334 / 1 * 1);line-height:var(--line-height-lg-narrow)}.one-with-icon--lg .svg-pictogram,.one-with-icon--lg .svg-illustration{width:1.125rem;width:var(--font-size-lg-narrow-layout);height:1.125rem;height:var(--font-size-lg-narrow-layout)}