.spinning-loader{--spinning-loader-gap-small:8px;--spinning-loader-gap-medium:16px;--spinning-loader-gap-large:16px;--spinning-loader-spinner-border-width:2px;--spinning-loader-spinner-border-style:solid;--spinning-loader-spinner-border-color-loading:#da135b;--spinning-loader-spinner-border-color-success:#318c4f;--spinning-loader-spinner-border-color-error:#de1c22;--spinning-loader-spinner-width-small:24px;--spinning-loader-spinner-width-medium:48px;--spinning-loader-spinner-width-large:80px;--spinning-loader-spinner-height-small:24px;--spinning-loader-spinner-height-medium:48px;--spinning-loader-spinner-height-large:80px;--spinning-loader-spinner-icon-width-small:16px;--spinning-loader-spinner-icon-width-medium:32px;--spinning-loader-spinner-icon-width-large:40px;--spinning-loader-spinner-icon-height-small:16px;--spinning-loader-spinner-icon-height-medium:32px;--spinning-loader-spinner-icon-height-large:40px;--spinning-loader-text-variant-small:xsmall;--spinning-loader-text-variant-medium:xsmall;--spinning-loader-text-variant-large:small;--spinning-loader-text-color-loading:#333232;--spinning-loader-text-color-success:#318c4f;--spinning-loader-text-color-error:#de1c22}@media(prefers-color-scheme:dark){.spinning-loader{--spinning-loader-gap-small:8px;--spinning-loader-gap-medium:16px;--spinning-loader-gap-large:16px;--spinning-loader-spinner-border-width:2px;--spinning-loader-spinner-border-style:solid;--spinning-loader-spinner-border-color-loading:#da135b;--spinning-loader-spinner-border-color-success:#318c4f;--spinning-loader-spinner-border-color-error:#de1c22;--spinning-loader-spinner-width-small:24px;--spinning-loader-spinner-width-medium:48px;--spinning-loader-spinner-width-large:80px;--spinning-loader-spinner-height-small:24px;--spinning-loader-spinner-height-medium:48px;--spinning-loader-spinner-height-large:80px;--spinning-loader-spinner-icon-width-small:16px;--spinning-loader-spinner-icon-width-medium:32px;--spinning-loader-spinner-icon-width-large:40px;--spinning-loader-spinner-icon-height-small:16px;--spinning-loader-spinner-icon-height-medium:32px;--spinning-loader-spinner-icon-height-large:40px;--spinning-loader-text-variant-small:xsmall;--spinning-loader-text-variant-medium:xsmall;--spinning-loader-text-variant-large:small;--spinning-loader-text-color-loading:#333232;--spinning-loader-text-color-success:#318c4f;--spinning-loader-text-color-error:#de1c22}}@keyframes spinnerRotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning-loader{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.spinning-loader:before{content:"";position:relative;display:inline-block}.spinning-loader--loading{color:var(--spinning-loader-text-color-loading)}.spinning-loader--loading:before{border-radius:50%;border-style:var(--spinning-loader-spinner-border-style);border-width:var(--spinning-loader-spinner-border-width);border-color:var(--spinning-loader-spinner-border-color-loading)}.spinning-loader--success{color:var(--spinning-loader-text-color-success)}.spinning-loader--success:before{border-radius:50%;border-style:var(--spinning-loader-spinner-border-style);border-width:var(--spinning-loader-spinner-border-width);border-color:var(--spinning-loader-spinner-border-color-success)}.spinning-loader--error{color:var(--spinning-loader-text-color-error)}.spinning-loader--error:before{border-radius:50%;border-style:var(--spinning-loader-spinner-border-style);border-width:var(--spinning-loader-spinner-border-width);border-color:var(--spinning-loader-spinner-border-color-error)}.spinning-loader--loading:before{border-top-color:transparent;animation:spinnerRotation 1s linear infinite}.spinning-loader--success:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 7.5L7 10.5L12.5 5' vector-effect='non-scaling-stroke' stroke-width='2' stroke='rgb(49, 140, 79)'/%3E%3C/svg%3E%0A")}.spinning-loader--error:before,.spinning-loader--success:before{background-position:50%;background-repeat:no-repeat;transition-property:border,color;transition-duration:.3s;transition-timing-function:ease-in}.spinning-loader--error:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11L11 5M5 5L11 11' vector-effect='non-scaling-stroke' stroke-width='2' stroke='rgb(222, 28, 34)'/%3E%3C/svg%3E%0A")}.spinning-loader--small{flex-direction:row;gap:var(--spinning-loader-gap-small)}.spinning-loader--small:before{width:var(--spinning-loader-spinner-width-small);height:var(--spinning-loader-spinner-height-small);background-size:var(--spinning-loader-spinner-icon-width-small) var(--spinning-loader-spinner-icon-height-small)}.spinning-loader--medium{flex-direction:column;gap:var(--spinning-loader-gap-medium)}.spinning-loader--medium:before{width:var(--spinning-loader-spinner-width-medium);height:var(--spinning-loader-spinner-height-medium);background-size:var(--spinning-loader-spinner-icon-width-medium) var(--spinning-loader-spinner-icon-height-medium)}.spinning-loader--large{flex-direction:column;gap:var(--spinning-loader-gap-large)}.spinning-loader--large:before{width:var(--spinning-loader-spinner-width-large);height:var(--spinning-loader-spinner-height-large);background-size:var(--spinning-loader-spinner-icon-width-large) var(--spinning-loader-spinner-icon-height-large)}