.icon-wrapper{display:block;margin:0;width:fit-content}.icon-wrapper--align-left{margin-left:0;margin-right:auto}.icon-wrapper--align-centre{margin-left:auto;margin-right:auto}.icon-wrapper--align-right{margin-left:auto;margin-right:0}.icon-wrapper--spacing-none{margin-bottom:0}.icon-wrapper--spacing-small{margin-bottom:var(--container-padding-sm,20px)}.icon-wrapper--spacing-large{margin-bottom:var(--container-padding-lg,40px)}.icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.icon--pictographic.icon--size-small{height:34px;min-height:34px;min-width:34px;width:34px}.icon--pictographic.icon--size-large{height:50px;min-height:50px;min-width:50px;width:50px}.icon--pictographic .icon__graphic{align-items:center;display:flex;height:100%;justify-content:flex-start;line-height:1;width:100%}.icon--pictographic .icon__graphic svg{height:100%;width:100%}.icon--pictographic.icon--size-small .icon__graphic i{font-size:34px;line-height:1}.icon--pictographic.icon--size-large .icon__graphic i{font-size:50px;line-height:1}.icon--pictographic .icon__img{height:100%;object-fit:contain;width:100%}.icon--color-mono{border-color:var(--koalect-mono-300);color:var(--koalect-mono-700)}.icon--color-primary{border-color:var(--koalect-primary-500);color:var(--koalect-primary-700)}.icon--color-secondary{border-color:var(--koalect-secondary-500);color:var(--koalect-secondary-500)}.icon--color-light{border-color:hsla(0,0%,100%,.6);color:#fff}.icon--mode-light{background-color:transparent}.icon--mode-medium.icon--color-mono{background-color:var(--koalect-mono-100)}.icon--mode-medium.icon--color-primary{background-color:var(--koalect-primary-100)}.icon--mode-medium.icon--color-secondary{background-color:var(--koalect-secondary-100)}.icon--mode-medium.icon--color-light{background-color:hsla(0,0%,100%,.15)}.icon--mode-dark.icon--color-mono{background-color:var(--koalect-mono-700);border-color:var(--koalect-mono-700);color:var(--koalect-mono-50)}.icon--mode-dark.icon--color-primary{background-color:var(--koalect-primary-700);border-color:var(--koalect-primary-700);color:var(--koalect-mono-50)}.icon--mode-dark.icon--color-secondary{background-color:var(--koalect-secondary-500);border-color:var(--koalect-secondary-500);color:var(--koalect-mono-50)}.icon--mode-dark.icon--color-light{background-color:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.8);color:#fff}.icon__graphic--default i{line-height:1}