@property --gradient-initial-color{syntax:"<color>";initial-value:#0c0c0c;inherits:false;}.loader{width:100vw;height:100vh;background:rgba(128,128,128,.5);position:fixed;top:0;left:0;z-index:9999;}.loader.experience-modal{width:90vw;position:relative;height:unset;background:transparent;}.loader.experience-modal>*{height:100%;}.loader>*{display:flex;justify-content:center;height:100vh;}.loader>*>*{margin:auto;}.loader>* i{color:hsl(176,42%,50%);font-size:50px;animation:spin 4s linear infinite;}.loader>* .progress{display:flex;height:25px;background-color:#e9eff6;border-radius:8px;width:50%;box-sizing:border-box;overflow:hidden;}.loader>* .progress .progress-bar{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;background-color:hsl(176,42%,50%);transition:width .6s ease;}.loader>* .progress .progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;}.loader>* .progress .progress-bar-animated{animation:progress-bar-stripes 1s linear infinite;}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes progress-bar-stripes{from{background-position:20px 0;}to{background-position:0 0;}}