.loader-component{position:relative;height:calc(100vh - 320px);text-align:center}.loader-component>.inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 auto;max-width:540px}.title{color:#334155;font-size:28px;line-height:32px;font-weight:600}.subtitle{margin-top:15px;color:#64748b;font-size:14px;line-height:20px}.loader{--icon-size: 75px;--spinner-color: var(--p-green-500);position:relative;margin:25px auto 0;width:var(--icon-size);height:var(--icon-size);border-radius:50%;display:inline-block;border-top:1px solid var(--spinner-color);border-right:3px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader-bottom{margin-top:20px;color:#334155;font-size:14px;line-height:17px;font-weight:500;white-space:nowrap}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}