.relative{position:relative}.mb-60{margin-bottom:60px}.px-12{padding:0 12px}.mb-24{margin-bottom:24px}.gray-bg{background-color:#f6f7fa}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes wifiWave{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@keyframes strikeThrough{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:5px}}.network-status{z-index:10000;justify-content:center;align-items:center;height:44px;transition:background-color .4s;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;position:fixed;top:0;left:0;right:0}.network-status.is-offline{color:#f5f2ed;background-color:#2a2118}.network-status.is-offline .wifi-icon .wifi-dot{animation:2s ease-in-out infinite wifiWave}.network-status.is-offline .wifi-icon .wifi-wave-1{animation:2s ease-in-out .2s infinite wifiWave}.network-status.is-offline .wifi-icon .wifi-wave-2{animation:2s ease-in-out .4s infinite wifiWave}.network-status.is-offline .wifi-icon .wifi-wave-3{animation:2s ease-in-out .6s infinite wifiWave}.network-status.is-offline .wifi-icon .wifi-strike{opacity:.8;stroke-dasharray:30;animation:4s ease-in-out infinite strikeThrough}.network-status.is-online{color:#fff;background-color:#2e7d32}.network-status__container{align-items:center;gap:12px;display:flex;position:relative}.network-status__text{letter-spacing:1.5px;text-transform:uppercase;font-family:inter,sans-serif;font-size:11px;font-weight:500}.network-status__icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.network-status__accent{opacity:.3;background-color:currentColor;width:32px;height:2px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}
.relative{position:relative}.mb-60{margin-bottom:60px}.px-12{padding:0 12px}.mb-24{margin-bottom:24px}.gray-bg{background-color:#f6f7fa}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.page-loader-bar{z-index:10001;pointer-events:none;opacity:0;height:3px;transition:opacity .3s;position:fixed;top:0;left:0;right:0}.page-loader-bar.is-active{opacity:1}.page-loader-bar.is-active .page-loader-bar__progress{width:100%;animation:3s cubic-bezier(.1,.05,0,1) forwards progress}.page-loader-bar__progress{background-color:#2a2118;height:100%;transition:width .4s}.page-loader-bar__glow{background:linear-gradient(90deg,#0000,#2a21184d);width:100px;height:100%;position:absolute;top:0;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #2a211866,0 0 5px #2a211833}