.swan-light-mode,:root{--swan-spinner-stroke-color:var(--swan-color-grey-600);--swan-spinner-font-color:var(--swan-base-text-color);--swan-spinner-animation-duration:767ms;--swan-spinner-animation-width:36px;--swan-spinner-animation-stroke-width:3px;--swan-spinner-overlay-background:var(--swan-color-white-900);--swan-spinner-overlay-border:none;--swan-spinner-overlay-box-shadow:0 4px 20px rgba(0 0 0 / 10%)}.swan-dark-mode{--swan-spinner-stroke-color:var(--swan-color-white-900);--swan-spinner-font-color:var(--swan-color-white-900);--swan-spinner-overlay-background:var(--swan-color-grey-800);--swan-spinner-overlay-border:1px solid rgba(255 255 255 / 10%);--swan-spinner-overlay-box-shadow:0 4px 20px rgba(255 255 255 / 10%)}.swan-spinner{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;max-width:240px;font-size:var(--swan-font-size-2);text-align:center;color:var(--swan-spinner-font-color)}.swan-spinner-animation{display:inline-block;position:relative;width:var(--swan-spinner-animation-width);height:var(--swan-spinner-animation-width);animation:swan-spinner-rotate var(--swan-spinner-animation-duration) infinite linear}.swan-spinner-animation::after,.swan-spinner-animation::before{content:"";display:none;width:var(--swan-spinner-animation-stroke-width);height:var(--swan-spinner-animation-stroke-width);background-color:var(--swan-spinner-stroke-color);mix-blend-mode:difference;position:absolute;top:0;left:45%;border-radius:50%}.swan-spinner-animation-inner{display:inline-block;width:100%;height:100%;color:transparent;text-indent:-99999em;overflow:hidden;border:var(--swan-spinner-animation-stroke-width) solid var(--swan-spinner-stroke-color);border-radius:50%;animation:swan-spinner-length calc(var(--swan-spinner-animation-duration) * .9) infinite linear}.swan-spinner-text{padding-top:var(--swan-spacing-standard-3)}.swan-spinner:not(.swan-spinner-show-text) .swan-spinner-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.swan-spinner.swan-spinner-horizontal{flex-direction:row}.swan-spinner.swan-spinner-horizontal .swan-spinner-text{padding-top:0;padding-left:var(--swan-spacing-standard-3)}.swan-spinner-super{--swan-spinner-animation-width:54px;font-size:var(--swan-font-size-3)}.swan-spinner-super .swan-spinner-text{padding-top:var(--swan-spacing-standard-4)}.swan-spinner-super.swan-spinner-horizontal .swan-spinner-text{padding-top:0;padding-left:var(--swan-spacing-standard-4)}.swan-spinner-mini{--swan-spinner-animation-width:27px;--swan-spinner-animation-stroke-width:2px}.swan-spinner-tiny{--swan-spinner-animation-width:18px;--swan-spinner-animation-stroke-width:1px;font-size:var(--swan-font-size-m2)}.swan-spinner-tiny .swan-spinner-text{padding-top:var(--swan-spacing-standard-2)}.swan-spinner.swan-spinner-tiny.swan-spinner-horizontal .swan-spinner-text{padding-left:var(--swan-spacing-standard-2)}.swan-button .swan-spinner{margin-right:var(--swan-spacing-standard-3)}.swan-spinner.swan-spinner-overlay{padding:var(--swan-spacing-standard-5);background:var(--swan-spinner-overlay-background);box-shadow:var(--swan-spinner-overlay-box-shadow);border:var(--swan-spinner-overlay-border);border-radius:8px}@keyframes swan-spinner-length{0%{-webkit-clip-path:polygon(30% 0%,50% 50%,85% 0%,85% 0%,75% 0%);clip-path:polygon(30% 0%,50% 50%,85% 0%,85% 0%,75% 0%)}27%{-webkit-clip-path:polygon(30% 0%,50% 50%,100% 55%,100% 55%,100% 0%);clip-path:polygon(30% 0%,50% 50%,100% 55%,100% 55%,100% 0%)}53%{-webkit-clip-path:polygon(30% 0%,50% 50%,100% 55%,100% 55%,100% 0%);clip-path:polygon(30% 0%,50% 50%,100% 55%,100% 55%,100% 0%)}60%{-webkit-clip-path:polygon(30% 0%,50% 50%,100% 55%,100% 25%,100% 0%);clip-path:polygon(30% 0%,50% 50%,100% 55%,100% 25%,100% 0%)}80%{-webkit-clip-path:polygon(30% 0%,50% 50%,100% 35%,100% 35%,100% 0%);clip-path:polygon(30% 0%,50% 50%,100% 35%,100% 35%,100% 0%)}90%{-webkit-clip-path:polygon(30% 0%,50% 50%,100% 15%,100% 15%,100% 0%);clip-path:polygon(30% 0%,50% 50%,100% 15%,100% 15%,100% 0%)}100%{-webkit-clip-path:polygon(30% 0%,50% 50%,85% 0%,85% 0%,75% 0%);clip-path:polygon(30% 0%,50% 50%,85% 0%,85% 0%,75% 0%)}}@keyframes swan-spinner-rotate{0%{transform:rotate(60deg)}50%{transform:rotate(240deg)}100%{transform:rotate(420deg)}}