.rubber-loader{--size:32px;--stroke:4;--color:var(--primary);--speed:1.8s;display:inline-block;height:var(--size);width:var(--size)}.rubber-loader svg{animation:rubber-rotate calc(var(--speed)*1.618) ease infinite;height:100%;transform-origin:center;width:100%}.rubber-loader circle{animation:rubber-dash var(--speed) ease-in-out infinite;fill:none;stroke:var(--color);stroke-dasharray:1 150;stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--stroke);transform-origin:center}@keyframes rubber-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rubber-dash{0%{stroke-dasharray:0 150;transform:rotate(0deg)}50%{stroke-dasharray:90 150}to{stroke-dasharray:0 150;transform:rotate(1turn)}}.rubber-loader.xsm{--size:12px;--stroke:2}.rubber-loader.sm{--size:24px;--stroke:3}.rubber-loader.md{--size:32px;--stroke:4}.rubber-loader.lg{--size:48px;--stroke:5}.page-loader{align-items:center;background-color:var(--bg-dark);display:flex;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition:opacity 2.618s ease-in-out;width:100%;z-index:1000}.page-loader.hide{opacity:0;visibility:hidden}.skeleton{background-color:var(--bg);display:flex;overflow:hidden;position:relative}.skeleton:after{animation:sk-shimmer 1s linear infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--bg-light) 50%,hsla(0,0%,100%,0) 100%);content:"";inset:0;position:absolute;transform:translateX(-100%)}.skeleton.hidden{display:none}@keyframes sk-shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.display .skeleton{background-color:transparent;height:324px;width:100%;z-index:1}.display .skeleton:after{animation:sk-shimmer 1s linear infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));content:"";inset:0;position:absolute;transform:translateX(-100%)}