.spinner-container{position:relative;display:flex;align-items:center;justify-content:center}.spinner-sm{width:60px;height:60px}.spinner-md{width:120px;height:120px}.spinner-lg{width:200px;height:200px}.logo-sm{width:30px;height:30px}.logo-md{width:60px;height:60px}.logo-lg{width:100px;height:100px}.loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);z-index:50}.spinner-svg{position:absolute;width:100%;height:100%}.logo-container{position:absolute;z-index:10}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .5s ease,visibility .5s ease}.loading-overlay.visible{opacity:1;visibility:visible}.loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.page-content{min-height:100vh;transition:opacity .5s ease,visibility .5s ease}.page-content.visible{opacity:1;visibility:visible}.page-content.hidden{opacity:0;visibility:hidden;pointer-events:none}body.loading{overflow:hidden}body.loaded{overflow:auto}