.page-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);background-color:rgba(255,255,255,.05);z-index:9999;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease,background-color .3s ease}.page-loader.hidden{opacity:0;visibility:hidden}.page-loader.show{opacity:1;visibility:visible;background-color:rgba(255,255,255,.15)}.loader{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:6rem;margin-top:3rem;margin-bottom:3rem}.loader:after,.loader:before{content:"";position:absolute;border-radius:50%;animation:pulsOut 1.8s ease-in-out infinite;filter:drop-shadow(0 0 1rem rgba(255,255,255,.75))}.loader:before{width:100%;padding-bottom:100%;box-shadow:inset 0 0 0 1rem #0387d9;animation-name:pulsIn}.loader:after{width:calc(100% - 2rem);padding-bottom:calc(100% - 2rem);box-shadow:0 0 0 0 #0387d9}@keyframes pulsIn{0%{box-shadow:inset 0 0 0 1rem #0387d9;opacity:1}50%,to{box-shadow:inset 0 0 0 0 #0387d9;opacity:0}}@keyframes pulsOut{0%,50%{box-shadow:0 0 0 0 #0387d9;opacity:0}to{box-shadow:0 0 0 1rem #0387d9;opacity:1}}html.dark{.page-loader{background-color:rgba(0,0,0,.08)}.loader:after,.loader:before{filter:drop-shadow(0 0 1rem rgba(3,135,217,.9))}}