.loader{--d:20px;width:4px;height:4px;border-radius:50%;color:white;box-shadow:calc(1 * var(--d)) calc(0 * var(--d)) 0 0,calc(.707 * var(--d)) calc(.707 * var(--d)) 0 1px,calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,calc(-.707 * var(--d)) calc(.707 * var(--d)) 0 2px,calc(-1 * var(--d)) calc(0 * var(--d)) 0 3px,calc(-.707 * var(--d)) calc(-.707 * var(--d)) 0 3px,calc(0 * var(--d)) calc(-1 * var(--d)) 0 4px;animation:l27 1s steps(8) infinite}@keyframes l27{to{transform:rotate(1turn)}}.transparent-bg{background-color:rgba(72,78,93,.5)}