.ql-preload{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg,#fff);transition:opacity .4s ease,visibility .4s ease}.ql-preload[data-hidden=true]{opacity:0;visibility:hidden}.ql-boxes{--size:32px;--duration:800ms;--face:var(--accent,#ffa920);--face-right:color-mix(in srgb,var(--accent,#ffa920) 82%,#000);--face-left:color-mix(in srgb,var(--accent,#ffa920) 92%,#000);--face-shadow:color-mix(in srgb,var(--accent,#ffa920) 18%,#fff);height:calc(var(--size) * 2);width:calc(var(--size) * 3);position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size) * 1.5 * -1);transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0)}.ql-boxes .ql-box{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.ql-boxes .ql-box:first-child{transform:translate(100%);animation:ql-box1 var(--duration) linear infinite}.ql-boxes .ql-box:nth-child(2){transform:translateY(100%);animation:ql-box2 var(--duration) linear infinite}.ql-boxes .ql-box:nth-child(3){transform:translate(100%,100%);animation:ql-box3 var(--duration) linear infinite}.ql-boxes .ql-box:nth-child(4){transform:translate(200%);animation:ql-box4 var(--duration) linear infinite}.ql-boxes .ql-box>div{--background:var(--face);--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size) / 2);--rotateY:0deg;--rotateX:0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.ql-boxes .ql-box>div:first-child{--top:0;--left:0}.ql-boxes .ql-box>div:nth-child(2){--background:var(--face-right);--right:0;--rotateY:90deg}.ql-boxes .ql-box>div:nth-child(3){--background:var(--face-left);--rotateX:-90deg}.ql-boxes .ql-box>div:nth-child(4){--background:var(--face-shadow);--top:0;--left:0;--translateZ:calc(var(--size) * 3 * -1)}@keyframes ql-box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes ql-box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ql-box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes ql-box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}@media (prefers-reduced-motion:reduce){.ql-boxes .ql-box{animation:none}}