.base-spinner{display:flex;height:16px;position:relative;width:16px}.base-spinner:before{animation-duration:1s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;border:2px solid var(--color-primary);border-radius:100%;border-right:2px solid transparent;content:"";display:inline-block;height:100%;width:100%}.base-spinner--white:before{border-color:var(--color-white);border-right-color:transparent}.base-spinner--gray:before{border-color:var(--color-gray-hover);border-right-color:transparent}.base-spinner--dark-gray:before{border-color:var(--color-gray-text);border-right-color:transparent}.base-spinner--small{height:12px;width:12px}.base-spinner--big{height:32px;width:32px}