.spinner-wrap{display:flex;padding:1rem}.spinner-surface,.spinner-wrap{justify-content:center;align-items:center}.spinner-surface{display:inline-flex;padding:.375rem;flex-shrink:0;border-radius:50%;background:var(--color-white);box-shadow:var(--shadow-section)}.spinner-wrap .spinner{position:static;top:auto;left:auto;z-index:auto;box-sizing:border-box;width:24px;height:24px;margin:0;border:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.spinner-wrap .spinner.white{border-color:rgba(255,255,255,.2) rgba(255,255,255,.2) rgba(255,255,255,.2) #fff}.spinner-wrap .spinner.black{border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1) #000}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.spinner-surface{padding:.5rem}.spinner-wrap .spinner{width:28px;height:28px;border-width:4px}}