@keyframes svelte-xi27vp-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float.svelte-xi27vp{animation:svelte-xi27vp-float 2s linear infinite}:root{--circle-size: 115px;--line-height: 175px}@media (max-width: 1023px){:root{--circle-size: 60px;--line-height: 250px}}#loading{width:var(--circle-size);height:var(--circle-size);position:relative}.inner-shadow{z-index:4;position:absolute;width:100%;height:100%;background-color:#000;top:50%;left:50%;width:calc(var(--circle-size) - 8px);height:calc(var(--circle-size) - 8px);margin-left:calc(4px - var(--circle-size) / 2);margin-top:calc(4px - var(--circle-size) / 2);border-radius:100%}.hold{position:absolute;width:100%;height:100%;clip:rect(0px,var(--circle-size),var(--circle-size),calc(var(--circle-size) / 2));border-radius:100%;background-color:transparent}.fill,.dot{background-color:#fff}.fill{position:absolute;width:100%;height:100%;border-radius:100%;clip:rect(0px,calc(var(--circle-size) / 2),var(--circle-size),0px)}.left .fill{z-index:1}.right{z-index:3;transform:rotate(180deg);transform:scaleX(-1)}.right .fill{z-index:3}.fill{animation:semicircle .6s ease-in-out;animation:semicircle .6s ease-in-out both}@keyframes semicircle{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes drawLine{0%{height:0}to{height:var(--line-height)}}.line{background-color:#fff;width:4px}.animate-line{animation:drawLine .6s ease-in-out forwards}.lineContainer{height:var(--line-height)}