.loader-overlay{z-index:9999;opacity:0;pointer-events:none;background:#fffffff2;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.loader-overlay.is-visible{opacity:1;pointer-events:auto}.loader-box{--brand:#4b49ac;--size:40px;--core:35px;--thick:1px;--gap:14px;width:var(--size);height:var(--size);position:relative}.loader-box .core{width:var(--core);height:var(--core);background:var(--brand);border-radius:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-box .frame{transform-origin:50%;animation:.5s ease-in-out infinite alternate framePulse;position:absolute;inset:0}.loader-box .seg{background:var(--brand);border-radius:2px;position:absolute}.seg.tl{height:var(--thick);width:calc((var(--size) - var(--gap))/2);top:0;left:0}.seg.tr{height:var(--thick);width:calc((var(--size) - var(--gap))/2);top:0;right:0}.seg.bl{height:var(--thick);width:calc((var(--size) - var(--gap))/2);bottom:0;left:0}.seg.br{height:var(--thick);width:calc((var(--size) - var(--gap))/2);bottom:0;right:0}.seg.lt{width:var(--thick);height:calc((var(--size) - var(--gap))/2);top:0;left:0}.seg.lb{width:var(--thick);height:calc((var(--size) - var(--gap))/2);bottom:0;left:0}.seg.rt{width:var(--thick);height:calc((var(--size) - var(--gap))/2);top:0;right:0}.seg.rb{width:var(--thick);height:calc((var(--size) - var(--gap))/2);bottom:0;right:0}@keyframes framePulse{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.15)rotate(0)}50%{transform:scale(1.15)rotate(90deg)}80%{transform:scale(1)rotate(90deg)}to{transform:scale(1)rotate(90deg)}}@media (prefers-color-scheme:dark){.loader-overlay{background:#0009}}