.spinner-container{width:200px;height:100px}.max-width{max-width:100%}.margin-top{margin-top:var(--sf-spacing-10)}.mid-margin-top{margin-top:var(--sf-spacing-30)}.margin-left{margin-left:var(--sf-spacing-10)}.margin-bottom{margin-bottom:var(--sf-spacing-10)}.margin-right{margin-right:var(--sf-spacing-10)}.padding-inline{padding-inline:var(--sf-spacing-5)}.mid-padding-inline{padding-inline:var(--sf-spacing-10)}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.min-gap{gap:.625rem}.mid-gap{gap:1.25rem}.max-gap{gap:2.5rem}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.align-item-center{align-items:center}.default-border-color{border:1px solid var(--border-color)}.custom-color{stroke:#deb887}.background-overlay{background-color:var(--sf-color-white);opacity:.6}.spinner-button-styles{width:13.4375rem;height:3.25rem}@media screen and (max-width:576px){.flex-wrap-center{flex-wrap:wrap;justify-content:space-evenly}}
@keyframes spinner-pulse{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.spinner-pulse{align-items:center;gap:var(--dot-gap,6px);line-height:0;display:inline-flex}.spinner-pulse-dot{width:var(--dot-size,8px);height:var(--dot-size,8px);opacity:.75;animation:1s ease-in-out infinite spinner-pulse;animation-delay:var(--dot-delay,0s);background:currentColor;border-radius:50%;display:inline-block}@keyframes spinner-scale{0%,80%,to{opacity:.65;transform:scaleY(.45)}40%{opacity:1;transform:scaleY(1)}}.spinner-scale{align-items:flex-end;gap:var(--bar-gap,4px);line-height:0;display:inline-flex}.spinner-scale-bar{width:var(--bar-width,4px);height:var(--bar-height,40px);border-radius:var(--bar-radius,2px);transform-origin:bottom;animation:spinner-scale var(--bar-duration,1s)ease-in-out infinite;animation-delay:var(--bar-delay,0s);background:currentColor}@media (prefers-reduced-motion:reduce){.spinner-pulse-dot{animation:none!important}}
.row-label .sf-spinner-content{flex-direction:row}.column-reverse-label .sf-spinner-content{flex-direction:column-reverse}.row-reverse-label .sf-spinner-content{flex-direction:row-reverse}