/* Page transition loader overlay */
.page-loader { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; background: rgba(11,13,16,0.8); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility 0s linear .2s; }
.page-loader.show { opacity: 1; visibility: visible; transition: opacity .2s ease; }

/* From Uiverse.io by satyamchaudharydev */
.spinner { position: relative; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: -75px; }
.spinner span { position: absolute; top: 50%; left: var(--left); width: 35px; height: 7px; background: #fff; animation: dominos 1s ease infinite; box-shadow: 2px 2px 3px 0px black; }
.spinner span:nth-child(1) { --left: 80px; animation-delay: 0.125s; }
.spinner span:nth-child(2) { --left: 70px; animation-delay: 0.3s; }
.spinner span:nth-child(3) { left: 60px; animation-delay: 0.425s; }
.spinner span:nth-child(4) { animation-delay: 0.54s; left: 50px; }
.spinner span:nth-child(5) { animation-delay: 0.665s; left: 40px; }
.spinner span:nth-child(6) { animation-delay: 0.79s; left: 30px; }
.spinner span:nth-child(7) { animation-delay: 0.915s; left: 20px; }
.spinner span:nth-child(8) { left: 10px; }
@keyframes dominos { 50% { opacity: 0.7; } 75% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 80% { opacity: 1; } }