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