.hds-loading-spinner{--spinner-size:4rem;--spinner-color:var(--color-coat-of-arms);--spinner-thickness:0.5rem;--spinner-rotation-animation-duration:1.5s;--spinner-color-animation-duration:4.5s;--spinner-color-stage1:var(--color-coat-of-arms);--spinner-color-stage2:var(--color-copper);--spinner-color-stage3:var(--color-suomenlinna);border-top-color:var(--spinner-color);height:var(--spinner-size);position:relative;width:var(--spinner-size)}.hds-loading-spinner--multicolor{animation:spinner-color-animation var(--spinner-color-animation-duration) cubic-bezier(.6,.2,.4,.9) infinite;border-top-color:var(--spinner-color-stage1)}.hds-loading-spinner--small{--spinner-size:1.5rem;--spinner-thickness:0.1875rem}.hds-loading-spinner div{animation:spinner-rotation-animation var(--spinner-rotation-animation-duration) cubic-bezier(.6,.2,.4,.8) infinite;border:var(--spinner-thickness) solid transparent;border-radius:50%;border-top-color:inherit;box-sizing:border-box;height:100%;position:absolute;width:100%}.hds-loading-spinner div:nth-child(2){animation-delay:-.15s}.hds-loading-spinner div:nth-child(3){animation-delay:-.3s}@keyframes spinner-rotation-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner-color-animation{33.3%{border-top-color:var(--spinner-color-stage2)}66.6%{border-top-color:var(--spinner-color-stage3)}}