.spinner-3d:before{transform:rotateX(60deg) rotateY(45deg) rotate(45deg);animation:rotateBefore .75s linear infinite reverse}.spinner-3d:after,.spinner-3d:before{filter:drop-shadow(0 0 8px rgba(23,23,23,.5))}.spinner-3d:after{transform:rotateX(240deg) rotateY(45deg) rotate(45deg);animation:rotateAfter .75s linear infinite}.spinner-3d:after,.spinner-3d:before{box-sizing:border-box;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin-top:-8em;margin-left:-5em;width:10em;height:10em;transform-style:preserve-3d;transform-origin:50%;transform:translate(-50%,-50%) rotateY(50%);perspective-origin:50% 50%;perspective:340px;background-size:100% 100%;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2NnB4IiBoZWlnaHQ9IjI5N3B4IiB2aWV3Qm94PSIwIDAgMjY2IDI5NyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8dGl0bGU+c3Bpbm5lcjwvdGl0bGU+CiAgICA8ZGVzY3JpcHRpb24+Q3JlYXRlZCB3aXRoIFNrZXRjaCAoaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoKTwvZGVzY3JpcHRpb24+CiAgICA8ZGVmcz4KICAgICAgICA8ZGVmcz4KICAgICAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICAgICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMTcxNzE3O3N0b3Atb3BhY2l0eToxIiAvPgogICAgICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMzMzMzM7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICAgICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiM1NTU1NTU7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPC9kZWZzPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPHBhdGggZD0iTTE3MS41MDc4MTMsMy4yNTAwMDAzOCBDMjI2LjIwODE4MywxMi44NTc3MTExIDI5Ny4xMTI3MjIsNzEuNDkxMjgyMyAyNTAuODk1NTk5LDEwOC40MTAxNTUgQzIxNi41ODIwMjQsMTM1LjgyMDMxIDE4Ni41Mjg0MDUsOTcuMDYyNDk2NCAxNTYuODAwNzc0LDg1Ljc3MzQzNDYgQzEyNy4wNzMxNDMsNzQuNDg0MzcyMSA3Ni44ODg0NjMyLDg0LjIxNjE0NjIgNjAuMTI4OTA2NSwxMDguNDEwMTUzIEMtMTUuOTgwNDY4NSwyMTguMjgxMjQ3IDE0NS4yNzczNDQsMjk2LjY2Nzk2OCAxNDUuMjc3MzQ0LDI5Ni42Njc5NjggQzE0NS4yNzc3MzQ0LDI5Ni42Njc5NjggLTI1LjQ0OTIxODcsMjU3LjI0MjE5OCAzLjM5ODQzNzUsMTA4LjQxMDE1NSBDMTYuMzA3MDY2MSw0MS44MTE0MTc0IDg0LjcyNzU4MjksLTExLjk5MjI5ODUgMTcxLjUwNzgxMywzLjI1MDAwMDM4IFoiIGlkPSJQYXRoLTEiIGZpbGw9InVybCgjZ3JhZGllbnQpIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==)}.spinner-3d{position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 12px rgba(23,23,23,.4))}:not(.dark) .spinner-3d{filter:drop-shadow(0 0 16px rgba(23,23,23,.6)) drop-shadow(0 0 8px rgba(0,0,0,.3))}.dark .spinner-3d{filter:drop-shadow(0 0 12px rgba(255,255,255,.3))}.dark .spinner-3d:after,.dark .spinner-3d:before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2NnB4IiBoZWlnaHQ9IjI5N3B4IiB2aWV3Qm94PSIwIDAgMjY2IDI5NyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8dGl0bGU+c3Bpbm5lcjwvdGl0bGU+CiAgICA8ZGVzY3JpcHRpb24+Q3JlYXRlZCB3aXRoIFNrZXRjaCAoaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoKTwvZGVzY3JpcHRpb24+CiAgICA8ZGVmcz4KICAgICAgICA8ZGVmcz4KICAgICAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICAgICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojZmZmZmZmO3N0b3Atb3BhY2l0eToxIiAvPgogICAgICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNjN2Q3ZmY7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICAgICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhMWE5YWI7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPC9kZWZzPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPHBhdGggZD0iTTE3MS41MDc4MTMsMy4yNTAwMDAzOCBDMjI2LjIwODE4MywxMi44NTc3MTExIDI5Ny4xMTI3MjIsNzEuNDkxMjgyMyAyNTAuODk1NTk5LDEwOC40MTAxNTUgQzIxNi41ODIwMjQsMTM1LjgyMDMxIDE4Ni41Mjg0MDUsOTcuMDYyNDk2NCAxNTYuODAwNzc0LDg1Ljc3MzQzNDYgQzEyNy4wNzMxNDMsNzQuNDg0MzcyMSA3Ni44ODg0NjMyLDg0LjIxNjE0NjIgNjAuMTI4OTA2NSwxMDguNDEwMTUzIEMtMTUuOTgwNDY4NSwyMTguMjgxMjQ3IDE0NS4yNzczNDQsMjk2LjY2Nzk2OCAxNDUuMjc3MzQ0LDI5Ni42Njc5NjggQzE0NS4yNzc3MzQ0LDI5Ni42Njc5NjggLTI1LjQ0OTIxODcsMjU3LjI0MjE5OCAzLjM5ODQzNzUsMTA4LjQxMDE1NSBDMTYuMzA3MDY2MSw0MS44MTE0MTc0IDg0LjcyNzU4MjksLTExLjk5MjI5ODUgMTcxLjUwNzgxMywzLjI1MDAwMDM4IFoiIGlkPSJQYXRoLTEiIGZpbGw9InVybCgjZ3JhZGllbnQpIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==)}@keyframes rotateBefore{0%{transform:rotateX(60deg) rotateY(45deg) rotate(0deg)}to{transform:rotateX(60deg) rotateY(45deg) rotate(-1turn)}}@keyframes rotateAfter{0%{transform:rotateX(240deg) rotateY(45deg) rotate(0deg)}to{transform:rotateX(240deg) rotateY(45deg) rotate(1turn)}}