@layer components{.loader-glyph{vertical-align:-.14em;flex-shrink:0;width:1.34em;height:1em;animation:.15s ease-out .3s both loader-appear;display:inline-block;overflow:visible}.loader-size-button{width:20px;height:15px}.loader-size-inline{width:24px;height:18px}.loader-size-page{width:40px;height:30px}.loader-book{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.loader-spine{stroke-opacity:.55}.loader-leaf{fill:currentColor;fill-opacity:.22;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;transform-box:view-box;transform-origin:12px;animation:1.4s cubic-bezier(.65,0,.35,1) infinite loader-turn}@keyframes loader-turn{0%{opacity:0;transform:scaleX(1)}12%{opacity:1;transform:scaleX(1)}40%{transform:scaleX(.08)translateY(-.9px)skewY(-6deg)}68%{opacity:1;transform:scaleX(-1)}to{opacity:0;transform:scaleX(-1)}}.skeleton{background-color:var(--sunken);background-image:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--surface) 55%, transparent) 50%, transparent 80%);background-repeat:no-repeat;background-size:200% 100%;border-radius:.5rem;animation:1.8s ease-in-out infinite skeleton-sweep}@keyframes skeleton-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}.loader-page{animation:.22s ease-out .3s both loader-appear}@keyframes loader-appear{0%{opacity:0}to{opacity:1}}@keyframes loader-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.loader-leaf{animation:none}.loader-glyph{animation:1.8s ease-in-out .3s infinite loader-pulse}.skeleton{background-image:none;animation:2s ease-in-out infinite loader-pulse}.loader-page{animation:none}}}